@charset "utf-8";

/*--------------------------------------------
テンプレート
--------------------------------------------*/
body{position:relative;}
#page-height{position:fixed;top:0;left:0;width:0;height:100%;z-index:1;}

.section{position:relative;width:100%;margin:0;font-family: 'ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN',sans-serif;z-index:1;}
.section-inner{width:96%;max-width:960px;margin:0 auto;}

br.sp{display:none!important;}

@media only screen and (max-width:750px) {

/*--------------------------------------------
テンプレート
--------------------------------------------*/
.section-inner{width:92%;max-width:none;}

br.sp{display:inline!important;}
.pc{display:none!important;}

}

/*--------------------------------------------
キービジュアル
--------------------------------------------*/
#kv-limited{position:absolute;top:0;left:7.396%;margin-top:2.605%;width:54.0625%;z-index:5;}
#kv-limited img{display:block;width:auto;height:7.13%;margin:0 auto;}
#kv-title{position:absolute;top:0;left:6.6667%;margin-top:7.29167%;width:56.3542%;z-index:2;}
#kv-bubble{position:absolute;top:0;right:5.5209%;margin-top:1.4584%;width:36.0417%;z-index:3;}
#kv-feature{padding-top:4.375%;margin-left:10.4167%;width:auto;}
#kv-feature ul{}
#kv-feature ul li{position:relative;color:#fff;font-size:28px;font-weight:normal;line-height:1.6072em;text-align:left;letter-spacing:0.043em;padding-left:1em;}
#kv-feature ul li:before{content:'';display:block;width:1em;}
#kv-feature ul li span{display:block;position:absolute;top:0;left:0;width:1em;line-height:inherit;text-align:center;}

#kv-btn{font-size:32px;width:62.5%;margin:0 auto;margin-top:2.9167%;}
#kv-btn:before{content:'';display:block;width:1em;}
#kv-btn a{display:block;position:relative;width:100%;}
#kv-btn a img{display:block;position:absolute;top:0;left:-0.334%;margin-top:-0.334%;width:103%;z-index:2;transition:opacity 0.5s ease;}
#kv-btn a:after{content:'';display:block;position:relative;padding-top:16.6667%;background-color:#fff;border-radius:1.5625em;z-index:1;}
#kv-btn a:hover img{opacity:0.7;}

@media only screen and (max-width:1000px) {

/*--------------------------------------------
キービジュアル
--------------------------------------------*/
#kv{background-size:5% auto;}
#kv-limited{font-size:3.8vw;}
#kv-feature ul li{font-size:2.8vw;}
#kv-btn{font-size:3.2vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
キービジュアル
--------------------------------------------*/
#kv{background-image:url("../images/sp-kv-bg.png");background-size:6.6667% auto;}
#kv .section-inner{width:100%;}

.kv-section01:before{padding-top:82.6667%;}
.kv-section01:after{right:2.8%;width:46.6667%;padding-top:32.6667%;background:url("../images/sp-kv-illust.png") no-repeat center;background-size:100% auto;z-index:4;}
#kv-limited{font-size:5.067vw;left:0.534%;margin-top:4%;width:59.868%;}
#kv-limited:before{content:'';display:block;padding-top:8.241%;background:url("../images/sp-kv-limited.png") no-repeat center;background-size:auto 100%;}
#kv-limited img{display:none;}
#kv-title{left:0;margin-top:9.8667%;width:75.3334%;}
#kv-title:before{content:'';display:block;padding-top:103.1859%;background:url("../images/sp-kv-title.png") no-repeat center;background-size:100% auto;}
#kv-title img{display:none;}
#kv-bubble{right:0;margin-top:1.7334%;width:40.5334%;}
#kv-bubble:before{content:'';display:block;padding-top:123.3553%;background:url("../images/sp-kv-bubble.png") no-repeat center;background-size:100% auto;}
#kv-bubble img{display:none;}

.kv-section02:after{padding-top:18.6667%;}
#kv-feature{padding-top:7.4667%;margin-left:6.8%;}
#kv-feature ul li{font-size:5.067vw;line-height:1.3158em;letter-spacing:0;padding-bottom:0.78948em;}

#kv-btn{font-size:42px;width:92%;margin-top:3.2%;}
#kv-btn a:before{content:'';display:block;position:absolute;top:0;left:-1.5%;margin-top:0;width:103%;padding-top:18%;background:url("../images/sp-kv-btn-smart.png") no-repeat center;background-size:100% auto;z-index:2;}
#kv-btn a img{display:none;}
#kv-btn a:after{padding-top:18%;border-radius:1.6667em;}
#kv-btn a:hover img{opacity:1;}

}

