@charset "UTF-8";

/*-- ALL ------------------------------
------------------------------------------*/
*{box-sizing:border-box;}
html{overflow-x:hidden;font-size:62.5%;}
body{font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;font-size:18px;line-height:1.45;color:#24234d;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-break:break-all;}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb55{margin-bottom:55px!important}
.mb60{margin-bottom:60px!important}
.mb65{margin-bottom:65px!important}
.mb70{margin-bottom:70px!important}
.mb75{margin-bottom:75px!important}
.mb80{margin-bottom:80px!important}
.mb90{margin-bottom:90px!important}
.mb100{margin-bottom:100px!important}
.mb115{margin-bottom:115px!important}
.mb140{margin-bottom:140px!important}
.center{text-align:center;}
.txt_right{text-align: right;}
a{display: block;transition:all .2s;}
a:hover{opacity:.85;}
.hover:hover{opacity:.85}
.pc{display:block;}
.sp{display:none;}
.break_pc{display:block !important;}
.break_sp{display:contents !important;}
.txt_shadow{text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}

p{margin:0 0 35px 0;font-size:20px;line-height:1.65;}

.mb0{margin-bottom:0;}
.lh_none{line-height:0}
.bold{font-weight:700;}
.highlight{background:-webkit-linear-gradient(transparent 50%,#ffefc1 50%,#ffefc1 80%,transparent 90%);background:-o-linear-gradient(transparent 50%,#ffefc1 50%,#ffefc1 80%,transparent 90%);background:linear-gradient(transparent 50%,#ffefc1 50%,#ffefc1 80%,transparent 90%);padding-bottom:5px;}
.highlight02{background:-webkit-linear-gradient(transparent 95%,#000 50%,#000 100%,transparent 0%);background:-o-linear-gradient(transparent 95%,#000 50%,#000 100%,transparent 0%);background:linear-gradient(transparent 95%,#000 50%,#000 100%,transparent 0%);padding-bottom:2px;}
:root{
  --grey: #f3f3f1;
  --purple: #563cfd;
  --green: #f6fbfb;
  --blue: #00adbe;
  --yellow: #cf9817;
  --green2: #42b5a9;
  --black: #020202;
  --white: #ffffff;
  --cl-text: #464851;
  --f-mincho: "Shippori Mincho", serif;
}
.lt-spa{letter-spacing:-2px;}
.lt-spa-1{letter-spacing:-0.5px;}
.cl_green{color:var(--green2);}
.cl_white{color:var(--white);}
.cl_blue{color:var(--blue);}
.cl_yellow{color:var(--yellow);}
.size14{font-size:14px;}
.size15{font-size:15px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size24{font-size:24px;}
.size30{font-size:30px;}
.size60{font-size:60px;}
.f-mincho{font-family:var(--f-mincho);}
.fw-normal{font-weight:normal;}
.d-flex{display:flex;flex-wrap:wrap;}
#wrapper{
  max-width: 1920px;
  margin: 0 auto;
}

/*-- header --------------------------------
------------------------------------------*/
/* header {
  display: block;
  width: 100%;
  background: #23234c;
  padding: 10px 15px;
  position: fixed;
  top: 0;
  z-index: 9999999;
}
header ul {
  display: flex;
  height: 40px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
header a {
  color: #fff;
  font-weight: bold;
}
main {
  margin-top: 30px;
} */

/*-- /header -------------------------------
------------------------------------------*/

/*-- fv ------------------------------------
------------------------------------------*/
.sec_fv{
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_fv_bg.jpg) no-repeat center;
  min-height: 504px;
}
/*-- /fv -----------------------------------
------------------------------------------*/

/*-- sec_slider ----------------------------
------------------------------------------*/
.sec_slider{
  padding: 32px 0 42px 0;
  overflow: hidden;
}
.sec_slider .slide_session {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
.sec_slider .slide_session .slick-list{
  overflow: unset;
}

.sec_slider .slick-dots{
  display: flex;
  justify-content: center;
  gap: 50px;
}
.sec_slider .slick-dots li button{
  width: 20px;
  height: 20px;
  background: #aaaaaa;
  border-radius: 50%;
  border: none;
  font-size: 0;
  cursor: pointer;
}
.sec_slider .slick-dots li{
  line-height: 0;
  margin-top: 45px;
}
.sec_slider .slick-dots li button:hover{
  opacity: .85;
}
.sec_slider .slick-dots li.slick-active button{
  background: #cf9817;
}
.sec_slider .slick-arrow{
  position: absolute;
  /* width: 80px; */
  /* height: 80px; */
  background: rgba(207, 152, 23, .6);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  /* top: calc(50% - 28px); */
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  transition:all .2s;
  font-size: 0;
  width: 60px;
  height: 60px;
  bottom: -48px;
}
.sec_slider .slick-arrow:hover{
  opacity: .65;
}
.sec_slider .slick-next.slick-arrow{
  right: 150px;
  background: rgba(207, 152, 23, .6) url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//arr_next.png) no-repeat center;
}
.sec_slider .slick-prev.slick-arrow{
  left: 150px;
  background: rgba(207, 152, 23, .6) url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//arr_prev.png) no-repeat center;
}

.sec_slider .item{
  display: flex;
  flex-direction: column;
  /*--
  max-width: 900px;
  --*/
  max-width: 500px;
  width: 100%;
  background: #f6f3ee;
  text-align: center;
  border-top: 9px solid #23234c;
  padding: 30px;
  /*--
  margin: 0 30px;
  --*/
  margin: 0 15px;
	gap: 10px;
}


.sec_slider .item .ttl_sl{
    display: flex;
    flex-direction: column;
  }
.sec_slider .item .ttl_sl .en{
  font-size: 24px;
  font-weight: 700;
  color: #cf9817;
  font-family: var(--f-mincho);
  border: 1px solid #cf9817;
  padding: 2px 20px;
  width: 100%;
  max-width: 220px;
  display: inline-block;
  margin: 0 auto 10px;
}
.sec_slider .item .ttl_sl .time{
  font-size: 18px;
  font-weight: 700;
  font-family: var(--f-mincho);
  padding: 2px 20px;
  width: 100%;
  max-width: 220px;
  display: inline-block;
  margin: 0 auto 10px;
}
.sec_slider .item .ttl_sl h3{
  /*--
  font-size: 24px;
  --*/
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  font-family: var(--f-mincho);
  color: #23234c;
  text-align: center;
  margin-bottom: 20px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.sec_slider .item .ttl_sl h3 span{
  font-size: 18px;
  line-height: 1.4;
}
.sec_slider .item .flex_sl{
  display: flex;
  justify-content: center;
  gap:15px;
}
.sec_slider .item .flex_sl .thumb{
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
}
.sec_slider .item .flex_sl .thumb img{
  width:180px;
  margin: 0 auto;
}
.sec_slider .item .flex_sl .txt{
  color: #3e3a39;
  font-size: 16px;
  flex-grow: 1;
}
.sec_slider .item .flex_sl .title{
  font-family: var(--f-mincho);
  color: #3e3a39;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
}
/*-- /sec_slider ---------------------------
------------------------------------------*/

/*-- cta -----------------------------------
------------------------------------------*/
.cta{
  background: #24234d;
  padding: 56px 0 5px 0;
}
.cta .cta_box{
  position: relative;
  background: #fff;
  padding: 33px 50px;
}
.cta .cta_box:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #d8b451;
  box-sizing: border-box;
  content: "";
  z-index: 1;
}
.cta .cta_box .cta_inner{
  position: relative;
  z-index: 2;
}
.cta .list_cta{
  width: 100%;
  max-width: 520px;
  margin: 0 auto 25px;
}
.cta .list_cta dl{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #8a8aa0;
}
.cta .list_cta dl dt{
  background: #24234d;
  color: #fff;
  width: 97px;
  padding: 2px 0;
  text-align: center;
}
.cta .list_cta dl dd{
  width: calc(100% - 109px);
  font-size: 24px;
  color: #24234d;
  font-weight: 500;
}

.cta .timetable{

}

.original-button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ca9700;
  font-size: 18px;
  border-radius: 30px;
  width: 500px;
  height: 60px;
  font-weight: bold;
  border: 4px solid #EAD58A;
  transition: 0.3s;
  background-color: #ffffff;
  margin: 50px auto;
}
.original-button:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0.4);
  border-bottom-width: 2px;
  transform: translateY(2px);
}

/*-- /cta ----------------------------------
------------------------------------------*/

/*-- sec01 ---------------------------------
------------------------------------------*/
.sec01{
  /*--
  padding: 88px 0 424px 0;
  --*/
  padding: 88px 0;
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_sec01_bg.jpg) no-repeat bottom center;
}
/*-- /sec01 --------------------------------
------------------------------------------*/

/*-- sec02 ---------------------------------
------------------------------------------*/
.sec02{
  padding: 61px 0 80px 0;
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_sec02_bg.jpg) no-repeat top center;
  background-size: cover;
}
.sec02 .d-flex{
  justify-content: space-between;
}
.sec02 .d-flex .item{
  position: relative;
  width: 450px;
  background: #fff;
  border: 5px solid #24234d;
  padding: 30px 20px 40px 20px;
  box-sizing: border-box;
}
.sec02 .d-flex .item h3{
  font-size: 36px;
  text-align: center;
  font-family: var(--f-mincho);
  font-weight: 700;
  margin-bottom: 30px;
}
.sec02 .d-flex .item ul li{
  display: flex;
  flex-wrap: wrap;
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//ic_check_yellow.png) no-repeat top 5px left;
  background-size: 20px 20px;
  border-bottom: 2px dashed #8a8aa0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.sec02 .d-flex .item ul li span{
  padding-left: 30px;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.3;
}
/*-- /sec02 --------------------------------
------------------------------------------*/

