@charset "utf-8";
body.rn20024_reset{
padding-top:0!important;
}
html{font-size:12px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
/* common */
body.simple {
    padding-top: 0!important;
}
body#simple {
    padding-top: 0!important;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.center {
  text-align: center;
}
.left {
  text-align: left !important;
}
.ov {
  text-decoration: underline !important;
}
.red {
  color: #d62401 !important;
}
.blue {
  color: #0121b5 !important;
}
.yellow {
  color: #fff100 !important;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flex.mid {
  align-items: center;
}
.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.line {
  border-bottom: 2px dotted #fff;
}
.line:first-child {
  border-top: 2px dotted #fff;
}
/* general */
.text {
  font-size: 4.375vw;
  font-weight: 600;
  line-height: 1.72;
}
.note {
  font-size: 3.438vw;
  line-height: 1.46;
}
.inner {
  margin: 0 15px;
  position: relative;
}
.inner img {
  width: 100%;
}
.section {
  position: relative;
}

/* mv */

.modal__container{display:flex;
  position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, .5);height:100%;justify-content:center;opacity:0;overflow:auto;text-align:center;transition:.3s;visibility:hidden;width:100%;z-index:1000;}

.modal__container.active{
  opacity:1;visibility:visible;}

.modal__body{
  position:relative;padding:16px 0;width:calc(100% - 32px);}