/*--------------------------------------------
smph 
--------------------------------------------*/
.smph #kv{text-align: center;}
.smph header{background:url("../images/head-bg-ptn.png");padding: 33px 0; text-align: center;}
.smph header h1 img{max-width:660px; width: 69%;}
.smph .kv-section01{background:url("../images/kv-bg-ptn.png");text-align: center;}
.smph .kv-section01 .section-inner{position: relative;z-index: 2;max-width: 1200px;}
.smph #smfa-kv-title img{position: relative;z-index: 2;}
.smph .kv-section01 .gif{position:absolute;bottom:9.5%;right:9.5%;z-index: 1; transform: rotate(15.5deg);}
.smph .kv-section01 .gif img{width: auto; height: 530px; }
.smph .kv-section01 .pop{position:absolute;bottom:-72%;right:-1%;}
.smph .kv-section02{background:url("../images/head-bg-ptn.png");padding: 37px 0 30px;z-index: 1;text-align: center;}
.smph .kv-section02 .section-inner{max-width: 1200px;}
.smph .kv-section03{background:repeat-x url("../images/kv-feature-bg.png");padding: 50px 0; text-align: center;}
.smph .kv-section03 .kv-btn-subt-smart img{max-width: 855px;width: 89%;}
.smph #kv-btn{max-width: 690px;}
.smph .kv-section03 .kv-btn-smart-note img{max-width: 664px;width: 69%;margin-top: 35px;}
@media only screen and (max-width:1232px) {	
.smph .kv-section01  .gif {width: 23%;}	
.smph .kv-section01  .gif img{width: 100%;height: auto;}
.smph .kv-section01 .pop{position:absolute;bottom:-72%;width: 31%;}
}
@media only screen and (max-width:750px) {
.smph header{background-size: 3%;}
    .smph header h1 img{max-width:100%; width: 87.2%;}
.smph .kv-section01{background-size: 3%;}
.smph .kv-section01 .gif {right:5%;bottom: 33%;width: 39%;transform: rotate(9.5deg);}
.smph .kv-section01 .gif img{width: 90%;height: auto;}
.smph .kv-section01 .pop{bottom:-33%;right:0;width: 100%;}
.smph .kv-section02{padding: 0;background-size: 3%;}
.smph .kv-section03{background:repeat-x url("../images/sp-kv-feature-bg.png");padding: 30px 0;}
.smph .kv-section03 .kv-btn-smart-note img{max-width: 100%;width: 100%; margin-top: 1em;}
}
/*--------------------------------------------
知っていますか？
--------------------------------------------*/
#intro{}

.intro-section{}
.intro-section:before,
.intro-section:after{content:'';display:block;}
.intro-section:before{padding-top:4.1667%;}
.intro-section:after{padding-top:4.7917%;}

#intro-attention{width:63.3334%;margin:0 auto 4.1667%;}
#intro-attention span{display: block;margin-bottom: 1em;}

#intro-section01{width:100%;margin:0 auto 8.5417%;}

#intro-section02{width:89.5834%;margin:0 auto 75px;}

#intro-section03{width:81%;margin:0 auto;}

@media only screen and (max-width:750px) {

/*--------------------------------------------
知っていますか？
--------------------------------------------*/
.intro-section:before{padding-top:3.1885%;}
.intro-section:after{padding-top:7.8261%;}

#intro-attention{width:96.2319%;}


#intro-section02{width:100%;margin-bottom: 2em;}
#intro-section03 {width: 100%;}
}

/*--------------------------------------------
あなたに合わせた選べる3プラン
--------------------------------------------*/
#plan{}

.plan-section{}
.plan-section:before,
.plan-section:after{content:'';display:block;}
.plan-section:after{padding-top:9.7917%;}

#plan-title{width:52.0834%;margin:0 auto 3.125%;}

#plan-basic{width:100%;margin:0 auto 5%;}

.plan-type{width:100%;margin:0 auto 2.5%;}
.plan-type p{position:relative;margin:0 auto 5.2084%;}
.plan-type p img{position:absolute;bottom:0;left:0;width:100%;z-index:2;}
.plan-type p:before,
.plan-type p:after{content:'';display:block;}
.plan-type p:after{position:relative;padding-top:56.25%;z-index:1;}

.plan-type p:last-child{margin-bottom:0;}

