@charset "utf-8";

html{font-size:10px;}
body { font-family: Arial, san-serif, Helvetica; font-size: 12px; line-height: 1; margin: 0; color: #333; background: #fff!important; padding-top:0!important;}
h1 , h2 , h3 , h4 , h5 , h6 , p { font-weight: normal; margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
li { margin: 0; padding: 0; }
dl , dd { margin: 0; }
.header{position:relative;}
.head-logo { text-align: center; border-bottom: 1px solid #ccc; position:relative;}
.head-logo img { vertical-align: bottom;  position:relative; z-index:50; max-width: 100%;}
/*.head-logo:after { position:absolute; content:"";right:0;top:0; z-index:51;width:50%;height:100%;background:#fff;}*/
.header .area_name{ position: absolute;right: 15px;top: 50%;z-index: 52; background: #0aa0e8;color: #fff;padding: 2% 3%;transform: translateY(-50%);font-weight: bold;letter-spacing: 0.5px;}
#contents { width: 100%; margin: auto; }
#itemlist_area{text-align: center;}
#itemlist_area h2{line-height:1.3;font-weight: bold;text-align: center;font-size: 141.7%;display: inline-block;position: relative;margin-bottom: 10px;background: url(/sites/default/files/media/sp/images/lp/area/itemlist_area_bg01.png)top center no-repeat;background-size: 261px auto;width: 100%;}
#itemlist_area h2 span{color:#ff8814;position: relative;z-index:16;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fffc27 90%);}
#itemlist_area h2 span:before,#itemlist_area h2 span:after{display: inline-block; content:""; position: absolute;top:0;right:0;width:11px;height:18px;background: url(/sites/default/files/media/sp/images/lp/area/campaign_ttl_bg01.png) top center no-repeat;background-size:contain;}
#itemlist_area h2 span:before{background: url(/sites/default/files/media/sp/images/lp/area/campaign_ttl_bg01.png) top center no-repeat;background-size:contain;left: -18px;}
#itemlist_area h2 span:after{background: url(/sites/default/files/media/sp/images/lp/area/campaign_ttl_bg02.png) top center no-repeat;background-size:contain;right: -18px;}
.products-category {background: #D2ECFE;padding-bottom: 10px;text-align:left;}
.products-summary{border:none!important;}
.product-noticetxt {padding: 10px;font-size:100%;}
.product-discount {text-align: right;padding: 5px 0;color: #004AAA;font-size:100%;}
.triangle {position: relative;padding-left: 10px;color: #004aaa;}
.triangle:before {position: absolute;top: 50%;left: 0;display: block;float: left;width: 0;height: 0;margin-top: -3.5px;content: '';border-width: 3.5px 0 3.5px 4px;border-style: solid;border-color: transparent transparent transparent #666;}
.products-price01 {display:none!important;}


/* common */
.center {
  text-align: center;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.ov01:hover {
  opacity: 0.8 !important;
}
.ov02 {
  text-decoration: underline !important;
}
.ov02:hover {
  text-decoration: none !important;
}
.red {
  color: #d62401 !important;
}
.blue {
  color: #242480 !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: 14px;
  font-weight: 600;
}
.note {
  font-size: 11px;
}
.inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.section {
  position: relative;
}



/* mv */

.modal__open{
    cursor: pointer;
}

.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:20px 0;width:965px;}

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

.modal__content{
  background:#fff;border-radius:10px;padding:60px;text-align:center;}

.modal__content img{
  max-width:80%; height:auto; text-align:center;}

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


/* fixed */
.fixed {
  visibility: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 50;
  opacity: 0;
  transition: 0.4s all ease;
  padding: 8px 0 8px;
  text-align: center;
}
.fixed.is-show {
  visibility: visible;
  opacity: 1;
}
.fixed .inner {
  width: 1030px;
  text-align: center;
}
.fixed .btn {
  display: inline-block;
}
.fixed .btn a {
  display: inline-block;
}
.fixed .tit {
  width: 171px;
  margin: 0 auto;
}
.fixed img {
  max-width: 100%;
}
.fixed .btnGroup {
  margin: 5px 15px 0;
  display: flex;
  align-items: center;
}
.fixed .btnGroup.col2 {
  justify-content: space-between;
}
.fixed .btnGroup.col2 li{
  width: 48%;
}

.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;}

.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 */


a.txt_link{
  text-decoration: underline;
  color: #009be4;
}

.txt_note{
  font-size: 10px;
  line-height: 1.3;
}

.indent-list > *,
.indent-txt{
  display: flex;
  text-align: left;
}
.indent-list > * > *:nth-child(2),
.indent-txt > *:nth-child(2){
  flex: 1 1;
}

section img{
  max-width: 100%;
}
.mvBlock{
  text-align: center;
}
.mvBlock .btnGroup{
  margin: 2.414% 0 2.931%;
  display: flex;
  justify-content: space-between;
}
.mvBlock .btnGroup.col2 li{
  max-width: 49%;
}
.mvBlock .btnNote{
  color: #00295b;
}
.mvBlock .kv_lead{
  margin: 2.813% 4.688% 0;
}

section img{
  vertical-align: top;
}

.sec01{
  padding: 9.375% 0 8.125%;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec01_bg.png') no-repeat center top /100% auto;
}

.sec01 ul{
  margin-top: 6.875%;
}

.sec02{
  padding: 0 0 10.313%;
  text-align: center;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec02_bg.png') no-repeat center bottom /100% auto;
}
.sec02 .box{
  position: relative;
  border: 1px solid #00295b;
  border-radius: 5px;
  margin: 9.063% 4.688% 0;
  background: #fff;

}
.sec02 .box .check{
  position: absolute;
  left: 0;
  right: 0;
  top: -4.4%;
  z-index: 1;
}
.sec02 .box ul{
  padding-top: 9.5%;
  padding-bottom: 5.778%;
  text-align: center;
}
.sec02 .box .img img{
  border-radius: 0 0 4px 4px;
}
.sec03{
  text-align: center;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec03_bg.jpg') no-repeat center top /100% auto;
}
.sec03 .reasonBox-content{
  background: #20be9b;
  border-radius: 5px;
  margin: 0 4.688%;
}
.sec03 .reasonBox.box01{
  padding-top: 20.313%;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec03_ttl01_lead.png') no-repeat center top /100% auto;
}
.sec03 .reasonBox.box01 .reasonBox-content{
  padding: 5% 4.063% 0;
}
.sec03 .reasonBox.box01 .btn{
  margin: 5.172% 0 0;
}
.sec03 .reasonBox.box01 .list{
  margin: 6.439% 0 0;
}
.sec03 .reasonBox.box01 .list li{
  position: relative;
  margin: 0 0 3.03% 0;
}
.sec03 .reasonBox.box01 .list li a{
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 2.652%;
  margin-bottom: 2.652%;
}
.sec03 .reasonBox .txt_link01{
  color: #fffc29;
  text-decoration: underline;
}
.sec03 .reasonBox .note{
  text-align: left;
  color: #fff;
}
.sec03 .reasonBox.box01 .note{
  margin: 0 -1.724%;
  padding: 4.3% 0 5.6%;
}
.sec03 .reasonBox.box02 .reasonBox-content{
  padding: 4% 0 0;
}
.sec03 .reasonBox.box02 .img01{
  margin-top: 6%;
}
.sec03 .reasonBox.box02 .img02{
  margin: 10% 4.483% 0;
}
.sec03 .reasonBox.box02 .note{
  margin: 0 2.759%;
  padding: 4.138% 0 5.172%;
}
.sec03 .reasonBox.box03 .txt01{
  margin-top: 5.5%;
}
.sec03 .reasonBox.box03 .reasonBox-content{
  padding: 4% 0 0;
}
.sec03 .reasonBox.box03 #products{
  margin: 0 -5.1% 0;
  background: #fff;
  border-top: 11px solid #20be9b;
  border-bottom: 11px solid #20be9b;
}
.sec03 .reasonBox.box03 .products-category{
  background: #20be9b;
  color: #fff;
}
.sec03 .reasonBox.box03 .product-noticetxt{
  padding-top: 0;
  padding-bottom: 0;
}

.sec04{
  padding-top: 6%;
  position: relative;
}
.sec04::before{
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  top: -84px;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec04_bg.png') repeat center bottom /100% auto;
  height: 225px;
  z-index: -1;
}
.sec04 .bg{
  position: relative;
  padding-top: 7.187%;
  margin-top: 7.187%;
}
.sec04 .bg::before{
  content:"";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-bottom: -34.375%;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/bg01.png') repeat center top /100% auto;
}
.sec04 .list{
  display: flex;
  justify-content: space-between;
  margin: 0 4.688% 0;
}
.sec04 .note{
  color: #fff;
  margin: 3.75% 4.688% 2.5%;
}
.sec04 .btn{
  padding: 0 4.688% 8.125%;
}
.sec05 {
  padding-bottom: 7.813%;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec05_bg01.png') no-repeat center top / 100% auto, url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec05_bg02.png') no-repeat center bottom / 100% auto;
}
.sec05 .note-list{
  margin: 3.5% 4.688% 0;
  color: #00295b;
}
.sec05 .stepBox{
  margin: 7.187% 4.688% 0;
}
.sec05 .stepBox-item{
  position: relative;
  color: #00295b;
  border: 1px solid #00295b;
  background: #fffeda;
  border-radius: 5px;
  padding: 6.207% 0 5.172%;
}
.sec05 .stepBox-item .ttl{
  text-align: center;
  margin-left: 10%;
}
.sec05 .stepBox .icon{
  position: absolute;
  left: -2.1%;
  top: 0;
  margin-top: -3.3%;
  z-index: 1;
}
.sec05 .stepBox .col{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 7.639% 0 9%;
  margin-top: 3.819%;
}
.sec05 .stepBox .col .txt{
  width: 60%;
  font-size: 13px;
  line-height: 1.385;
}
.sec05 .stepBox-item + .stepBox-item{
  margin-top: 5.862%;
  position: relative;
}
.sec05 .stepBox-item + .stepBox-item::before{
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/step_arrow.png') no-repeat center top /100% auto;
  width: 16px;
  height: 10px;
  margin: 0 auto;
}
.sec05 .stepBox .note{
  margin: 0 4.828% 0 8.621%;
}
.sec05 .stepBox .step01{
  padding-bottom: 4.514%;
}
.sec05 .stepBox .step02 .col{
  padding-right: 3%;
}
.sec05 .stepBox .step02 .col .txt{
  margin-top: 2.759%;
}
.sec05 .stepBox .step02 .note{
  margin-top: 2%;
}
.sec05 .stepBox .step03 .col{
  padding-right: 3%;
  margin-top: 7%;
}
.sec05 .stepBox .step03 .col .img{
  margin-bottom: 8%;
}
.sec05 .stepBox .step03 .note{
  margin-top: 1%;
  margin-bottom: 1%;
}
.sec05 .stepBox .step04 .col{
  padding-right: 4%;
  margin-top: 6%;
}
.sec06{
  padding-bottom: 8.438%;
}
.sec06 .bnr{
  margin: 7.187% 4.688% 0;
}
.sec07{
  padding-bottom: 3.125%;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/sec07_bg.png') no-repeat center top / 100% auto;
}
.qaBox{
  margin: 7.187% 4.688% 0;
}
.qaBox-item{
  margin-bottom: 2.8%;
  border: 1px solid #00295b;
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
}
.qaBox-q{
  color: #fff;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/qa_q.png') no-repeat center left 15px / 15px auto;
  background-color: #20be9b;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.273;
  min-height: 45px;
  padding: 0 13% 0 13%;
  display: flex;
  align-items: center;
  position: relative;
}
.qaBox-q .icon{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  z-index: 1;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
}
.qaBox-q .icon::before,
.qaBox-q .icon::after{
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  width: 10px;
  margin: 0 auto;
  background: #20be9b;
  top: 50%;
  margin-top: -1px;
}
.toggleBox .qaBox-q .icon::after{
  transform: rotate(90deg);
}
.toggleBox.active .qaBox-q .icon::after{
  transform: rotate(0);
}
.qaBox-a{
  font-size: 10px;
  line-height: 1.5;
  color: #00295b;
  background: url('/sites/default/files/media/sp/images/lp/cl_dokodekau/qa_a.png') no-repeat top 17px left 15px / 15px auto;
  padding: 13px 5% 10px 13%;
}
.toggleBox-head{
  cursor: pointer;
}

/*sp style*/
@media screen and (max-width: 768px){
  .wrapperAll #nav{display;none;}
  .wrapperAll{display: block !important;}
  .wrapperMain{width:100%!important;}
  body.rn20024_reset {padding-top: 0 !important;}
  .wrapperMain{border-right:none!important;border-left:none!important;}
}

/*pc style*/
.wrapperAll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fffeda; position: relative;}
.wrapperAll::after { content: ""; width: 100%; height: 100%; position: fixed; left: 50%; top: 50%; background: url(/sites/default/files/media/sp/images/lp/cl_dokodekau/bg-pc.jpg) no-repeat center left; background-size: cover; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -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 {width: 640px; position: relative; z-index: 10; border-left: 3px solid #fff; border-right: 3px solid #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(118,121,96,0.4); box-shadow: 0px 0px 20px 0px rgba(118,121,96,0.4); 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%;}
#footer{display:none;}
#nav {max-width: 40%; z-index: 10;margin-left:44px}
#nav .menu { position: sticky; position: -webkit-sticky; right: 0; width: 100%; top: 0; padding: 48px 0px 30px 0; text-align: center;
  height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
#nav .menu::-webkit-scrollbar {
  display: none;
}
#nav .wrapMenu {
  max-width: 580px;
}
#nav .navigation { display: inline-block; max-width: calc(507/580*100%); margin: 0 auto;}
#nav .navigation__link { border-bottom: 2px solid #00295b; display: block;}
#nav .navigation__link span{ display:block;}
#nav .navigation__link span img{ max-width:100%;height:auto;}
#nav img{ max-width: 100%; height: auto;}
#nav a:hover{ opacity: 0.8;}
#nav .nav_btn{ margin: 7.143% 0 7.143%;}
#nav .nav_btn .btn{ margin-top: 2.857%;}
#nav .nav_note { font-size: 14px;line-height: 1.3; color: #00295b; margin-top: min(5%,40px); text-align: left;}
.wrapperAll{
  position: relative;
  z-index: 1;
}
.wrapperAll .wrapperAll-left{
  width: 54.688%;
}
.wrapperAll .wrapperAll-left .wrapperMain{
  margin-left: auto;
  max-width: 100%;
}
.wrapperAll #nav{
  width: 45.312%;
  max-width: 100%;
  padding-left: min(7.586%,44px);
  margin-left: 0;
  box-sizing: border-box;
}
#nav .menu{
  padding-top: min(4%,48px);
  padding-bottom: 0;
}
#nav .wrapMenu{
  max-width: min(50vh,580px);
}




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

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

.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;}
#footer{display:none;}
.wrapperAll #nav { width: 500px; max-width: 30%; z-index: 10;margin-left:0px}
#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 { border-bottom: 2px solid #383838; display: block;}
#nav .navigation__link span img{ max-width:100%;height:auto;}

.fixed{display:none;}
#products .bx-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 500px;
}
}

.c-component__productLineup-newLp .discount a:first-child{
  display: none;
}

.product-discount{
  display: none;
}