.modal__close{display:flex;
  position:absolute;top:0;right:0;align-items:center;background:#009ce5;border-radius:50%;color:#fff;cursor:pointer;font-size:40px;height:32px;justify-content:center;width:32px;}

.modal__content{
  background:#fff;border-radius:10px;padding:40px 13.5px;text-align:left;}

.modal__content ul li{
  font-size:10px;line-height:1.5;padding-left:.5em;text-indent:-.5;}



*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



/* fixed */
.fixed {
  position: fixed;
  visibility: hidden;
  bottom: -95px;
  left: 0;
  width: 100%;
  z-index: 50;
  opacity: 0;
  background: #fff;
  padding: 8px 0 7px;
  transition: bottom 0.3s ease;
}
.fixed.is-show {
  visibility: visible;
  opacity: 1;
  bottom: 0;
  transition: bottom 0.3s ease;
}
.fixed .inner{
  margin: 0 4px;
}
.fixed .btn {
  width: 100%;
  margin: 0 auto;
}
.fixed .btn a,
.fixed .btn img {
  display: block;
}
.fixed .fixed-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed .fixed-btn > *{
  margin: 0 3px;
  width: 150px;
}
.fixed-txt{
  width: 256px;
  margin: 0 auto;
  padding-bottom: 7px;
}
/* footer */
footer {
  margin-top: 0;
}

.mt0{
  margin-top:0 !important;}

.pt0{
  padding-top:0 !important;}

.mb0{
  margin-bottom:0 !important;}

.pb0{
  padding-bottom:0 !important;}

.ml0{
  margin-left:0 !important;}

.pl0{
  padding-left:0 !important;}

.mr0{
  margin-right:0 !important;}

.pr0{
  padding-right:0 !important;}

.mt1{
  margin-top:1px !important;}

.pt1{
  padding-top:1px !important;}

.mb1{
  margin-bottom:1px !important;}

.pb1{
  padding-bottom:1px !important;}

.ml1{
  margin-left:1px !important;}

.pl1{
  padding-left:1px !important;}

.mr1{
  margin-right:1px !important;}

.pr1{
  padding-right:1px !important;}

.mt2{
  margin-top:2px !important;}

.pt2{
  padding-top:2px !important;}

.mb2{
  margin-bottom:2px !important;}

.pb2{
  padding-bottom:2px !important;}

.ml2{
  margin-left:2px !important;}

.pl2{
  padding-left:2px !important;}

.mr2{
  margin-right:2px !important;}

.pr2{
  padding-right:2px !important;}

.mt3{
  margin-top:3px !important;}

.pt3{
  padding-top:3px !important;}

.mb3{
  margin-bottom:3px !important;}

.pb3{
  padding-bottom:3px !important;}

.ml3{
  margin-left:3px !important;}

.pl3{
  padding-left:3px !important;}

.mr3{
  margin-right:3px !important;}

.pr3{
  padding-right:3px !important;}

.mt4{
  margin-top:4px !important;}

.pt4{
  padding-top:4px !important;}

.mb4{
  margin-bottom:4px !important;}

.pb4{
  padding-bottom:4px !important;}

.ml4{
  margin-left:4px !important;}

.pl4{
  padding-left:4px !important;}

.mr4{
  margin-right:4px !important;}

.pr4{
  padding-right:4px !important;}

.mt5{
  margin-top:5px !important;}

.pt5{
  padding-top:5px !important;}

.mb5{
  margin-bottom:5px !important;}

.pb5{
  padding-bottom:5px !important;}

.ml5{
  margin-left:5px !important;}

.pl5{
  padding-left:5px !important;}

.mr5{
  margin-right:5px !important;}

.pr5{
  padding-right:5px !important;}

.mt6{
  margin-top:6px !important;}

.pt6{
  padding-top:6px !important;}

.mb6{
  margin-bottom:6px !important;}

.pb6{
  padding-bottom:6px !important;}

.ml6{
  margin-left:6px !important;}

.pl6{
  padding-left:6px !important;}

.mr6{
  margin-right:6px !important;}

.pr6{
  padding-right:6px !important;}

.mt7{
  margin-top:7px !important;}

.pt7{
  padding-top:7px !important;}

.mb7{
  margin-bottom:7px !important;}

.pb7{
  padding-bottom:7px !important;}

.ml7{
  margin-left:7px !important;}

.pl7{
  padding-left:7px !important;}

.mr7{
  margin-right:7px !important;}

.pr7{
  padding-right:7px !important;}

.mt8{
  margin-top:8px !important;}

.pt8{
  padding-top:8px !important;}

.mb8{
  margin-bottom:8px !important;}

.pb8{
  padding-bottom:8px !important;}

.ml8{
  margin-left:8px !important;}

.pl8{
  padding-left:8px !important;}

.mr8{
  margin-right:8px !important;}

.pr8{
  padding-right:8px !important;}

.mt9{
  margin-top:9px !important;}

.pt9{
  padding-top:9px !important;}

.mb9{
  margin-bottom:9px !important;}

.pb9{
  padding-bottom:9px !important;}

.ml9{
  margin-left:9px !important;}

.pl9{
  padding-left:9px !important;}

.mr9{
  margin-right:9px !important;}

.pr9{
  padding-right:9px !important;}

.mt10{
  margin-top:10px !important;}

.pt10{
  padding-top:10px !important;}

.mb10{
  margin-bottom:10px !important;}

.pb10{
  padding-bottom:10px !important;}

.ml10{
  margin-left:10px !important;}

.pl10{
  padding-left:10px !important;}

.mr10{
  margin-right:10px !important;}

.pr10{
  padding-right:10px !important;}

.mt11{
  margin-top:11px !important;}

.pt11{
  padding-top:11px !important;}

.mb11{
  margin-bottom:11px !important;}

.pb11{
  padding-bottom:11px !important;}

.ml11{
  margin-left:11px !important;}

.pl11{
  padding-left:11px !important;}

.mr11{
  margin-right:11px !important;}

.pr11{
  padding-right:11px !important;}

.mt12{
  margin-top:12px !important;}

.pt12{
  padding-top:12px !important;}

.mb12{
  margin-bottom:12px !important;}

.pb12{
  padding-bottom:12px !important;}

.ml12{
  margin-left:12px !important;}

.pl12{
  padding-left:12px !important;}

.mr12{
  margin-right:12px !important;}

.pr12{
  padding-right:12px !important;}

.mt13{
  margin-top:13px !important;}

.pt13{
  padding-top:13px !important;}

.mb13{
  margin-bottom:13px !important;}

.pb13{
  padding-bottom:13px !important;}

.ml13{
  margin-left:13px !important;}

.pl13{
  padding-left:13px !important;}

.mr13{
  margin-right:13px !important;}

.pr13{
  padding-right:13px !important;}

.mt14{
  margin-top:14px !important;}

.pt14{
  padding-top:14px !important;}

.mb14{
  margin-bottom:14px !important;}

.pb14{
  padding-bottom:14px !important;}

.ml14{
  margin-left:14px !important;}

.pl14{
  padding-left:14px !important;}

.mr14{
  margin-right:14px !important;}

.pr14{
  padding-right:14px !important;}

.mt15{
  margin-top:15px !important;}

.pt15{
  padding-top:15px !important;}

.mb15{
  margin-bottom:15px !important;}

.pb15{
  padding-bottom:15px !important;}

.ml15{
  margin-left:15px !important;}

.pl15{
  padding-left:15px !important;}

.mr15{
  margin-right:15px !important;}

.pr15{
  padding-right:15px !important;}

.mt18{
  margin-top:18px !important;}

.mt20{
  margin-top:20px !important;}

.pt20{
  padding-top:20px !important;}

.mb20{
  margin-bottom:20px !important;}

.pb20{
  padding-bottom:20px !important;}

.ml20{
  margin-left:20px !important;}

.pl20{
  padding-left:20px !important;}

.mr20{
  margin-right:20px !important;}

.pr20{
  padding-right:20px !important;}

.mt25{
  margin-top:25px !important;}

.pt25{
  padding-top:25px !important;}

.mb25{
  margin-bottom:25px !important;}

.pb25{
  padding-bottom:25px !important;}

.ml25{
  margin-left:25px !important;}

.pl25{
  padding-left:25px !important;}

.mr25{
  margin-right:25px !important;}

.pr25{
  padding-right:25px !important;}

.mt30{
  margin-top:30px !important;}

.pt30{
  padding-top:30px !important;}

.mb30{
  margin-bottom:30px !important;}

.pb30{
  padding-bottom:30px !important;}

.ml30{
  margin-left:30px !important;}

.pl30{
  padding-left:30px !important;}

.mr30{
  margin-right:30px !important;}

.pr30{
  padding-right:30px !important;}

.mt35{
  margin-top:35px !important;}

.pt35{
  padding-top:35px !important;}

.mb35{
  margin-bottom:35px !important;}

.pb35{
  padding-bottom:35px !important;}

.ml35{
  margin-left:35px !important;}

.pl35{
  padding-left:35px !important;}

.mr35{
  margin-right:35px !important;}

.pr35{
  padding-right:35px !important;}

.mt40{
  margin-top:40px !important;}

.pt40{
  padding-top:40px !important;}

.mb40{
  margin-bottom:40px !important;}

.pb40{
  padding-bottom:40px !important;}

.ml40{
  margin-left:40px !important;}

.pl40{
  padding-left:40px !important;}

.mr40{
  margin-right:40px !important;}

.pr40{
  padding-right:40px !important;}

.mt45{
  margin-top:45px !important;}

.pt45{
  padding-top:45px !important;}

.mb45{
  margin-bottom:45px !important;}

.pb45{
  padding-bottom:45px !important;}

.ml45{
  margin-left:45px !important;}

.pl45{
  padding-left:45px !important;}

.mr45{
  margin-right:45px !important;}

.pr45{
  padding-right:45px !important;}

.mt50{
  margin-top:50px !important;}

.pt50{
  padding-top:50px !important;}

.mb50{
  margin-bottom:50px !important;}

.pb50{
  padding-bottom:50px !important;}

.ml50{
  margin-left:50px !important;}

.pl50{
  padding-left:50px !important;}

.mr50{
  margin-right:50px !important;}

.pr50{
  padding-right:50px !important;}

.mt55{
  margin-top:55px !important;}

.pt55{
  padding-top:55px !important;}

.mb55{
  margin-bottom:55px !important;}

.pb55{
  padding-bottom:55px !important;}

.ml55{
  margin-left:55px !important;}

.pl55{
  padding-left:55px !important;}

.mr55{
  margin-right:55px !important;}

.pr55{
  padding-right:55px !important;}

.mt60{
  margin-top:60px !important;}

.pt60{
  padding-top:60px !important;}

.mb60{
  margin-bottom:60px !important;}

.pb60{
  padding-bottom:60px !important;}

.ml60{
  margin-left:60px !important;}

.pl60{
  padding-left:60px !important;}

.mr60{
  margin-right:60px !important;}

.pr60{
  padding-right:60px !important;}

.mt65{
  margin-top:65px !important;}

.pt65{
  padding-top:65px !important;}

.mb65{
  margin-bottom:65px !important;}

.pb65{
  padding-bottom:65px !important;}

.ml65{
  margin-left:65px !important;}

.pl65{
  padding-left:65px !important;}

.mr65{
  margin-right:65px !important;}

.pr65{
  padding-right:65px !important;}

.mt70{
  margin-top:70px !important;}

.pt70{
  padding-top:70px !important;}

.mb70{
  margin-bottom:70px !important;}

.pb70{
  padding-bottom:70px !important;}

.ml70{
  margin-left:70px !important;}

.pl70{
  padding-left:70px !important;}

.mr70{
  margin-right:70px !important;}

.pr70{
  padding-right:70px !important;}

.mt75{
  margin-top:75px !important;}

.pt75{
  padding-top:75px !important;}

.mb75{
  margin-bottom:75px !important;}

.pb75{
  padding-bottom:75px !important;}

.ml75{
  margin-left:75px !important;}

.pl75{
  padding-left:75px !important;}

.mr75{
  margin-right:75px !important;}

.pr75{
  padding-right:75px !important;}

.mt100{
  margin-top:100px !important;}

.pt100{
  padding-top:100px !important;}

.mb100{
  margin-bottom:100px !important;}

.pb100{
  padding-bottom:100px !important;}

.ml100{
  margin-left:100px !important;}

.pl100{
  padding-left:100px !important;}

.mr100{
  margin-right:100px !important;}

.pr100{
  padding-right:100px !important;}

/* from here */

/* CTA */
.block-cta{
  padding: 8px 0 7px;
}
.block-cta .inner{
  margin: 0 4px;
}
.block-cta .btn {
  width: 100%;
  margin: 0 auto;
}
.block-cta .btn a,
.block-cta .btn img {
  display: block;
}
.block-cta .fixed-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-cta .fixed-btn > *{
  margin: 0 3px;
  width: 150px;
}

/* sec01 */
.sec01{
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec01_bg.png") no-repeat top center/ 100% auto;
  position: relative;
  padding: 32px 8px 63px 13px;
  z-index: 2;
}
.sec01 .block01 .title{
  width: 279px;
  margin: 0 auto;
}
.sec01 .block01 .wrapper{
  margin-top: 16px;
  padding-right: 7px;
}

/* sec02 */
.sec02 {
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec02_bg.png") no-repeat top center/ 100% 100%;
  position: relative;
  margin-top: -132px;
  padding-top: 156px;
  padding-bottom: 20px;
  z-index: 1;
}
.sec02 .block01 h2{
  width: 279px;
  margin: 0 auto;
}
.sec02 .block01 .wrapper{
  margin: 0 15px;
  padding-top: 20px;
}
.sec02 .block01 .box-content{
  position: relative;
  padding: 20px 0 21px;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(198, 219, 237, .41);
  z-index: 1;
}
.sec02 .block01 .box-content::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0px 12px rgba(198, 219, 237, 1);
  z-index: -1;
  mix-blend-mode: multiply;
}
.sec02 .block01 .box-content .box-ttl{
  width: 261px;
  margin: 0 auto;
}
.sec02 .block01 .box-content .box-img{
  width: 245px;
  margin: 8px auto 0;
}
.sec02 .block01 .box-content .box-txt{
  width: 231px;
  margin: 20px auto 0;
}
.lst-sub {
  margin-top: 6px;
}
.lst-sub .sub{
  font-size: 10px;
  color: #383838;
  line-height: 1.3;
}
.sec02 .block01 .box-content.mt18{
  padding-bottom: 17px;
}
.sec02 .block01 .box-content.mt18 .box-ttl{
  margin-top: -2px;
}
.sec02 .block01 .box-content .movie{
  text-align: center;
  margin-top: 10px;
}
.sec02 .block01 .subtxt-item {
  font-size: 10px;
  color: #383838;
  line-height: 1.3;
  margin-top: 4px;
}
.sec02 .block02{
  margin-top: 30px;
}
.sec02 .block02 .title{
  width: 260px;
  margin: 0 auto;
}
.sec02 .block02 .img{
  width: 263px;
  margin: 9px auto 0;
}
.sec02 .block02 .wrapper{
  margin: 48px 15px 0;
}
.sec02 .block02 .box-item{
  position: relative;
}
.sec02 .block02 .box-item + .box-item{
  margin-top: 40px;
}
.sec02 .block02 .box-item .ttl-item,
.sec02 .block02 .box-item .bubble-txt{
  position: absolute;
}
.sec02 .block02 .box-item .ttl-item{
  top: -18px;
  left: 50%;
  transform: translate(-50%);
  width: 197px;
}
.sec02 .block02 .box-item .bubble-txt{
  top: 21px;
  right: -7px;
  width: 104px;
}
.sec02 .block02 .box-item .subtxt-item{
  font-size: 10px;
  text-align: left;
  color: #383838;
  margin-top: 4px;
}
.sec02 .block02 .box-item + .box-item .ttl-item{
  top: -34px;
}
.sec02 .block02 .box-item + .box-item .bubble-txt{
  right: -5px;
  width: 78px;
}

/* sec03 */
.sec03{
  position: relative;
  background: url(/sites/default/files/media/sp/images/lp/bifocal2/sec03_bg.png) no-repeat top center/ 100% auto;
  padding-top: 30px;
  padding-bottom: 50px;
  z-index: 1;
}
.sec03 .block01 .title{
  width: 254px;
  margin: 0 auto;
}
.sec03 .block01 .block-wrap-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 27px 10px 0;
  row-gap: 4px;
}
.sec03 .block01 .block-wrap-item .block-item{
  width: 150px;
}
.sec03 .block01 .block-wrap-item .block-item:nth-of-type(1),
.sec03 .block01 .block-wrap-item .block-item:nth-of-type(2){
  width: 139px;
  margin-bottom: 5px;
}
.sec03 .block01 .block-wrap-item .block-item:nth-of-type(1){
  margin-left: 5px;
}
.sec03 .block01 .block-wrap-item .block-item:nth-of-type(2){
  margin-right: 5px;
}
.sec03 .block01 .img{
  margin: 24px 15px 0;
}