.plan-common{}
.plan-common h3,
.plan-common ul li{color:#333333;font-size:18px;font-weight:normal;line-height:1.5556em;text-align:left;letter-spacing:0;}
.plan-common ul li{position:relative;padding-left:1em;}
.plan-common ul li span{display:block;position:absolute;top:0;left:0;width:1em;line-height:inherit;}

@media only screen and (max-width:1000px) {

/*--------------------------------------------
あなたに合わせた選べる3プラン
--------------------------------------------*/
.plan-common h3,
.plan-common ul li{font-size:1.8vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
あなたに合わせた選べる3プラン
--------------------------------------------*/
#plan .section-inner{width:100%;}

.plan-section:after{padding-top:9.0667%;}

#plan-title{width:100%;margin-bottom:5.3334%;}
#plan-title:before{content:'';display:block;padding-top:44%;background:url("../images/sp-plan-title.png") no-repeat center;background-size:100% auto;}
#plan-title img{display:none;}

#plan-basic{width:92%;margin-bottom:6.9334%;}
#plan-basic:before{content:'';display:block;padding-top:54.7827%;background:url("../images/sp-plan-basic.png") no-repeat center;background-size:100% auto;}
#plan-basic img{display:none;}

.plan-type{width:92%;margin-bottom:5.6%;}
.plan-type p{margin-bottom:10.145%;}
.plan-type p img{display:none;}
.plan-type p:before{position:absolute;bottom:0;left:0;width:100%;padding-top:113.3334%;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.plan-type p:after{padding-top:110.145%;}

#plan-type01:before{background-image:url("../images/sp-plan-type01.png");}
#plan-type02:before{background-image:url("../images/sp-plan-type02.png");}
#plan-type03:before{background-image:url("../images/sp-plan-type03.png");}

.plan-common{width:92%;margin:0 auto;}
.plan-common h3,
.plan-common ul li{font-size:3.4667vw;line-height:1.6154em;}
.plan-common ul li span:before{content:'●';display:block;position:absolute;top:0;left:0;width:100%;background-color:#fff;z-index:2;}

}

/*--------------------------------------------
おすすめポイント
--------------------------------------------*/
#feature{}
#feature .section-inner{width:100%;max-width:none;}

.feature-title{background-color:#ffffb4;}

.feature-section{width:96%;max-width:960px;margin:0 auto;}
.feature-section:before{content:'';display:block;padding-top:5.7292%;}

.feature-title .feature-section:before{padding-top:0;}

.feature-number{width:83.3334%;margin:0 auto;padding-bottom:3.6459%;}
.feature-number h3{position:relative;color:#e60012;font-size:26px;font-weight:bold;line-height:1.2308em;text-align:left;letter-spacing:0;margin:0 auto 0.875%;padding-left:10.875%;}
.feature-number h3 img{position:absolute;top:0;left:0;width:7.875%;}

.feature-number p{color:#333333;font-size:18px;font-weight:700;line-height:1.4445em;text-align:left;letter-spacing:0;margin:0 auto;margin-left:10.875%;}

#feature-because{position:relative;width:72.9167%;margin:0 auto;padding-bottom:25.3125%;}
#feature-because:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;padding-top:35.715%;background:url("../images/feature-illust.png") no-repeat center;background-size:100% auto;z-index:1;}
#feature-because h3{position:relative;width:100%;margin:0 auto 2.8572%;}
#feature-because h3:before,
#feature-because h3:after{content:'';display:block;}
#feature-because h3 img{position:absolute;bottom:0;left:0;width:100%;z-index:2;}
#feature-because h3:after{padding-top:24.2858%;z-index:1;}
#feature-because p,
#feature-because ul li{color:#333333;font-weight:bold;text-align:center;letter-spacing:0;}
#feature-because p{font-size:22px;line-height:1.7273em;}
#feature-because ul{position:relative;z-index:2;}
#feature-because ul li{font-size:18px;line-height:1.8889em;}

@media only screen and (max-width:1000px) {

/*--------------------------------------------
おすすめポイント
--------------------------------------------*/
.feature-number h3{font-size:2.6vw;}
.feature-number p{font-size:1.8vw;}
#feature-because p{font-size:2.2vw;}
#feature-because ul li{font-size:1.8vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
おすすめポイント
--------------------------------------------*/
.feature-section{width:100%;max-width:none;}
.feature-section:before{padding-top:7.2%;}

#feature-title:before{content:'';display:block;padding-top:26.6667%;background:url("../images/sp-feature-title.png") no-repeat center;background-size:100% auto;}
#feature-title img{display:none;}

.feature-number{width:92%;padding-bottom:3.6459%;}
.feature-number h3{font-size:5.0667vw;line-height:1.3158em;margin-bottom:1.4493%;padding-left:18.8406%;}
.feature-number h3:before{content:'';display:block;position:absolute;top:0;left:0;margin-top:0.8696%;width:13.0435%;padding-top:13.0435%;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.feature-number h3 img{display:none;}
#feature-number01 h3:before{background-image:url("../images/sp-feature-number01.png");}
#feature-number02 h3:before{background-image:url("../images/sp-feature-number02.png");}
#feature-number03 h3:before{background-image:url("../images/sp-feature-number03.png");}
#feature-number04 h3:before{background-image:url("../images/sp-feature-number04.png");}

.feature-number p{font-size:3.421vw;line-height:1.4616em;margin-left:18.8406%;}

#feature-because{width:100%;padding-bottom:44%;margin-top:3.4667%;}
#feature-because:after{padding-top:40%;background-image:url("../images/sp-feature-illust.png")}
#feature-because h3{width:90.6667%;margin-bottom:2.1334%;}
#feature-because h3:before,
#feature-because h3:after{content:'';display:block;}
#feature-because h3:before{content:'';display:block;position:relative;padding-top:33.0883%;background:url("../images/sp-feature-because.png") no-repeat center;background-size:100% auto;}
#feature-because h3 img{display:none;}
#feature-because h3:after{padding-top:0;}
#feature-because p{font-size:3.7332vw;line-height:1.5715em;}
#feature-because ul li{font-size:3.2vw;line-height:1.4167em;}

}

/*--------------------------------------------
お申し込み方法
--------------------------------------------*/
#apply{background-color:#f5f5f5;}

.apply-section{}
.apply-section:before,
.apply-section:after{content:'';display:block;}
.apply-section:before{padding-top:7.2917%;}
.apply-section:after{padding-top:9.375%;}

#apply-title{}
#apply-title h2{width:32.6042%;margin:0 auto 2.0834%;}

#apply-title p{color:#333333;font-size:20px;font-weight:700;line-height:1.5em;text-align:center;letter-spacing:0;margin:0 auto 6.0417%;}

.apply-step{width:83.3334%;margin:0 auto 6.25%;}

.apply-step-number{font-size:26px;width:100%;margin:0 auto 3.75%;min-height:3.4616em;}
.apply-step-number h3{color:#333333;font-size:26px;font-weight:bold;line-height:3.4616em;text-align:left;letter-spacing:0;position:relative;padding-left:13.75%;}
.apply-step-number h3 img{position:absolute;top:0;left:0;width:11.25%;}
.apply-step-number h3 em{color:#e60012;font-style:normal;}

.apply-step-number p{color:#e60012;font-size:18px;font-weight:700;line-height:1.5556em;text-align:left;letter-spacing:0;position:relative;margin:0.75% auto 0;padding-left:13.75%;}

#apply-step01{margin-bottom:4.1667%;}
#apply-step01 .apply-step-number h3{padding-top:1%;line-height:1.5385em;}
#apply-step-image01{margin-bottom:3.25%;}

.apply-step-text{position:relative;}
.apply-step-text:before,
.apply-step-text:after{content:'';display:block;position:absolute;top:0;margin-top:5%;width:1.0417em;padding-top:1.4584em;z-index:2;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.apply-step-text:before{left:2%;background-image:url("../images/apply-step-text-left.png");}
.apply-step-text:after{right:2%;background-image:url("../images/apply-step-text-right.png");}
.apply-step-text p{color:#333333;font-size:28px;font-weight:bold;line-height:1.6072em;text-align:center;letter-spacing:0;position:relative;margin:0 auto;padding:4% 0 3%;z-index:1;}

.apply-step-banner{width:85%;margin:0 auto;}
.apply-step-banner a{display:block;}
.apply-step-banner a img{display:block;transition:opacity 0.5s ease;}
.apply-step-banner a:hover img{opacity:0.7;}

#apply-step-btn{font-size:20px;width:39.5%;margin:0 auto;}
#apply-step-btn:before{content:'';display:block;width:1em;}
#apply-step-btn a{display:block;position:relative;width:100%;}
#apply-step-btn a img{display:block;position:absolute;top:0;left:0;margin-top:0;width:100%;z-index:2;transition:opacity 0.5s ease;}
#apply-step-btn a:after{content:'';display:block;position:relative;padding-top:17.7216%;background-color:#fff;border-radius:1.4em;z-index:1;}
#apply-step-btn a:hover img{opacity:0.7;}

#apply-step03{margin-bottom:5%;}

#apply-register{position:relative;width:80.2084%;margin:0 auto 4.7917%;padding-top:5.8334%;}
#apply-register:before{content:'';display:block;position:absolute;top:0;left:46.1039%;width:7.7923%;padding-top:3.8962%;background:url("../images/apply-arrow.png") no-repeat center;background-size:100% auto;}
#apply-register h3{color:#e60012;font-size:32px;font-weight:bold;line-height:1.375em;text-align:center;letter-spacing:0;margin:0 auto 4.1559%;}

.apply-register-images{position:relative;width:100%;margin:0 auto;}
.apply-register-images:after{content:'';display:block;clear:both;}
.apply-register-images p{width:32.4676%;float:left;margin-right:1.2988%;}
.apply-register-images p:last-child{float:none;margin-right:0;position:absolute;top:0;right:0;}

#apply-complate{position:relative;width:80.2084%;margin:0 auto 5.8334%;padding-top:7.5%;text-align:center;}
#apply-complate:before,
#apply-complate:after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
#apply-complate:before{top:0;left:46.1039%;width:7.7923%;padding-top:3.8962%;background-image:url("../images/apply-arrow.png");}
#apply-complate:after{bottom:0;left:8.5715%;margin-bottom:0.5195%;width:19.2208%;padding-top:20.2598%;background-image:url("../images/apply-illust.png");}
#apply-complate p{display:inline-block;position:relative;margin:0 auto;color:#e60012;font-size:45px;font-weight:bold;line-height:1.2445em;text-align:center;letter-spacing:0;}
#apply-complate p span{display:block;position:absolute;top:0;left:100%;width:1em;line-height:inherit;text-align:left;}

#apply-btn{font-size:32px;width:62.5%;margin:0 auto;}
#apply-btn:before{content:'';display:block;width:1em;}
#apply-btn a{display:block;position:relative;width:100%;}
#apply-btn a img{display:block;position:absolute;top:0;left:-0.334%;margin-top:-0.334%;width:103%;z-index:2;transition:opacity 0.5s ease;}
#apply-btn a:after{content:'';display:block;position:relative;padding-top:16.6667%;background-color:#fff;border-radius:1.5625em;z-index:1;}
#apply-btn a:hover img{opacity:0.7;}
#apply-btn .note{text-align: center;}
#apply-btn .note img{max-width: 664px;margin-top: 35px;}
@media only screen and (max-width:1000px) {

/*--------------------------------------------
お申し込み方法
--------------------------------------------*/
#apply-title p{font-size:2.0vw;}
.apply-step-number{font-size:2.6vw;}
.apply-step-number h3{font-size:2.6vw;}
.apply-step-number p{font-size:1.8vw;}
.apply-step-text p{font-size:2.8vw;}
#apply-step-btn{font-size:2vw;}
#apply-register h3{font-size:3.2vw;}
#apply-complate p{font-size:4.5vw;}
#apply-btn{font-size:3.2vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
お申し込み方法
--------------------------------------------*/
#apply .section-inner{width:100%;}

.apply-section:before{padding-top:10.9334%;}
.apply-section:after{padding-top:20%;}

#apply-title h2{width:41.7334%;margin-bottom:3.2%;}
#apply-title h2:before{content:'';display:block;padding-top:13.9089%;background:url("../images/sp-apply-title.png") no-repeat center;background-size:100% auto;}
#apply-title h2 img{display:none;}

#apply-title p{font-size:3.2vw;line-height:1.5834em;margin-bottom:5.3334%;}

.apply-step{width:100%;margin-bottom:13.3334%;}

.apply-step-number{font-size:4.2667vw;width:auto;margin-left:4%;margin-bottom:5.3334%;min-height:4.0625em;}
.apply-step-number h3{font-size:4.2667vw;line-height:1.5625em;padding:0.4688em 0;padding-left:21.5278%;}
.apply-step-number h3 img{display:none;}
.apply-step-number h3:before{content:'';display:block;position:absolute;top:0;left:0;width:18.0556%;padding-top:18.0556%;background-repeat:no-repeat;background-position:center;background-size:100% auto;}

.apply-step-number p{font-size:2.6667vw;line-height:1.5em;margin-top:1.3889%;padding-left:21.5278%;}

.apply-step-image{width:92%;margin:0 auto;}
.apply-step-image img{display:none;}
.apply-step-image:before{content:'';display:block;padding-top:65.2174%;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
	
#apply-step01 .apply-step-number h3:before{background-image:url("../images/sp-apply-step-number01.png");}
#apply-step02 .apply-step-number h3:before{background-image:url("../images/sp-apply-step-number02.png");}
#apply-step03 .apply-step-number h3:before{background-image:url("../images/sp-apply-step-number03.png");}
	
#apply-step-image01:before{background-image:url("../images/sp-apply-step-image01.png");padding-top:92.7537%;}
#apply-step-image02:before{background-image:url("../images/sp-apply-step-image02.png");}
#apply-step-image03:before{background-image:url("../images/sp-apply-step-image03.png");}

#apply-step01{margin-bottom:13.3334%;}
#apply-step01 .apply-step-number h3{padding-top:0;padding-bottom:0;line-height:1.4063em;}
#apply-step-image01{margin-bottom:5.3334%;}

.apply-step-text:before,
.apply-step-text:after{margin-top:7.468%;}
.apply-step-text:before{left:17%;top:1em;}
.apply-step-text:after{right:17%;top:1em;}
.apply-step-text p{font-size:3.734vw;padding:6.268% 0 3.2%;}

.apply-step-banner{width:92%;}
.apply-step-banner a:hover img{opacity:1;}
.apply-step-banner a:hover img{opacity:1;}

#apply-step-btn{font-size:28px;width:60%;}
#apply-step-btn a img{display:none;}
#apply-step-btn a:before{content:'';display:block;padding-top:17.7778%;background:url("../images/sp-apply-step-btn.png") no-repeat center;background-size:100% auto;z-index:2;}
#apply-step-btn a:after{padding-top:0;}
#apply-step-btn a:hover img{opacity:1;}

#apply-step03{margin-bottom:6.6667%;}

#apply-register{width:100%;margin-bottom:5.3334%;padding-top:12.534%;}
#apply-register:before{left:46%;width:8%;padding-top:4%;background-image:url("../images/sp-apply-arrow.png");}
#apply-register h3{font-size:5.0667vw;line-height:1.3158em;margin-bottom:4.8%;}

.apply-register-images{width:60%;}
.apply-register-images p{width:100%;float:none;margin-right:0;margin-bottom:4.4445%;}
.apply-register-images p:last-child{position:relative;top:auto;right:auto;margin-bottom:0;}
.apply-register-images p img{display:none;}
.apply-register-images p:before{content:'';display:block;padding-top:17.7778%;background-repeat:no-repeat;background-position:center;background-size:100% auto;}

#apply-register01:before{background-image:url("../images/sp-apply-register01.png");}
#apply-register02:before{background-image:url("../images/sp-apply-register02.png");}
#apply-register03:before{background-image:url("../images/sp-apply-register03.png");}

#apply-complate{width:100%;margin-bottom:7.4667%;padding-top:10.6667%;}
#apply-complate:before{left:46%;width:8%;padding-top:4%;background-image:url("../images/sp-apply-arrow.png");}
#apply-complate:after{left:5.3334%;margin-bottom:0.2667%;width:28.2667%;padding-top:31.4667%;background-image:url("../images/sp-apply-illust.png");background-position: top center;}
#apply-complate p{position:relative;font-size:6vw;line-height:1.2em;}

#apply-btn{font-size:5.6vw;width:92%;}
#apply-btn a:before{content:'';display:block;position:absolute;top:0;left:-1.5%;margin-top:0%;width:103%;padding-top:18%;background:url("../images/sp-apply-btn-smart.png") no-repeat center;background-size:100% auto;z-index:2;}
#apply-btn a img{display:none;}
#apply-btn a:after{padding-top:18%;border-radius:1.6667em;}
#apply-btn a:hover img{opacity:1;}
#apply-btn .note img{max-width: 100%;width: 100%; margin-top: 1em;}
}

/*--------------------------------------------
保険金請求方法
--------------------------------------------*/
#claim{background-color:#f5f5f5;}

.claim-section{}
.claim-section:before,
.claim-section:after{content:'';display:block;}
.claim-section:before{padding-top:10.4167%;}
.claim-section:after{padding-top:9.625%;}

#claim-title{width:32.7084%;margin:0 auto 4.7917%;}

.claim-prepare{width:83.3334%;margin:0 auto 4.1667%;background-color:#fff;}
.claim-prepare h3,
.claim-prepare ul li{text-align:center;letter-spacing:0;}
.claim-prepare h3{color:#e60012;font-size:26px;font-weight:bold;line-height:1.4616em;padding:3% 0 1.25%;}
.claim-prepare ul{font-size:18px;width:100%;margin:0 auto;text-align:center;min-height:3.2223em;}
.claim-prepare ul:after{content:'';display:block;clear:both;}
.claim-prepare ul li{display:inline-block;color:#333333;font-size:18px;font-weight:normal;line-height:1.7778em;margin:0 0.5em;}

.claim-login{position:relative;width:83.3334%;margin:0 auto 4.1667%;}
.claim-login:before,
.claim-login:after{content:'';display:block;}
.claim-login:after{padding-top:5%;}
.claim-login h3,
.claim-login p{letter-spacing:0;}

.claim-login h3{position:relative;color:#333333;font-size:28px;font-weight:bold;line-height:2.142858em;text-align:center;width:100%;margin:0 auto 4.375%;background-color:#ffffb4;border-radius:1.0715em;}
.claim-login h3 span{display:none;}
.claim-login h3 span{display:block;position:absolute;top:0;left:0;width:3.4286em;line-height:inherit;}

.claim-login p{color:#333333;font-size:24px;font-weight:normal;line-height:1.5834em;text-align:left;width:52.5%;margin:0 auto;margin-left:4.375%;min-height:6.0417em;}

.claim-login:before{position:absolute;bottom:0;right:0;width:37.5%;padding-top:27.5%;background-repeat:no-repeat;background-position:center top;background-size:100% auto;}

#claim-login01:before{background-image:url("../images/claim-illust01.png");}
#claim-login02:before{background-image:url("../images/claim-illust02.png");}
#claim-login03:before{background-image:url("../images/claim-illust03.png");}

@media only screen and (max-width:1000px) {

/*--------------------------------------------
保険金請求方法
--------------------------------------------*/
.claim-prepare h3{font-size:2.6vw;}
.claim-prepare ul{font-size:1.8vw;}
.claim-prepare ul li{font-size:1.8vw;}
.claim-login h3{font-size:2.8vw;}
.claim-login p{font-size:2.4vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
保険金請求方法
--------------------------------------------*/
.claim-section:before{padding-top:12.7537%;}
.claim-section:after{padding-top:2.8986%;}

#claim-title{width:60.7247%;margin-bottom:6.3769%;}
#claim-title:before{content:'';display:block;padding-top:13.8425%;background:url("../images/sp-claim-title.png") no-repeat center;background-size:100% auto;}
#claim-title img{display:none;}

.claim-prepare{width:100%;margin-bottom:5.7972%;}
.claim-prepare h3{font-size:4.8vw;line-height:1.2778em;padding:4.058% 0 2.029%;}
.claim-prepare ul{font-size:3.7334vw;min-height:4em;}
.claim-prepare ul li{display:block;font-size:3.7334vw;line-height:1.5em;text-align:center;margin:0;}

.claim-login{width:100%;margin-bottom:5.7972%;}
.claim-login:after{padding-top:0;}

.claim-login h3{font-size:4.8vw;line-height:2.2223em;margin-bottom:4.3479%;border-radius:1.1112em;}
.claim-login h3 span{;width:2.7778em;}

.claim-login p{font-size:4.2657vw;line-height:1.5625;width:52.174%;margin-left:5.7972%;min-height:7.8143em;}

.claim-login:before{width:42.029%;padding-top:40.5798%;}

#claim-login01:before{background-image:url("../images/sp-claim-illust01.png");}
#claim-login02:before{background-image:url("../images/sp-claim-illust02.png");}
#claim-login03:before{background-image:url("../images/sp-claim-illust03.png");}

}

/*--------------------------------------------
よくあるご質問
--------------------------------------------*/
#qa{}

.qa-section{}
.qa-section:before,
.qa-section:after{content:'';display:block;}
.qa-section:before{padding-top:10.4167%;}
.qa-section:after{padding-top:15.625%;}

#qa-title{width:32.2917%;margin:0 auto 6.875%;}

.qa-faq{width:100%;margin:0 auto 6.25%;}

.qa-box{margin:0 auto 4.1667%;}
.qa-faq .qa-box:last-child{margin-bottom:0;}

.qa-que{position:relative;}
.qa-que h3{position:absolute;top:0;left:2.8125%;margin-top:2.5%;width:4.1667%;z-index:2;}
.qa-que h3:before{content:'';display:block;position:relative;padding-top:82.5%;z-index:1;}
.qa-que h3 img{position:absolute;top:0;left:0;width:auto;height:100%;z-index:2;}
.qa-que p{position:relative;color:#333;font-size:20px;font-weight:normal;line-height:1.5em;text-align:left;letter-spacing:0;padding:2.6042% 0;padding-left:10.1042%;background-color:#d2d2d2;border-radius:0.4em;z-index:1;}

.toggle-btn{display:block;position:absolute;top:0;left:0;width:100%;overflow:hidden;}
.toggle-btn:after{content:'';display:block;position:absolute;top:0;right:3.125%;width:2.5%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100% auto;}

.toggle-open{height:100%;z-index:4;}
.toggle-open:after{background-image:url("../images/qa-icon01.png");}

.toggle-close{z-index:3;}
.toggle-close:after{background-image:url("../images/qa-icon02.png");}

.opened .toggle-open{height:0;}
.opened .toggle-close{height:100%;}

.qa-ans{position:relative;padding:3.75% 0 1.25%;}
.qa-ans:before{content:'';display:block;position:absolute;top:0;left:48.8542%;width:2.2917%;padding-top:1.1459%;background:url("../images/qa-que-tail.png") no-repeat center top;background-size:100% auto;}
.qa-ans:after{content:'';display:block;width:5.4167%;}

.qa-ans h4{position:absolute;top:0;left:3.9584%;margin-top:3.9584%;width:2.2917%;}

.qa-ans p,
.qa-ans ul li,
.qa-ans h5{color:#333333;font-size:20px;font-weight:normal;line-height:1.7em;text-align:left;letter-spacing:0;}

.qa-ans h5 span{display:block;position:absolute;top:0;left:0;width:1.7em;font-style:normal;text-align:left;line-height:inherit;letter-spacing:inherit;}

.qa-ans ul li{position:relative;padding-left:1em;}
.qa-ans ul li span{display:block;position:absolute;top:0;left:0;width:1em;line-height:inherit;text-align:center;}

.qa-ans p a,
.qa-ans ul li a,
.qa-ans h5 a{color:#333;text-decoration:underline;}

.qa-ans p a:hover,
.qa-ans ul li a:hover,
.qa-ans h5 a:hover{text-decoration:none;}

.qa-ans p,
.qa-ans ul,
.qa-list{width:85.4167%;margin:0 auto;margin-left:10.1042%;}

.qa-ans .qa-list h5{margin-bottom:0.3em;}

.qa-list,
.qa-ans ul{font-size:20px;}

.qa-ans p,
.qa-ans ul,
.qa-list{margin-bottom:1.7em;}

.qa-list{margin-left:10.1042%;}
.qa-list h5,
.qa-list p{position:relative;padding-left:1.7em;}

.qa-ans .qa-list h5,
.qa-ans .qa-list ul,
.qa-ans .qa-list p{width:auto;margin-left:0;}

.qa-list:last-child,
.qa-ans ul:last-child,
.qa-ans p:last-child{margin-bottom:0;}

#qa-btn{font-size:24px;width:36.4584%;margin:0 auto;}
#qa-btn:before{content:'';display:block;width:1em;}
#qa-btn a{display:block;position:relative;width:100%;}
#qa-btn a img{display:block;position:absolute;top:0;left:0;margin-top:0;width:100%;z-index:2;transition:opacity 0.5s ease;}
#qa-btn a:after{content:'';display:block;position:relative;padding-top:22.8572%;background-color:#fff;border-radius:1.6667em;z-index:1;}
#qa-btn a:hover img{opacity:0.7;}

@media only screen and (max-width:1000px) {

/*--------------------------------------------
よくあるご質問
--------------------------------------------*/
.qa-que p{font-size:2.0vw;}

.qa-ans p,
.qa-ans ul li,
.qa-ans h5{font-size:2.0vw;}

.qa-list,
.qa-ans ul{font-size:2.0vw;}

#qa-btn{font-size:2.4vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
よくあるご質問
--------------------------------------------*/
.qa-section:before{padding-top:12.7537%;}
.qa-section:after{padding-top:14.4928%;}

#qa-title{width:59.7102%;margin-bottom:9.2754%;}
#qa-title:before{content:'';display:block;padding-top:14.3204%;background:url("../images/sp-qa-title.png") no-repeat center;background-size:100% auto;}
#qa-title img{display:none;}

.qa-faq{margin-bottom:8.6957%;}

.qa-box{margin-bottom:5.7972%;}

.qa-que h3{left:3.0435%;margin-top:5.9421%;width:8.116%;}
.qa-que h3:before{padding-top:83.9286%;background-repeat:no-repeat;background-position:left top;background-size:auto 100%;}
.qa-que h3 img{display:none;}
.qa-que p{font-size:3.7334vw;padding:3.3334% 0;padding-left:18.8406%;border-radius:0.5358em;}

.toggle-btn:after{right:2.8986%;width:5.2174%;}
.toggle-open:after{background-image:url("../images/sp-qa-icon01.png");}
.toggle-close:after{background-image:url("../images/sp-qa-icon02.png");}

#qa-box01 .qa-que h3:before{background-image:url(../images/sp-qa-que01.png);}
#qa-box02 .qa-que h3:before{background-image:url(../images/sp-qa-que02.png);}
#qa-box03 .qa-que h3:before{background-image:url(../images/sp-qa-que03.png);}
#qa-box04 .qa-que h3:before{background-image:url(../images/sp-qa-que04.png);}
#qa-box05 .qa-que h3:before{background-image:url(../images/sp-qa-que05.png);}
#qa-box06 .qa-que h3:before{background-image:url(../images/sp-qa-que06.png);}
#qa-box07 .qa-que h3:before{background-image:url(../images/sp-qa-que07.png);}
#qa-box08 .qa-que h3:before{background-image:url(../images/sp-qa-que08.png);}
#qa-box09 .qa-que h3:before{background-image:url(../images/sp-qa-que09.png);}

.qa-ans{padding:4.3479% 0 4.3479%;}
.qa-ans:before{left:47.6812%;width:4.6377%;padding-top:2.3189%;background-image:url("../images/sp-qa-que-tail.png");}

.qa-ans h4{left:4.4928%;margin-top:4.6377%;width:4.3479%;}
.qa-ans h4:before{content:'';display:block;padding-top:130%;background:url("../images/sp-qa-ans.png") no-repeat center;background-size:100% auto;}
.qa-ans h4 img{display:none;}

.qa-ans p,
.qa-ans ul li,
.qa-ans h5{font-size:3.7333vw;line-height:1.6072em;}

.qa-ans h5 span{width:1.7em;}

.qa-ans ul li{padding-left:1em;}

.qa-ans p a:hover,
.qa-ans ul li a:hover,
.qa-ans h5 a:hover{text-decoration:underline;}

.qa-ans p,
.qa-ans ul{width:85.5073%;margin-left:11.5943%;}

.qa-ans .qa-list h5{margin-bottom:0.5715em;}

.qa-list,
.qa-ans ul{font-size:3.7333vw;}

.qa-ans p,
.qa-ans ul,
.qa-list{margin-bottom:1.6072em;}

.qa-list{margin-left:11.5943%;}
.qa-list h5,
.qa-list p{padding-left:1.7em;}

#qa-btn{font-size:3.2vw;width:65.2174%}
#qa-btn a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;padding-top:28.8889%;background:url("../images/sp-qa-btn.png") no-repeat center;background-size:100% auto;z-index:2;}
#qa-btn a img{display:none;}
#qa-btn a:after{padding-top:28.8889%;border-radius:2.7084em;}
#qa-btn a:hover img{opacity:1;}

}

/*--------------------------------------------
注釈
--------------------------------------------*/
#caution{background-color:#f5f5f5;}

.caution-section{}
.caution-section:before,
.caution-section:after{content:'';display:block;}
.caution-section:before{padding-top:3.5417%;}
.caution-section:after{padding-top:3.75%;}

.caution-section p,
.caution-section ul li{color:#333333;font-size:18px;font-weight:normal;line-height:1.5556em;text-align:left;letter-spacing:0;}

.caution-section ul li{position:relative;padding-left:1em;}
.caution-section ul li span{position:absolute;top:0;left:0;width:1em;line-height:inherit;text-align:center;}

.caution-section ul{margin-bottom:1.6667%;}

.caution-section h2{color:#e60012;font-size:28px;font-weight:bold;line-height:1.4286em;text-align:left;letter-spacing:0;}

@media only screen and (max-width:1000px) {

/*--------------------------------------------
注釈
--------------------------------------------*/
.caution-section p,
.caution-section ul li{font-size:1.8vw;}
.caution-section h2{font-size:2.8vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
注釈
--------------------------------------------*/
#caution{}

.caution-section:before{padding-top:7.2464%;}
.caution-section:after{padding-top:8.116%;}

.caution-section p,
.caution-section ul li{font-size:3.7333vw;line-height:1.6072em;}

.caution-section ul{margin-bottom:2.7537%;}

.caution-section h2{font-size:4.8vw;line-height:1.3889em;}

}

/*--------------------------------------------
フッタ
--------------------------------------------*/
#footer{}
#footer .section-inner{position:relative;}

.footer-layout{}
.footer-layout:before,
.footer-layout:after{content:'';display:block;}
.footer-layout:before{padding-top:4.1667%;}
.footer-layout:after{padding-top:4.1667%;}

.footer-box{padding:0 0 1.7709%;}
.footer-box h2{position:relative;color:#333333;font-size:16px;font-weight:normal;line-height:1.875em;text-align:center;letter-spacing:0;width:16.6667%;margin:0 auto 1.1459%;margin-left:0;}
.footer-box h2:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:100%;box-sizing:border-box;border:1px solid #333333;}
.footer-box p{color:#333333;font-size:20px;font-weight:bold;line-height:1.6em;text-align:left;letter-spacing:0;}

#footer-logo{position:absolute;bottom:0;right:0;width:37.3959%;margin:0 auto;margin-right:0;padding-bottom:6.5625%;}

@media only screen and (max-width:1050px) {

/*--------------------------------------------
フッタ
--------------------------------------------*/
.footer-box h2{font-size:1.6vw;}
.footer-box p{font-size:2vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
フッタ
--------------------------------------------*/
.footer-layout:before{padding-top:7.2464%;}
.footer-layout:after{padding-top:24.6377%;}

.footer-box{padding-bottom:5.0725%;}
.footer-box h2{font-size:3.2vw;line-height:1.6667em;width:28.9856%;margin-bottom:1.8841%;}
.footer-box p{font-size:3.7334vw;line-height:1.5em;}

#footer-logo{right:13.6232%;width:72.7537%;padding-bottom:11.5943%;}
#footer-logo:before{content:'';display:block;width:100%;padding-top:11.753%;background:url("../images/sp-footer-logo.png") no-repeat center;background-size:100% auto;}
#footer-logo img{display:none;}

}

/*--------------------------------------------
追従ボタン
--------------------------------------------*/
#fixed{position:fixed;bottom:0;left:0;width:100%;z-index:5;}
#fixed .section-inner{position:relative;}

#fixed-btn{position:absolute;top:0;left:18.75%;margin-top:3.125%;font-size:32px;width:62.5%;padding:0 0 3.125%;transition:margin 0.5s ease;}
#fixed-btn:before{content:'';display:block;width:1em;}
#fixed-btn a{display:block;position:relative;width:100%;}
#fixed-btn a img{display:block;position:absolute;top:0;left:-0.334%;margin-top:-0.334%;width:103%;z-index:2;transition:opacity 0.5s ease;}
#fixed-btn a:after{content:'';display:block;position:relative;padding-top:16.6667%;background-color:#fff;border-radius:1.5625em;z-index:1;}
#fixed-btn a:hover img{opacity:0.7;}

body.chase #fixed-btn{margin-top:-13.5417%;}
body.chase2 #fixed-btn{margin-top:3.125%;}

/*#debug{position:fixed;top:0;left:0;width:100%;z-index:10;}*/

@media only screen and (max-width:1000px) {

/*--------------------------------------------
追従ボタン
--------------------------------------------*/
#fixed-btn{font-size:3.2vw;}

}

@media only screen and (max-width:750px) {

/*--------------------------------------------
追従ボタン
--------------------------------------------*/
#fixed .section-inner{width:92%;}
#fixed-btn{font-size:42px;left:0;width:100%;margin-top:4.3479%;padding-bottom:4.3479%;}
#fixed-btn a:before{content:'';display:block;position:absolute;top:0;left:-0.4348%;margin-top:-0.4348%;width:103.7682%;padding-top:24.3479%;background:url("../images/sp-apply-btn-smart.png") no-repeat center;background-size:100% auto;z-index:2;}
#fixed-btn a img{display:none;}
#fixed-btn a:after{padding-top:20.2899%;border-radius:1.6667em;background: none;}
#fixed-btn a:hover img{opacity:1;}

body.chase #fixed-btn{margin-top:-24.6377%;}
body.chase2 #fixed-btn{margin-top:4.3479%;}

}

/*--------------------------------------------
ポップアップ
--------------------------------------------*/
#popup{position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:10;}
.popup-table{display:table;width:100%;height:100%;}
.popup-cell{position:relative;display:table-cell;width:100%;vertical-align:middle;}
.popup-layout{font-size:18px;position:absolute;top:0;bottom:0;left:50%;margin:30px auto;margin-left:-280px;width:92%;max-width:560px;background-color:#fff;border-radius:0.4445em;z-index:5;}
.popup-layout h2{color:#333;font-size:18px;font-weight:bold;line-height:1.4445em;text-align:center;padding:1em 0;}
.perfectScroll{display:block;position:absolute;top:0;left:0;bottom:0;margin-top:3.4445em;margin-bottom:4em;width:100%;}
.ps-scrollbar-y-rail{right:0!important;}
.popup-layout p#popup-btn{position:absolute;bottom:0;left:0;width:100%;color:#333;font-size:16px;font-weight:normal;text-align:center;padding:1em 0;}
.popup-layout p#popup-btn a{display:block;position:relative;color:#333;line-height:2.5em;text-decoration:none;width:42.858%;margin:0 auto;}
.popup-layout p#popup-btn a:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:100%;border:1px solid #828282;box-sizing:border-box;border-radius:0.25em;}
.popup-layout p#popup-btn a:hover{text-decoration:underline;}
.popup-box{}
.popup-box canvas{width:100%;}
#popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#000;opacity:0.5;}

body.opened{position:fixed;width:100%;}
body.opened #popup{height:100%;}

@media only screen and (max-width:750px) {

/*--------------------------------------------
ポップアップ
--------------------------------------------*/
.popup-layout{font-size:4.8vw;left:1.733%;margin:1.733% auto;margin-left:0;width:96.534%;max-width:none;border-radius:0.4445em;}
.popup-layout h2{font-size:4.8vw;}
.popup-layout p#popup-btn{font-size:4.267vw;}
.popup-layout p#popup-btn a:hover{text-decoration:none;}

}