@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em; background: #055bac;}
.none{ display:none;}
.bold{ font-weight:bold;}
img{vertical-align: bottom;}
a{text-decoration: none;}


.mv{background: url("/lp/active-02_r/images/mv_bg.png") no-repeat scroll center top #055bac; background-size: cover; clip-path: polygon(0 0 , 100% 0, 100% 80%, 0 100%); padding-bottom: 9%}
.mv_head{max-width: 1440px; margin: 0 auto; padding-bottom: 8%;}
.mv_head .logo{padding: 10px 25px; background: #fff; display: inline-block;}
.mv_txt{max-width: 1355px; margin: 4% auto 0; position: relative;}
.mv_txt h1{width: 58.6%;}
.mv_txt p{max-width: 1080px; margin: 10px auto 0; color: #fff; font-size: 1.4rem; text-align: right;}
.btn_area{max-width: 1000px; margin: 0 auto; position: relative; z-index: 2;}
.btn_area a{display: block; padding: 12px 10px 23px; background: url("/lp/active-02_r/images/icon01.png") no-repeat scroll 98% center #ee0044; color: #ffffff; font-size: 3.2rem; font-weight: bold; text-align: center;}
.btn_area .ic {font-family: 'VL ゴシック','Courier New',Courier,monospace; padding:0 10px; font-size: 2.1rem; font-weight: normal;}
.btn_area .ic02{font-size: 1.9rem; font-weight: normal;}
.btn_area.ne_m{position: relative; margin-top: -16%; margin-bottom: 8%;}

/*cont01*/
.cont01{padding: 0px 0 95px; background: #055bac;}
.cont01 h2{font-size: 3.6rem; font-weight: bold; color: #fff; text-align: center; line-height: 240%;}
.cont01 h2 span{font-size: 9.0rem; font-weight: bold; color: #e3ff00; display: block; text-align: center;}
.cont_inner{padding: 0 10px; max-width: 1100px; margin: 0 auto;}
.co1_box{margin-top: 50px; margin-bottom: 80px; background: #fff; padding: 5% 6%;}
.co1_box p{text-align: center;}
.co1_box .gr_txt{font-size: 24px; line-height: 130%; font-weight: bold; margin-bottom: 15px;}
.co1_box .gr_txt span{font-size: 1.8rem; display: block; text-align: center;}
.co1_box ul{margin-top: 20px;}
.co1_box ul li{ margin-bottom: 3px; padding-left:3.5em; text-indent:-3.5em;}
.co1_box ul li.ind{padding-left:4em; text-indent:-4em;}
.co1_box ul li.red{ margin-bottom: 3px; padding-left:1em; text-indent:-1em; color: #ee0b6b;}
.co1_mt{margin-top: 90px;}
.co1_box02{margin-bottom: 50px; position: relative; border: 3px solid #fff; padding: 5% 4% 2%;}
.co1_box02 .ab_txt{position: absolute; top: -40px; left: 20px; /*font-size: 12.0rem;*/ color: #e3ff00; line-height: 100%;}
.co1_txt{color: #e3ff00; font-size: 4.6rem; text-align: center; font-weight: bold;}
.co1_txt span{text-align: center; font-size: 2.8rem; display: block; font-weight: normal;}
.co1_txt02{margin-top: 40px; color: #fff; font-size: 2.0rem;}
.co1_txt02 span{color: #e3ff00; font-weight: bold;}
.box-hide{display: none;}
p.more {color: #fff; font-size: 1.7rem; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; text-align: center; margin-top: 50px;}
p.more span{background: url("/lp/active-02_r/images/icon02.png") no-repeat scroll left center; padding: 0 15px; text-decoration: underline; cursor: pointer;}
p.more span::after {content: "もっと見る"; transition: .2s; -erbkit-transition: .2s;}
p.more.on-click span::after{content: "閉じる";}
p.more.on-click span{background: url("/lp/active-02_r/images/icon03.png") no-repeat scroll left center; padding: 0 15px; text-decoration: underline;}
.co1_flex{margin-top: 40px; padding: 70px 3% 40px; border-top: 3px solid #fff; display: flex; justify-content: space-between; flex-wrap: wrap;}
.co1_flex div{width: 48%; display: flex; align-items: center;}
.co1_flex div:first-child {margin-bottom: 20px;}
.co1_flex div:nth-child(2) {margin-bottom: 20px;}
.co1_flex div p{color: #fff;}
.co1_flex div p span{font-size: 2.6rem; font-weight: bold;}
.co1_flex div p:first-child{text-align: center; width: 35%}
.co1_flex div p:last-child{width: 61%; margin-left: 4%;}
.co1_txt03{margin-top: 40px; color: #e3ff00; font-weight: bold; font-size: 3.0rem; text-align: center;}
.imgbox{margin-top: 30px; text-align: center;}
.co1_flex02{margin-top: 30px; display: flex; justify-content: space-between;}
.co1_flex02 div{width: 48%;}
.co1_txt04{padding-left: 85px; padding-bottom: 10px; background: url("/lp/active-02_r/images/icon04.png") no-repeat scroll left 10px; border-bottom: 2px dotted #fff; font-size: 2.4rem; font-weight: bold; color: #e3ff00; line-height: 140%;}
.co1_txt04 span{font-size: 1.9rem; display: block;}
.co1_txt04 sup{font-size: 1.2rem; vertical-align: super;}
.co1_txt05{font-size: 1.9rem; color: #fff; margin-top: 10px;}
.notelist{margin-top: 40px;}
.notelist li{margin-bottom: 3px; padding-left:1em; text-indent:-1em; color: #fff;}
.notelist li.ind{padding-left:3.5em; text-indent:-3.5em;}
.imgbox02{margin-top: 40px; text-align: center;}
.co1_txt02.pb{padding-bottom: 30px;}
.co1_box02wh{background: #fff; padding: 5% 6%; margin-top: 40px;}
.co1_box02wh p{text-align: center;}
.co1_box02wh ul{margin-top: 20px;}
.co1_box02wh ul li{ margin-bottom: 3px; padding-left:3.0em; text-indent:-3.0em;}
.co1_box02wh ul li.ind{padding-left:4em; text-indent:-4em;}

/*cont02*/
.cont02{ padding: 60px 0 40px; position: relative; z-index: 1;}
.cont02::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; transform: skewY(-10deg); z-index: -1;}
.cont02 h2{font-size: 3.6rem; font-weight: bold; color: #000; text-align: center; line-height: 240%;}
.cont02 h2 span{font-size: 9.0rem; font-weight: bold; color: #055bac; display: block; text-align: center;}
.co2_flex{margin: 40px 0 70px; display: flex; justify-content: space-between;}
.co2_flex div{width: 47%;}
.co2_flex div:last-child{margin-top: 11%;}
.co2_flex p{text-align: center;}
.co2_flex .co2_txt01{text-align: left; font-size: 2.2rem; font-weight: bold; margin-top: 15px;}
.co2_flex .co2_txt01 span{background: #e3ff00;}

/*cont05*/
.cont05{ padding: 100px 0 0px;}
.cont05 h2{font-size: 3.6rem; font-weight: bold; color: #fff; text-align: center; line-height: 240%;}
.cont05 h2 span{font-size: 9.0rem; font-weight: bold; color: #e3ff00; display: block; text-align: center;}
.voice_box{margin: 70px auto 0; max-width: 1000px;}
.voice_box div{margin-bottom: 50px; text-align: center;}
.voice_box div:last-child{margin-bottom: 0;}



/*cont07*/
.cont07{padding: 320px 0 50px; position: relative; z-index: 1; overflow: hidden; margin-top: -130px;}
.cont07::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; transform: skewY(-10deg) translateY(200px);
    z-index: -1;}
.r_ttl {font-size: 2.0rem; font-weight: 500; color: #000;}
.r_txt {font-size: 1.8rem; font-weight: 500; color: #000;}
.r_txt02 {font-size: 1.8rem; font-weight: 500; color: #000; margin-top: 35px; text-align: right;}
.r_ma01{margin-top: 35px;}
.r_list li {font-size: 1.8rem; font-weight: 500; color: #000; text-indent: -1em; padding-left: 1em;}
.r_list li span{color: #ff000a; text-decoration: underline;}

/*footer*/
.foot{border-top: 3px solid #000; padding-bottom: 106px; background: #fff;}
.foot_inner{max-width: 1420px; margin: 0 auto; padding: 40px 10px;}
.foot .foot_txt01{font-size: 2.4rem; font-weight: bold; color: #000;}
.foot .foot_txt02{font-size: 1.5rem; margin-top: 30px; color: #000;}
.foot .foot_txt03{font-size: 1.4rem; margin-top: 40px; color: #000;}

/*fix*/
.fix_btn{padding: 10px; background: #000; width:  100%; position: fixed; bottom: 0; z-index: 3;}
.fix_btn a{display: block; padding: 20px 10px 20px; background: url("/lp/active-02_r/images/icon01.png") no-repeat scroll 98% center #ee0044; color: #ffffff; font-size: 3.2rem; font-weight: bold; text-align: center; max-width: 1000px; margin: 0 auto;}

@media (max-width: 1000px) {
}

@media (min-width: 767px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
}

@media screen and (max-width: 767px) {
.disp_pc{display:none;}
.disp_sp{display:block;}
.disp_in_pc{display:none;}
.disp_in_sp{display:inline-block;}
.none{display:block;}
.br2{display:block; text-align:center;}
.bgno{overflow: hidden}

.mv{background: none; clip-path: polygon(0 0 , 100% 0, 100% 100%, 0 100%); padding-bottom: 0%}
.mv_head{max-width: 100%; margin: 0 auto; padding-bottom: 0;}
.mv_head .logo{padding: 10px 25px; background: #fff; display: block; line-height: 100%;}
.mv_head .logo img{width:100%;}
.mv_txt{max-width: 100%; margin: 0; position: relative;}
.mv_txt h1{width: 100%; text-align: center;}
.mv_txt h1 img{ width: 100%;}
.mv_txt p{max-width: 90%; margin: -10px auto 0; color: #fff; font-size: 3vw; text-align: right;}
.btn_area{max-width: 90%; margin: 0 auto; position: relative; z-index: 2;}
.btn_area a{display: block; padding: 10px 10px 20px; background: url("/lp/active-02_r/images/icon01.png") no-repeat scroll 98% center #ee0044; color: #ffffff; font-size: 5.5vw; font-weight: bold; text-align: center; background-size: 50px auto;}
.btn_area .ic {font-family: 'VL ゴシック','Courier New',Courier,monospace; padding:0 10px; font-size: 3.2vw; font-weight: normal;}
.btn_area .ic02{font-size: 3vw; font-weight: normal;}
.btn_area.ne_m{position: relative; margin-top: 10px; margin-bottom: 8%;}

/*cont01*/
.cont01{padding: 0px 0 20px; background: #055bac;}
.cont01 h2{font-size: 4.26vw; font-weight: bold; color: #fff; text-align: center; line-height: 240%;}
.cont01 h2 span{font-size: 13.3vw; font-weight: bold; color: #e3ff00; display: block; text-align: center;}
.cont_inner{padding: 0 0; max-width: 90%; margin: 0 auto;}
.co1_box{margin-top: 50px; margin-bottom: 70px; background: #fff; padding: 7% 4%;}
.co1_box p{text-align: center;}
.co1_box .gr_txt{font-size: 4vw; line-height: 130%; font-weight: bold; margin-bottom: 15px;}
.co1_box .gr_txt span{font-size: 3.2vw; display: block; text-align: center;}
.co1_box ul{margin-top: 15px;}
.co1_box ul li{ margin-bottom: 3px; padding-left:3.5em; text-indent:-3.5em; font-size: 3.0vw;}
.co1_box ul li.ind{padding-left:4em; text-indent:-4em;}
.co1_box ul li.red{ margin-bottom: 3px; padding-left:1em; text-indent:-1em; color: #ee0b6b;}
.co1_mt{margin-top: 90px;}
.co1_box02{margin-bottom: 50px; position: relative; border: 3px solid #fff; padding: 5% 4% 2%;}
.co1_box02 .ab_txt{position: absolute; top: -30px; left: 10px; /*font-size: 20vw;*/ color: #e3ff00; line-height: 100%;}
.co1_txt{color: #e3ff00; font-size: 6.8vw; text-align: center; font-weight: bold;}
.co1_txt.let-s{font-size: 6.5vw; letter-spacing: -1px;}
.co1_txt span{text-align: center; font-size: 3.73vw; display: block; font-weight: normal;}
.co1_txt02{margin-top: 30px; color: #fff; font-size: 3.46vw;}
.co1_txt02 span{color: #e3ff00;}
.box-hide{display: none;}
p.more {color: #fff; font-size: 1.5rem; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; text-align: center; margin-top: 30px; padding: 3px 0;}
p.more span{background: url("/lp/active-02_r/images/icon02.png") no-repeat scroll left center; padding: 0 15px; text-decoration: underline; cursor: pointer;}
p.more span::after {content: "もっと見る"; transition: .2s; -erbkit-transition: .2s;}
p.more.on-click span::after{content: "閉じる";}
p.more.on-click span{background: url("/lp/active-02_r/images/icon03.png") no-repeat scroll left center; padding: 0 15px; text-decoration: underline;}
.co1_flex{margin-top: 30px; padding: 30px 3% 10px; border-top: 3px solid #fff; display: flex; justify-content: space-between; flex-wrap: wrap;}
.co1_flex div{width: 48%; display: block;}
.co1_flex div:first-child {margin-bottom: 30px;}
.co1_flex div:nth-child(2) {margin-bottom: 30px;}
.co1_flex div p{color: #fff; text-align: center; font-size: 2.93vw;}
.co1_flex div p span{font-size: 4.0vw; font-weight: bold; display: block; text-align: center;}
.co1_flex div p:first-child{text-align: center; width: 75%; margin: 0 auto;}
.co1_flex div p:last-child{width: 100%; margin-left: 0; margin-top: 5px; text-align: center;}
.co1_txt03{margin-top: 40px; color: #e3ff00; font-weight: bold; font-size: 4.53vw; text-align: center;}
.imgbox{margin: 30px auto 0; text-align: center; max-width: 100%;}
.co1_flex02{margin-top: 30px; display: block;}
.co1_flex02 div{width: 100%;}
.co1_flex02 div:first-child{margin-bottom: 30px;}
.co1_txt04{padding-left: 55px; padding-bottom: 10px; background: url("/lp/active-02_r/images/icon04.png") no-repeat scroll left 5px; border-bottom: 2px dotted #fff; font-size: 4.0vw; font-weight: bold; color: #e3ff00; line-height: 140%; background-size: 50px auto;}
.co1_txt04 span{font-size: 3.2vw; display: block;}
.co1_txt04 sup{font-size: 2.8vw; vertical-align: super;}
.co1_txt05{font-size: 3.4vw; color: #fff; margin-top: 10px;}
.notelist{margin-top: 40px;}
.notelist li{margin-bottom: 3px; padding-left:1em; text-indent:-1em; color: #fff; font-size: 3.0vw;}
.notelist li.ind{padding-left:3.5em; text-indent:-3.5em;}
.imgbox02{margin-top: 40px; text-align: center;}
.co1_txt02.pb{padding-bottom: 30px;}
.co1_box02wh{background: #fff; padding: 5% 6%; margin-top: 40px;}
.co1_box02wh p{text-align: center;}
.co1_box02wh ul{margin-top: 20px;}
.co1_box02wh ul li{ margin-bottom: 3px; padding-left:3.0em; text-indent:-3.0em; font-size: 3.0vw;}
.co1_box02wh ul li.ind{padding-left:4em; text-indent:-4em;}

/*cont02*/
.cont02{ padding: 50px 0 10px; position: relative; z-index: 1;}
.cont02::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; transform: skewY(-10deg); z-index: -1;}
.cont02 h2{font-size: 8.53vw; font-weight: bold; color: #000; text-align: center; line-height: 170%;}
.cont02 h2 span{font-size: 13.3vw; font-weight: bold; color: #055bac; display: block; text-align: center;}
.co2_flex{margin: 40px 0 70px; display: block;}
.co2_flex div{width: 100%;}
.co2_flex div:last-child{margin-top: 30px;}
.co2_flex p{text-align: center;}
.co2_flex .co2_txt01{text-align: left; font-size: 4.26vw; font-weight: bold; margin-top: 10px;}
.co2_flex .co2_txt01 span{background: #e3ff00;}


/*cont05*/
.cont05{ padding: 60px 0 0; margin-bottom: -50px;}
.cont05 h2{font-size: 4.26vw; font-weight: bold; color: #fff; text-align: center; line-height: 240%;}
.cont05 h2 span{font-size: 13.3vw; font-weight: bold; color: #e3ff00; display: block; text-align: center;}
.voice_box{margin: 40px auto; max-width: 1000px;}
.voice_box div{margin-bottom: 30px; text-align: center;}
.voice_box div:last-child{margin-bottom: 0;}


/*cont07*/
.cont07{padding:140px 0 50px; margin: 0;}
.cont07::before{transform: skewY(-10deg) translateY(70px);}
.r_ttl {font-size: 3.2vw;}
.r_txt {font-size: 3.2vw;}
.r_txt02 {font-size: 3.2vw; margin-top: 4vw;}
.r_ma01{margin-top: 4vw;}
.r_list li {font-size: 3.2vw;}

/*footer*/
.foot{border-top: 2px solid #000; padding-bottom: 84px;}
.foot_inner{max-width: 100%; margin: 0 auto; padding: 30px 10px;}
.foot .foot_txt01{font-size: 3.73vw; font-weight: bold;}
.foot .foot_txt02{font-size: 2.93vw; margin-top: 10px;}
.foot .foot_txt03{font-size: 2.4vw; margin-top: 20px;}

/*fix*/
.fix_btn{padding: 10px; background: #000; width:  100%; position: fixed; bottom: 0; z-index: 3;}
.fix_btn a{display: block; padding: 20px 10px 20px; background: url("/lp/active-02_r/images/icon01.png") no-repeat scroll 98% center #ee0044; color: #ffffff; font-size: 6vw; font-weight: bold; text-align: center; max-width: 1000px; margin: 0 auto; background-size: 50px auto;}

.spfs{width: 35px;}
.spfs2{width: 40px;}

}

@media screen and (max-width: 350px) {
}