/* sec04 */
.sec04{
  position: relative;
  background: #fdedfb;
  margin-top: -19px;
  padding-top: 30px;
  padding-bottom: 28px;
  z-index: 0;
}
.sec04 .block01 .title{
  width: 138px;
  margin: 0 auto;
  padding-left: 9px;
}
.sec04 .block01 .block-wrap-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 13px 15px 0;
  row-gap: 9px;
}
.sec04 .block01 .block-wrap-item .block-item{
  width: 140px;
}
.sec04 .block01 .block-wrap-item .block-item.w100{
  width: 100%;
}
.sec04 .block01 .lst-sub{
  margin: 15px 20px 0;
}
.sec04 .block01 .lst-sub .sub{
  line-height: 1.2;
}
.sec04 .block01 .lst-sub a{
  color: #009be4;
}

/* sec05 */
.sec05{
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec05_bg.png") no-repeat top center/100% auto;
  padding: 29px 0 30px;
}
.sec05 .block01 .title{
  width: 293px;
  margin-left: 4px;
}
.sec05 .block01 .sub{
  font-size: 10px;
  margin: 16px 0 0;
  text-align: left;
  color: #1a1a1a;
}
.sec05 .block-btn{
  margin-top: 20px;
}
.sec05 .block-btn .ttl-btn{
  width: 191px;
  margin: 0 auto;
}
.sec05 .block-btn .link-btn{
  width: 290px;
  margin: 5px auto 0;
}
.sec05 .block-btn .link-btn a{
  display: block;
}

