@charset "utf-8";

/* ------------------------------
   Universal Reset
   Contents
   Animation
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="image"]{max-width:100%;outline: none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
html{font-size: calc(1000vw / 750);}
body{color:#000;background:#fff;font-size:3.2rem;font-family: 'Noto Sans JP',"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.7;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
#container{max-width:750px;text-align:left;margin:0 auto;display: flex;flex-direction: column;min-height: 100%;}
main{z-index: 0;flex-grow: 1;}
section{position:relative;}

/*========== contents ==========*/
/*----- button -----*/
.btn_line > a{display: block;max-width: 67.5rem;margin: auto;}

/*--- bg ---*/
.bg_navy{background: #101f50;}
.bg_gray{background: #e7e7e7;}

/*--- decoration ---*/
.slash {color: #fff;line-height: 1.4;display: flex;flex-flow: row nowrap;justify-content: center;align-items: flex-end;}
.slash::before,
.slash::after{content: "";flex: 0 0 0.2rem;height: 7rem;margin: 0 6rem;background: #fff;}
.slash::before { transform: rotate( -37deg ) }
.slash::after { transform: rotate( 37deg ) }

/*---- header ----*/
header {max-width: 750px;margin: 0 auto;background: #06c855;padding: 2rem 4rem;}
header p{font-size: 3.2rem;font-weight: 600;line-height: 1.2;text-align: center;color: #fff;}
header p span{font-size: 4.6rem;color: #ffe400;}

/*----- footer -----*/
footer {background:#0050a5;max-width: 750px; margin: 0 auto; width: 100%;text-align:center;padding:2rem 4rem;}
footer nav ul li a{display: inline-block;color: #FFF;font-size: 2.6rem;font-weight: 500;padding: 0 2rem;}

/*----- modal -----*/
.modal{display:none;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;height: 100vh;}
.modal_bg {position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.modal > .contbox{position: fixed;padding: 0.5rem;background: #FFF;border-radius: 1rem;margin: 0 auto;width: 58rem;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.modal > .contbox > .contttl{font-size:18px;font-weight:bold;text-align:center;margin-bottom:1.5em;}
.modal > .contbox > .inner{height: 100%;margin: 0 auto;border: 0.7rem solid #000618;border-radius: 1rem;text-align: center;padding: 5rem 4rem 7rem 4rem;}
.modal > .contbox > .inner .img{margin: 0 -4rem;}
.modal > .contbox > .inner .txt{font-size: 4.6rem;font-weight: 500;margin-bottom: 7rem;color: #1e1e1e;}
.modal > .contbox > .inner ul{display: flex;justify-content: space-between;}
.modal > .contbox > .inner ul > li{width: calc((100% - 3rem) / 2);font-size: 4rem;border-radius: 0.4rem;padding: 1rem;color: #fff;cursor: pointer;}
.modal > .contbox > .inner ul > li.no{background: #bdbdbd;}
.modal > .contbox > .inner ul > li.yes{background: #99d9ea;}
.modal > .contbox > .inner ul > li a{color: #fff;display: block;}

/*----- modal02 -----*/
.modal02{position:fixed;top:0;left:0;z-index:9999;background:rgba(0,0,0,0.5);width:100%;height:100%;text-align:center;display:none;}
.modal02 > .inner{position:relative;display:inline-block;top: 50%;width: 80%;max-width:480px;transform: translateY(-50%);}
.modal02 > .inner > a{display:block;overflow:hidden;}
.modal02 > .inner > a > img{max-width:100%;width:auto;height:auto;max-height:100%;}
.modal02 > .inner > p.close{position: absolute;right:20px;top: -25px;color:#FFF;font-size:14px;text-align: center;line-height:1;padding:5px 15px;background:rgba(0,0,0,0.7);z-index:9999;border-radius:5px 5px 0 0;cursor: pointer;}


/*========== section block ==========*/
*[class^="blc_"] > .inner{padding:5rem 4rem;}


/*----- blc_offer -----*/
.blc_offer{padding: 6rem 0 4rem;}
.blc_offer h2{text-align: center;color: #fff;font-weight: 900;line-height: 1.3;padding: 0 4rem 3rem;}
.blc_offer h2 > span.txt01{font-size: 5rem;}
.blc_offer h2 > span.slash::before,
.blc_offer h2 > span.slash::after{height: 5rem;margin: 0 5rem;}
.blc_offer h2 > span.txt02{font-size: 4.8rem;}
.blc_offer h2 > span .grn{font-size: 7rem;color: #06c855;}
.blc_offer h2 > span .yel{font-size: 6.3rem;color: #ffe400;}


/*----- blc_qa -----*/
.blc_qa .qa{background: #fff;padding: 5rem 4rem;}
.blc_qa .qa > dl{text-align: left;color: #000;}
.blc_qa .qa > dl > dt{margin-bottom: 2rem;position: relative;padding: 0 0 0 7.8rem;font-weight: bold;}
.blc_qa .qa > dl > dt span.num{position: absolute;left: 0;max-width: 6rem;}
.blc_qa .qa > dl > dt span.txt{display: block;line-height: 1.3;padding-top: 0.5rem;}
.blc_qa .qa > dl > dt span.txt > .red{color: #ff0000;font-size: 2.6rem;}
.blc_qa .qa > dl > dd{margin-bottom: 4rem;}
.blc_qa .qa > dl > dd:last-child{margin-bottom: 0;}
.blc_qa .qa > dl > dd.note{font-size: 2.6rem;padding: 0 0 0 1.8rem;margin: 0 0 6rem 0;}
.blc_qa .qa > dl > dd > ul li{padding: 0 0 0 1.8rem;line-height: 1.4;}
.blc_qa .qa > .btn_send > *{display: block;font-weight: 900;width: 100%;color: #fff;text-align: center;background: #2b51a1;font-size: 4.2rem;margin: 5rem auto 1rem;padding: 2.5rem;line-height: 1;cursor: pointer;}
.blc_qa .qa > .btn_send.off > *{background: #878787;pointer-events:none;}
/* area_thanks */
.blc_qa .area_thanks{color:#2b51a1;text-align:center;padding:12rem 2rem 6rem;border:0.8rem solid #2b51a1;
 background:#FFF url(qa_thanks_icon.png) center top 4rem / 6rem no-repeat;}
.blc_qa .area_thanks > .ttl{font-size:4.5rem;font-weight:900;line-height:1.4;margin-bottom:2rem;}
.blc_qa .area_thanks > p > .mark{font-weight:bold;background:linear-gradient(transparent 60%, #b9ff77 30%)}
/* area_thanks02 */
.blc_qa .area_thanks02{color:#251e1c;text-align:center;padding:17rem 2rem 6rem;border:0.2rem solid #251e1c;
 background:url(qa_thanks_ribbon.png) center top 4rem / 37.1rem no-repeat,url(qa_thanks_dots01.png) center top / 100% no-repeat,url(qa_thanks_dots02.png) center bottom / 100% no-repeat #fff;}
.blc_qa .area_thanks02 > .ttl{font-size:4.4rem;font-weight:900;line-height:1.4;}
/* area_step */
.blc_qa .area_step{border: solid 0.4rem #00ca4c;background: #fff;margin-top: 5rem;}
.blc_qa .area_step > .ttl{font-size: 4.5rem;font-weight: bold;text-align: center;background: #00ca4c;color: #fff;padding: 1.5rem;}
.blc_qa .area_step ol.list_step{margin: 5rem 0;}
.blc_qa .area_step ol.list_step > li{display: flex;align-items: center;justify-content: space-between;margin: 0 4rem 12rem 4rem;line-height: 1.3;}
.blc_qa .area_step ol.list_step > li:last-child{margin-bottom: 0;}
.blc_qa .area_step ol.list_step > li:not(:last-child){position: relative;}
.blc_qa .area_step ol.list_step > li:not(:last-child)::after {position: absolute;content: "";left: 0;right: 0;bottom: -7rem;margin: auto;width: 0;height: 0;border-style: solid;border-width: 2.5rem 2rem 0 2rem;border-color: #00ca4c transparent transparent transparent;}
.blc_qa .area_step ol.list_step > li figure{width: 27rem;}
.blc_qa .area_step ol.list_step > li dl{width: calc(100% - 27rem - 4rem);}
.blc_qa .area_step ol.list_step > li dl dt{display: block;margin-bottom: 1rem;line-height: 1;}
.blc_qa .area_step ol.list_step > li dl dt img{height: 2.4rem;}
.blc_qa .area_step ol.list_step > li dl dd{font-weight: bold;font-feature-settings: "palt";letter-spacing: -0.01em;margin-right: -3rem;}

input[type="radio"],
input[type="checkbox"]{display: none;}
input[type="radio"] + label,
input[type="checkbox"] + label{padding: 2rem 0 2rem 6rem;position: relative;width: 100%;height: 100%;display: block;}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before{background: #fff;border: 0.2rem solid #b8b8b8;content: '';display: block;height: 3rem;width: 3rem;position: absolute;top: 2.8rem;bottom: 0;left: 0;border-radius: 0.5rem;}
input[type="radio"] + label::after,
input[type="checkbox"] + label::after{border-right: 0.5rem solid #FF0000;border-bottom: 0.5rem solid #FF0000;content: '';display: block;height: 1.4rem;width: 0.8rem;opacity: 0;position: absolute;transform: rotate(45deg);top: 3.4rem;bottom: 0;left: 1rem;}
input[type="radio"]:checked + label::after,
input[type="checkbox"]:checked + label::after{opacity: 1;}


/*----- blc_explanation -----*/
.blc_explanation p.img{margin: 0 -4rem;}
.blc_explanation p.slash{margin: 7rem auto 4rem;}
.blc_explanation .area_explanation01{text-align: center;}
.blc_explanation .area_explanation01 p{color: #fff;font-weight: 600;}
.blc_explanation .area_explanation01 > p.speech_bubble{position: relative;background: #fff;display: inline-block;margin: 3rem auto 4rem;padding: 1.5rem 5rem;color: #101f50;border-radius: 50rem;}
.blc_explanation .area_explanation01 > p.speech_bubble::before {position: absolute;content: "";left: 0;right: 0;bottom: -3rem;margin: auto;display: block;width: 0;height: 0;border-style: solid;border-width: 4rem 2.5rem 0;border-color: #fff transparent transparent transparent;}
.blc_explanation .area_explanation02 p{font-size: 2.6rem;color: #878787;}


/*----- blc_review -----*/
.blc_review{background: #FFF;padding-top:5rem;}
.blc_review > h2{position: relative;color: #2b51a1;font-size: 5rem;font-weight:900;text-align: center;line-height: 1.4;margin-bottom:2rem;}
.blc_review ul.list_review{height:73.2rem;overflow: hidden;padding: 1rem 0;}
.blc_review ul.list_review > li{background: url(icon_person.png) left top / 13.5rem no-repeat;
 padding:0 0 0 18rem;line-height:1.4;height: calc(1em * 1.4 * 5);margin-bottom:3rem;}
.blc_review ul.list_review > li:last-child{margin-bottom: 0;}
.blc_review ul.list_review > li p{text-align: left;}
.blc_review ul.list_review > li p.user{margin-top: 0.5em;font-size:2.5rem;}


/*========== 新規追加ブロック ==========*/
/*--- blc_lead ---*/
.blc_lead{color: #fff;padding-bottom: 3rem}
.blc_lead .area_lead{background: #db2c38;padding: 2rem 4rem 3rem;margin-bottom: 5rem;position: relative;}
.blc_lead .area_lead::after {position: absolute;content: '';left: 0;right: 0;margin: auto;width: 0;height: 0;bottom: -5rem;border-style: solid;border-width: 5.6rem 18.4rem 0;border-color: #db2c38 transparent transparent transparent;}
.blc_lead .area_lead .ttl{font-size: 3.6rem;font-weight: 900;font-feature-settings: "palt";}
.blc_lead .area_lead .ttl span{font-size: 4.4rem;}
.blc_lead .area_lead > .area_txt{position: relative;font-feature-settings: "palt";margin-top: 1rem;}
.blc_lead .area_lead > .area_txt::before{position: absolute;content: "";bottom: 0;background: url(../bc_common/lead_pic01.png) no-repeat 0 0 / 100%;width: 17.9rem;height: 33rem;right: 0;bottom: -3rem;}
.blc_lead .area_lead > .area_txt .txt{font-size: 3.6rem;font-weight: bold;color: #db2c38;background: #fff;text-align: center;margin: 0 17rem 1rem 0;padding: 0 1rem;}
.blc_lead .area_lead > .area_txt .main_txt{font-size: 4rem;font-weight: 900;padding-right: 15rem;}
.blc_lead .area_lead > .area_txt .main_txt span{font-size: 5.2rem;line-height: 1.3;}
.blc_lead .area_ticket{padding: 3rem 0 0;}
.blc_lead .area_ticket .fs34{font-size: 3.4rem;text-align: center;font-weight: bold;padding: 0 4rem;margin: -3rem 0 -1rem;}

/*--- area_regist ---*/
.area_regist{color: #fff;}
.area_regist .area_txt{background: url(../bc_common/regist_pic01.png) right center / 35.4rem no-repeat;min-height: 34.8rem;padding: 1rem 19.5rem 1rem 0;margin-bottom: 3rem;}
.area_regist .area_txt > .balloon{position: relative;background: #ffe400;display: flex;justify-content: center;margin: 0 auto 4rem;padding: 2rem 1rem;color: #101f50;border-radius: 1rem;font-size: 3.4rem;font-weight: 900;line-height: 1.5;}
.area_regist .area_txt > .balloon::before {position: absolute;content: "";right: 15rem;bottom: -5.5rem;margin: auto;display: block;width: 0;height: 0;border-top: 8rem solid #ffe400;border-left: 4rem solid transparent;transform: rotate(-35deg);}
.area_regist .area_txt > .balloon .inner > span{font-size: 4rem;}
.area_regist .area_txt > ul.list_regist > li{background: url(../bc_common/regist_check_icon.png) left center / 3.5rem no-repeat;min-height: 3.6rem;padding: 0.5rem 0 0.5rem 4.5rem;font-weight: 900;font-feature-settings: "palt";line-height: 1.5;}
.area_regist .ttl{text-align: center;font-size: 4.5rem;font-weight: 900;line-height: 1.3;margin: 3rem 0;}
.area_regist .ttl .f_grn,
.area_regist .ttl .f_yel{font-size: 5.6rem;}
.area_regist .ttl .f_grn{color: #06c855;}
.area_regist .txt_regist{text-align: center;font-weight: bold;}
.area_regist .txt_regist .f_grn{color: #07c957;}
/* 新規追加ブロック End */


/*========== Responsive ==========*/
@media screen and (min-width:750px) { /* 750px以上 */
html{font-size: 62.5%;}

/**/} /* Responsive End */

/*========== common ==========*/
em{color:#ff0000;}
strong{color:#ff0000;font-weight:bold;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:2em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.f_SS{font-size:0.6em;}
.f_S{font-size:0.8em;}
.f_L{font-size:1.2em;}
.f_bold{font-weight: bold !important;}
.f_red{color: #ff0000;}
.f_blue{color:#0299c1;}
.f_yel{color:#ffe400 !important;}
.f_grn{color:#00c700;}
.f_org{color:#ff5400;}
.f_green{color:#00c152;}

.tx_left{text-align: left !important;}
.tx_right{text-align: right !important;}
.tx_center{text-align: center !important;}
.tx_mark{padding:0.2rem 1rem;background:#ffe400;}
.tx_line{border-bottom:0.2rem solid #000;}

/*==================================================================
   Animation
==================================================================*/
.js_inview{opacity: 0;}

/*-- zoomRepeat --*/
.animated_zoomRepeat {
-webkit-animation: zoomRepeat 1.5s ease-in-out infinite;
animation: zoomRepeat 1.5s ease-in-out infinite;
}
@-webkit-keyframes zoomRepeat {
0% {-webkit-transform: scale(0.9);}
30% {-webkit-transform: scale(1, 1);}
60% {-webkit-transform: scale(0.9);}
100% {-webkit-transform: scale(0.9);}
}
@keyframes zoomRepeat {
0% {transform: scale(0.9);}
30% {transform: scale(1, 1);}
60% {transform: scale(0.9);}
100% {transform: scale(0.9);}
}