/*-- sec03 ---------------------------------
------------------------------------------*/
.sec03{
  padding: 88px 0 106px 0;
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_sec03_bg.jpg) no-repeat top center;
  background-size: cover;
}
.sec03 .sec03_box .item{
  position: relative;
}
.sec03 .sec03_box .item .no{
  position: absolute;
  right: 10px;
  top: -35px;
  line-height: 0;
}
.sec03 .sec03_box dl{
  display: flex;
  justify-content: space-between;
  background: #24234d;
  border-radius: 0 50px 0 50px;
  overflow: hidden;
}
.sec03 .sec03_box dl dd{
  width: calc(100% - 200px);
  padding: 26px;
}
.sec03 .sec03_box dl dd h3{
  font-weight: 700;
  font-family: var(--f-mincho);
  color: #f4d58e;
  font-size: 30px;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
.sec03 .sec03_box dl dd p{
  color: #fff;
  font-size: 20px;
  letter-spacing: -1px;
}
/*-- /sec03 --------------------------------
------------------------------------------*/

/*-- sec04 ---------------------------------
------------------------------------------*/
.sec04{
  padding: 87px 0 108px 0;
  background: #fff5d7;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.sec04_slide .item{
  max-width: 402px;
  width: 100%;
  background: #fff;
  margin: 0 15px;
  border-radius: 0 50px 0 50px;
  overflow: hidden;
  padding: 32px 0 0 0;
}
.sec04_slide .item dl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.sec04_slide .item dl dt{
  max-width: 122px;
}
.sec04_slide .item dl dt img{
  max-width: 100%;
  height: auto;
}
.sec04_slide .item dd{
  width: calc(100% - 135px);
  padding: 0 25px 0 0;
}
.sec04_slide .item dd h3{
  background: #24234d;
  width: 100%;
  padding: 3px 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.sec04_slide .item dd p{
  font-size: 18px;
  margin-bottom: 0;
}
.sec04_slide .slick-track {
  display: flex;
  direction: rtl;
}
.sec04_slide .slick-slide {
  direction: ltr;
}
/*-- /sec04 --------------------------------
------------------------------------------*/

/*-- sec05 ---------------------------------
------------------------------------------*/
.sec05{
  padding: 88px 0 61px 0;
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_sec05_bg.jpg) no-repeat top center;
}
/*-- /sec05 --------------------------------
------------------------------------------*/

/*-- sec06 ---------------------------------
------------------------------------------*/
.sec06{
  padding: 100px 0 135px 0;
  background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_sec06_bg.jpg) no-repeat top center;
  background-size: cover;
}
.sec06_box .item{
  padding: 40px 35px 46px 35px;
  background: #fff;
}
.sec06_box .item_sec{
  padding: 40px 35px 46px 35px;
  background: #fff;
  border-top: 10px solid #cf9817;
}
.sec06_box .item_pr{
  padding: 40px 35px 46px 35px;
  background: #EEEEEE;
  border-top: 10px solid #25234E;
}
.sec06_box .item_sec .ttl_en,
.sec06_box .item .ttl_en{
  font-size: 30px;
  font-family: var(--f-mincho);
  font-weight: 700;
  text-align: center;
  width: 100%;
  max-width: 220px;
  color: #cf9817;
  padding: 25px 10px;
  border: 1px solid #cf9817;
  margin: 0 auto 42px;
  line-height: 0;
}
.sec06_box .item_pr .time{
  font-size: 24px;
  font-family: var(--f-mincho);
  font-weight: 700;
  text-align: center;
  width: 100%;
  color: #25234E;
  border-top: 2px solid #25234E;
  border-bottom: 2px solid #25234E;
  padding:5px 0;
  margin: 0 auto 30px;
}
.sec06_box .item_pr .time span.timetable{
  font-size: 18px;
  margin: 0 0 0 30px;
}
.sec06_box .item_pr .theme{
  font-size: 24px;
  font-family: var(--f-mincho);
  font-weight: 700;
  text-align: center;
  width: 100%;
  color: #25234E;
  margin: 0 auto 18px;
}
.sec06_box .item_pr .theme p{
  margin: 0 auto;
}