/* tab */
.tabs{
  margin: 19px 15px 6px;
}
.tab-titles {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 5px -4px;
}

.tab-title {
  font-size: 12px;
  color: #333;
  background: #e5e5e5;
  border-top-left-radius: 7.5px;
  border-top-right-radius: 7.5px;
  position: relative;
  width: 92px;
  padding: 5px 0;
  text-align: center;
  cursor: pointer;
  z-index: 0;
}
.tab-title.active{
  font-weight: bold;
  background: unset;
  color: #fff;
}
.tab-title.active:nth-of-type(1) {
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec05_tab_01.png") no-repeat top center/ 100% 100%;
}
.tab-title.active:nth-of-type(2) {
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec05_tab_02.png") no-repeat top center/ 100% 100%;
}
.tab-title.active:nth-of-type(3) {
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec05_tab_03.png") no-repeat top center/ 100% 100%;
}
.tab-content{
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec05_tab_bg.png") no-repeat top center/ 100% 100%;
  position: relative;
  z-index: 1;
  border-radius: 10px; 
}
.tab-pane {
  display: none;
  padding: 12px 10px 12px;
}
.tab-pane.active {
  display: block;
}
.tab-pane .ttl-content{
  margin: 0 auto 7px;
}
#tab-1 .ttl-content{
  width: 203px;
}
#tab-2 .ttl-content{
  width: 253px;
}
#tab-3 .ttl-content{
  width: 240px;
  margin-bottom: 6px;
}
.box-white-content{
  background: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 5px 11px 7px;
}
.box-white-content + .box-white-content{
  margin-top: 7px;
}
.box-white-content .img{
  width: 120px;
}
.box-white-content .content{
  width: 130px;
}
.box-white-content .content .ttl-box a{
  font-size: 10px;
  font-weight: bold;
  color: #009be4;
  line-height: 1.4;
  display: inline-block;
}
.box-white-content .content .txt-content{
  font-size: 8px;
  color: #1a1a1a;
  margin-top: 6px;
  line-height: 1.333;
}
.box-white-content .content .txt-content .fz8{
  font-size: 8px;
  line-height: 1.5;
}
.box-white-content .content .txt-content .bgYellow{
  font-size: 9px;
  background: linear-gradient(to bottom, transparent 0%, transparent 10%, #fff799 10%, #fff799 98%, transparent 80%, transparent 100%)
}
#tab-3 .box-white-content{
  padding: 8px 5px 7px 13px;
}
#tab-3 .box-white-content + .box-white-content{
  padding: 15px 5px 13px 13px;
}

/* sec06 */
.sec06{
  background: #dbf3ff;
  padding: 30px 0 31px;
}
.sec06 .block01 .title{
  width: 271px;
  margin: 0 auto;
  padding-left: 8px;
}
.sec06 .block01 .img{
  width: 285px;
  margin: 11px auto 0;
  /* padding-left: 22px; */
}
.sec06 .block01 .block-sub-content{
  margin-top: 28px;
}
.sec06 .block01 .block-sub-content .ttl-sub-content{
  width: 217px;
  margin: 0 auto;
  padding-left: 5px;
}
.sec06 .block01 .block-sub-content .img-sub-content{
  width: 251px;
  margin: 9px auto 0;
  padding-left: 8px;
}

/* sec07 */
.sec07{
  background: #fffeda;
  padding: 30px 0;
}
.sec07 .block01 .list-step{
  margin-top: 9px;
}
.sec07 .block01 .step-group{
  position: relative;
}
.sec07 .block01 .step + .step{
  margin-top: -8px;
}
.sec07 .block01 .step-ttl{
  font-size: 18px;
  font-weight: bold;
  color: #009ce3;
  position: absolute;
  top: 26px;
  left: 54.6%;
  transform: translateX(-50%);
  width: max-content;
}
.sec07 .block01 .text{
  font-size: 13px;
  color: #333333;
  position: absolute;
  top: 77px;
  left: 38%;
  transform: translateX(-50%);
  width: 155px;
  text-align: left;
  letter-spacing: 1px;
  line-height: 1.35;
  font-weight: normal;
}
.sec07 .block01 .text a{
  color: #0074cb;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: normal;
}
.sec07 .block01 .text a:hover{
  text-decoration: none;
}
.sec07 .block01 p.note{
  font-size: 10px;
  color: #555555;
  position: absolute;
  top: 135px;
  left: 52.2%;
  transform: translate(-50%);
  width: 244px;
  text-align: left;
}
.sec07 .block03-note {
  width: 85%;
  color: #555555;
  font-size: 10px;
  line-height: 1.3;
  text-align: left;
  padding-left: 12px;
  margin: 20px auto 0;
}