.sec06_box .item_pr .explanation p{
  font-size: 18px;
  margin: 0 0 15px 0;
}

.sec06_box .item_sec .ttl_en span,
.sec06_box .item .ttl_en span{
  font-size: 48px;
}
.sec06_box .item_sec .time dl,
.sec06_box .item .time dl{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec06_box .item_sec .time,
.sec06_box .item .time{
  border-bottom: 2px solid #24234d;
  margin-bottom: 34px;
  padding-bottom: 20px;
}
.sec06_box .item_sec .time dl dt,
.sec06_box .item .time dl dt{
  background: #cf9817;
  font-size: 24px;
  width: 93px;
  color: #fff;
  border-radius: 50px;
  background: #cf9817;
  text-align: center;
  font-family: var(--f-mincho);
  font-weight: 600;
  padding: 3px 0 2px 0;
}
.sec06_box .item_sec .time dl dd,
.sec06_box .item .time dl dd{
  font-size: 28px;
  letter-spacing: -1px;
  text-align: left;
  width: calc(100% - 106px);
  font-family: var(--f-mincho);
  font-weight: 600;
}
.sec06_box .item_sec .time dl dd span,
.sec06_box .item .time dl dd span{
  font-size: 18px;
}
.sec06_box .item_sec .time dl,
.sec06_box .item .time dl{
  margin-bottom: 20px;
}

.sec06_box .item_pr .d-flex{
 gap: 30px;
}
.sec06_box .item_pr .d-flex .thumb{
 width: 140px;
}
.sec06_box .item_pr .d-flex .txt{
 flex: 1;
}
.sec06_box .item_pr .d-flex .txt .title_02 .name{
    font-size: 18px;
    font-family: var(--f-mincho);
    font-weight: 700;
    margin-bottom: 5px;
}
.sec06_box .item_pr .d-flex .txt .title_02 .company{
    font-size: 18px;
    font-family: var(--f-mincho);
    font-weight: 700;
    margin-bottom: 5px;
}

.sec06_box .item_pr .d-flex .txt .text p{
    font-size: 16px;
    margin-bottom: 10px;
}

.sec06_box .item_sec .list_text,
.sec06_box .item_pr .list_text,
.sec06_box .item .list_text{
  list-style-type: none;
  font-size: 20px;
}

.sec06_box .item_sec .list_text li,
.sec06_box .item_pr .list_text li,
.sec06_box .item .list_text li{
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: .3em;
}
.sec06_box .item_sec .list_text li::before,
.sec06_box .item .list_text li::before{
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #cf9817;
    border-left: 2px solid #cf9817;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}
.sec06_box .item_pr .list_text li::before{
    display: inline-block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #24234d;
    border-left: 2px solid #24234d;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}

.sec06_box .item_sec .d-flex,
.sec06_box .item_pr .d-flex,
.sec06_box .item .d-flex{
  justify-content: space-between;
}
.sec06_box .item_sec .d-flex .txt,
.sec06_box .item .d-flex .txt{
  width: calc(100% - 241px);
  padding-top: 8px;
}
.sec06_box .item_pr .d-flex .txt{
  width: calc(100% - 241px);
  padding-top: 8px;
}

.sec06_box .item_sec .d-flex .txt .title,
.sec06_box .item .d-flex .txt .title{
  font-size: 24px;
  font-family: var(--f-mincho);
  font-weight: 700;
}
.sec06_box .item_sec .d-flex .txt .title_02 p.name,
.sec06_box .item .d-flex .txt .title_02 p.name{
  font-size: 24px;
  font-family: var(--f-mincho);
  font-weight: 700;
  margin-bottom: 5px;
}
.sec06_box .item_sec .d-flex .txt .title span,
.sec06_box .item .d-flex .txt .title span{
  font-size: 18px;
  padding-left: 30px;
  font-weight: 500;
}
.sec06_box .item_sec .d-flex .txt .title_02 p.company,
.sec06_box .item .d-flex .txt .title_02 p.company{
  font-size: 18px;
  font-weight: 500;
  font-family: var(--f-mincho);
  margin-bottom: 20px;
}
.sec06_box .item_sec .d-flex .txt .text p,
.sec06_box .item .d-flex .txt .text p{
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 1.5;
}

/*-- /sec06 --------------------------------
------------------------------------------*/

/*-- sec07 ---------------------------------
------------------------------------------*/
.sec07{
  padding: 90px 0 75px 0;
  background: #e8ecee url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images//pc_sec07_bg.jpg) no-repeat top center;
}
.sec07_box dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec07_box dl.item2{
  width: calc(100% - 60px);
  margin-left: 60px;
}
.sec07_box dl.item3{
  width: calc(100% - 120px);
  margin-left: 120px;
}
.sec07_box dl dd{
  width: calc(100% - 335px);
}
.sec07_box dl dd h3{
  font-family: var(--f-mincho);
  font-weight: 600;
  color: #fff;
  font-size: 28px;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.sec07_box dl dd h3 span{
  background: #ca9700;
  display: inline-block;
  padding: 5px 15px;
}
.sec07_box dl dd .txt_small{
  font-size: 16px;
  display: flex;
}
.sec07_box dl dd .txt_small span:first-child{
  padding-right: 10px;
}
.sec07 .bg_wh{
  background: #fff;
  padding: 50px 50px 43px 50px;
}
.sec07 .bg_wh .txt_obc{
  background: #ca9700;
  color: #fff;
  padding: 3px 10px;
  letter-spacing: 1px;
}
/*-- /sec07 --------------------------------
------------------------------------------*/

/*-- sec08 ---------------------------------
------------------------------------------*/
.sec08{
  padding: 83px 0 75px 0;
}
.box_qa dl:first-child{
  border-top: 2px solid #24234d;
  border-bottom: 2px solid #24234d;
}
.box_qa dl{
  padding: 20px 35px 37px 35px;
  border-bottom: 2px solid #24234d;
}
.box_qa dl dt{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.box_qa dl dt img{
  max-width: 60px;
}
.box_qa dl dt span{
  width: calc(100% - 74px);
  font-size: 24px;
  font-weight: 700;
  color: #ca9700;
  font-family: var(--f-mincho);
}
.box_qa dl dd{
  padding-left: 74px;
  width: 100%;
}
.box_qa dl dd .txt_small{
  font-size: 75%;
}
/*-- /sec08 --------------------------------
------------------------------------------*/

/*-- sec09 ---------------------------------
------------------------------------------*/
.sec09{
  padding: 83px 0 90px 0;
  background: #fff5d6;
}
.tb_style{
  border-collapse: separate;
  border-spacing: 10px;
  box-sizing: border-box;
}
.tb_style th,
.tb_style td{
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 20px;
  vertical-align: middle;
}
.tb_style th{
  background: #ca9700;
  width: 200px;
  color: #fff;
}
.tb_style td{
  background: #fff;
}
.tb_style td .txt_small{
  font-size: 16px;
}
/*-- /sec09 --------------------------------
------------------------------------------*/

/*-- sec10 ---------------------------------
------------------------------------------*/
.sec10{
  padding: 73px 0 78px 0;
}
.sec10 .sec10_box{
  justify-content: space-between;
}
/*-- /sec10 --------------------------------
------------------------------------------*/

/*-- footer --------------------------------
------------------------------------------*/
.footer .box_footer{
  background: #434343;
  padding: 48px 0;
  color: #fff;
  font-size: 18px;
}
.footer .box_footer a{
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
}
.footer .box_footer a:hover{
  text-decoration: underline;
}
.footer .box_footer a.hover_none:hover{
  text-decoration: none;
  opacity: 1;
}
.footer .box_footer .d-flex{
  align-items: center;
  flex-wrap: wrap;
  padding: 0 35px;
}
.footer .box_footer .d-flex .left_foo{
  width: 300px;
}
.footer .box_footer .d-flex .right_foo{
  width: calc(100% - 300px);
  border-left: 3px solid #fff;
  padding-left: 15px;
}
.footer .box_footer .d-flex .name_foo{
  margin-bottom: 10px;
}
.footer .box_footer .d-flex .name_foo span{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -1px;
}
.footer .copyright{
  background: #000000;
  padding: 28px 0;
  text-align: center;
}
.footer .copyright p{
  font-size: 14px;
  color: #fff;
}
/*-- /footer -------------------------------
------------------------------------------*/

/*-- cta_fixed ---------------------------------
------------------------------------------*/
#cta_fixed{
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: rgba(37, 35, 78, .9);
  padding: 18px 0;
}
#cta_fixed .d-flex{
  flex-wrap: nowrap;
  justify-content: space-between;
}
#cta_fixed .btn_cta_fixed a{
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.35);
  border-radius: 50px;
}
/*-- /cta_fixed --------------------------------
------------------------------------------*/

/*-- /pagetop ------------------------------
------------------------------------------*/
.pagetop{position:fixed;bottom:105px;right:25px;z-index:9999;}
.pagetop a{position:relative;display:block;width:60px;height:60px;background-color:#24234d;border-radius:15%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.pagetop a:before{position:absolute;content:"";border-left:8px solid transparent;border-right:10px solid transparent;border-bottom:14px solid #fff;top:50%;right:50%;transform:translateX(50%)translateY(-60%);}
.pagetop a:hover{display:block;text-align:center;color:#fff;font-size:12px;text-decoration:none;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.pagetop a:link,.pagetop a:visited{color:#fff;}
/*-- /pagetop ------------------------------
------------------------------------------*/




/* PC共通スタイル */
#wrapper {
  /*--
  margin-top: 60px;
  --*/
  margin-top: 40px;
}
header {
  display: block;
  width: 100%;
  background: #23234c;
  padding: 10px 15px;
  position: fixed;
  top: 0;
  z-index: 9999999;
}

header a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

header ul.nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /*--
  gap: 10px;
  --*/
  gap: 3%;
  list-style: none;
  padding-left: 0;
  margin: 0;
  height: 40px; /* ← ここが原因 */
}

/* ハンバーガーボタン（SPのみ表示） */
.menu-toggle {
  display: none;
  width: 30px;
  height: 22px;
  position: relative;
  cursor: pointer;
  margin-left: auto;
  z-index: 10000;
}
.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: #fff;
  position: absolute;
  transition: all 0.3s ease;
}
.menu-toggle span {
  top: 50%;
  transform: translateY(-50%);
}
.menu-toggle::before {
  top: 0;
}
.menu-toggle::after {
  bottom: 0;
}