.sec07 .block01 .step3 p.note{
  top: 412px;
  width: 516px;
  left: 53%;
  line-height: 1.45;
}

.sec07 .block01 .book-right{
  position: absolute;
  bottom: -106px;
  right: 2px;
  max-width: 23.5%;
  z-index: 9;
}

/* sec08 */
.sec08{
  background: url("/sites/default/files/media/sp/images/lp/bifocal2/sec08_bg_01.png") no-repeat top center/ 100% auto,
              url("/sites/default/files/media/sp/images/lp/bifocal2/sec08_bg_02.png") no-repeat bottom center/ 100% auto;
  padding: 30px 0 56px;
}
.sec08 .block-link{
  width: 87.5%;
  margin: 13px auto 30px;
}
.sec08 .block-link a{
  display: block;
}

.sec08 .accordion-list{
  max-width: 280px;
  margin: 21px auto 0;
}
.sec08 .accordion-group + .accordion-group{
  margin-top: 7px;
}
.sec08 .accordion__title{
  font-size: 13px;
  color: #ffffff;
  background-color: #0075cc;
  line-height: 1.154;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border-radius: 8px;
  min-height: 47px;
}

.sec08 .accordion__title.accordion-active{
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.sec08 .accordion__title .accordion__title-text{
  flex: 1;
  letter-spacing: .1px;
}
.sec08 .accordion__title .accordion__icon{
  width: calc(29px/2);
  height: calc(33px/2);
  margin-right: 7px;
}

.sec08 .accordion__title .accordion__arrow{
  width: calc(39px/2);
  height: calc(39px/2);
  margin-left: 7px;
}
.sec08 .accordion__title .accordion__arrow .close{
  display: none;
}

.sec08 .accordion__title.accordion-active .accordion__arrow .close{
  display: block;
}

.sec08 .accordion__title.accordion-active .accordion__arrow .open{
  display: none;
}

.sec08 .accordion__content{
  display: none;
  border-left: 1px solid #009be4;
  border-right: 1px solid #009be4;
  border-bottom: 1px solid #009be4;
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 13px 11px 9px 11px;
}
.sec08 .accordion__content .content-group{
  display: flex;
  align-items: flex-start;
}
.sec08 .accordion__content .icon{
  width: calc(30px/2);
  height: calc(30px/2);
  display: flex;
  margin-top: 3px;
  margin-right: 8px;
}
.sec08 .accordion__content .content{
  flex: 1;
  color: #333333;
  font-size: 13px;
  line-height: 1.384;
  letter-spacing: -.3px;
  text-align: justify;
}

.sec08 .accordion__content .content p + p{
  margin-top: 15px;
}




/*pc style*/
@media screen and (min-width: 769px){

  .l-content {
    width: 100% !important;
    padding: 0 !important;
  }

body.simpleWideType #footer {
    display: none;
}

.wrapperAll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.wrapperAll::after { content: ""; width: 100%; height: 100%; position: fixed; left: 50%; top: 50%; }
.wrapperMain {zoom:1.884375; width: 320px; position: relative; z-index: 10; border-left: 3px solid #fff; border-right: 3px solid #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(205,239,255,0.6); box-shadow: 0px 0px 20px 0px rgba(205,239,255,0.6); background:#fff;}
.wrapperMain img{height:auto;}
.wrapperAll .mapBlock .map{ height:480px;zoom:0.53067993366;}
.wrapperMain .foot-top{font-size:100%;}
.wrapperMain .company-menu li{font-size:83%;}
.wrapperMain .copyright{font-size:83%;}
.wrapperAll .company-menu li.sp-aboutmodel{display:none;}

.wrapperAll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #cff9ff;
}
.wrapperAll::after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  background: url('/sites/default/files/media//sp/images/lp/bifocal2/bg-pc02.jpg') no-repeat top center;
  background-size: cover;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wrapperMain {
  position: relative;
  z-index: 10;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #b1adad;
          box-shadow: 0px 0px 20px 0px #b1adad;
}

.wrapperMain main{
  margin: 0 auto;
  background-color: #FFF;
}
#header {
  position: relative;
  max-width: 640px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 27px 29px 22px 40px;
  border-bottom: 2px solid #e4e4e4;
  top: -160px;
}
#footer{display:none;}
#nav .menu { position: sticky; position: -webkit-sticky; right: 0; width: 100%; top: 0; /* -webkit-transform: translate(0, -50%); transform: translate(0, -50%); */ -webkit-transform: translate(0, 0); transform: translate(0, 0); background-color: transparent; padding: 34px 0px 0 0;}
#nav .navigation__link span img{ max-width:100%;height:auto;}

#nav {
  position: relative;
  width: 400px;
  max-width: 25%;
  z-index: 10;
}
#nav .menu {
        position: sticky;
        position: -webkit-sticky;
        right: 0;
        width: 100%;
        top: 51.7%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background-color: transparent;
        padding: 0px 0px 34px 67px;
    }
    
.menu .img {
  width: 100%;
  margin: auto;
  margin-bottom: 24px;
}
a:link {
  color: #071065;
}

.navigation {
  color: #fff;
  margin-bottom: 45px;
}

.navigation li{
  border-bottom: 2px solid #0068b6;
}

.navigation li.nav-image{
  padding: 0;
  border-bottom: none;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
}

.navigation__link {
  position: relative;
  display: block;
}

.navigation ul li:nth-child(2){
  border-top: none;
}

.navigation__link:hover {
  text-decoration: none;
  opacity: .6;
}
.navigation__link.active {
  opacity: .6;
}

.listButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
.listButton .btn {
  width: 100%;
  color: #e4e4e4;
  margin-bottom: 35px;
}

.listButton .btn:hover{
  opacity: .8;
}

.listButton .btn .btn-hover{
  display: none;
}
.listButton .btn:hover .btn-hover{
  display: inline-block;
}

.listButton .btn.fullwidth {
  width: 100%;
}

.nav-image{
  padding-left: 7%;
  margin-bottom: 5%;
}

.nav-text{
  text-align: center;
  color: #009be4;
  font-size: 20px;
  margin-bottom: 7px;
  font-weight: 900;
}

.fixed{display:none;}
}



/*sp style*/
@media screen and (max-width: 768px){
#nav{display:none;}
}