/* 開いてるときのX形状 */
.menu-toggle.active span {
  opacity: 0;
}
.menu-toggle.active::before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.menu-toggle.active::after {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/* SP用スタイル */
@media (max-width: 749px) {
  #wrapper {
    margin-top: 42px;
  }
  .menu-toggle {
    display: block;
  }

  header ul.nav {
    display: none; /* スライドトグル対象 */
    flex-direction: column;
    background: #23234c;
    width: 100%;
    height: auto !important; /* ← ここで上書き */
    margin-top: 10px;
  }

  header ul.nav li {
    padding: 10px 15px;
    border-top: 1px solid rgba(255,255,255,0.2);
  }
}

/*-- aco -----------------------------------
------------------------------------------*/
.aco {
  text-align: center;
  display: block;
  padding: 5px 15px;
  border: 1px solid #23234c;
  position: relative;
  cursor: pointer;
  padding-right: 30px;
}
.aco2 {
  border: 0;
  border-bottom: 1px solid #23234c;
  margin-bottom: 20px;
}
.aco:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.aco.active::after {
  transform: translateY(-50%) rotate(225deg);
}
.aco_inner {
  display: none;
}
/*-- /aco ----------------------------------
------------------------------------------*/

.sec_slider .item .sp {
  display: none!important;
}