




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#fixed-header {
	position: fixed;
	top: -70px; 
	width: 100%;
	background: linear-gradient(to bottom, #cdfaff 0%, #94f5ff 100%);
	transition: .5s;
	z-index:9999;
	/*border-bottom: 1px solid #001448;
	box-shadow: 0px 0px 10px 0px rgba(0,0,255,12%);*/
}

#fixed-header.is-show { top: 0;}


#header_inner{
	margin: 0 auto;
	max-width: 750px;
}

#header_inner h1{
	padding: 0px 8px 0 8px;
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
	margin-left: 0;
	height: 48px;
}


#header_inner #logo{
	margin: 3px 0 0 0;
	display:block;
	width: 90px;
	height: 25px;
	background:url(/images/logo.png?0000) center 0px / contain no-repeat;
	text-indent:-9999px;
}

.LP_regButton{
	display: inline-block;
	width: 87px;
}

.LP_regButton img{
	width: 87px;
	height: 29px;
}


#article_LP img,#article_LP p{
	-ms-user-drag: none;
	-moz-user-drag: none;
	-webkit-user-drag: none;
	user-drag: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}


/********LP********/
#article_LP{
	background: #5bc3f4;
	color: #404040;
	font-size: 2.8rem;
	line-height: 1.8;
}




/********LP＞LP_fv********/

.LP_fv{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 750 / 739;
	margin: 0 auto;
	background: url(/images/LP/CA_base.png?) center center / 100% 100% no-repeat;
	position: relative;
}

.CA_01{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 750 / 136;
	margin: 0 auto;
	background: url(/images/LP/CA_01.png) center center / 100% 100% no-repeat;
	position: absolute;
	left: 0; right: 0; top: 7%;
}

.LP_fv .anime02{transiton: 0.5s;}

.CA_02{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 750 / 540;
	margin: 0 auto;
	background: url(/images/LP/CA_02.png?0000) center center / 100% 100% no-repeat;
	position: absolute;
	left: 0; right: 0; bottom: 9.3%;
}




/********LP＞登録フォーム********/
.LP_regForm{ position: relative;}
.LP_regForm:before{ 
	content:"";
	display: inline-block;
	width: 14.5%;
	height: 100%;
	background: url(/images/LP/point_bg01.png) center top / 100% auto no-repeat;

	position: absolute;
	top: 13%; left: 0;
}

.LP_regForm:after{ 
	content:"";
	display: inline-block;
	width: 14.5%;
	height: 100%;
	background: url(/images/LP/point_bg02.png) center top / 100% auto no-repeat;

	position: absolute;
	top: 13%; right: 0;
}


.First_Regist{
	background: url(/images/LP/people.png) center bottom no-repeat #ffffff;
	background-size: contain;
	padding-bottom: 25%;
}

.Second_Regist{
	background: #ffffff;
	padding: 1px 0 1px;
}

.tokuten_01{
	display: block;
	background: url(/images/LP/tokuten_01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 117;
	margin: -3.4% auto 12%;
	position: relative; z-index: 10;
}

.tokuten_02_txt01{
	background: url(/images/LP/tokuten_02_txt01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 51;
	margin: 0 auto 5%;
}

.tokuten_02_txt02{
	background: url(/images/LP/tokuten_02_txt02.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 87;
	margin: 0 auto 10%;
}

.LP_regFormButton_01{
	display:block;
	width:72%;
	height:auto;
	margin:0 auto 10%;
}

.kiyaku_doui{
	margin: 5% auto 10%;
	font-size: 2rem;
	line-height:1.0;
	text-align:center;
}

.tokuten_02_txt03{
	background: url(/images/LP/tokuten_02_txt03.png?0000) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 95;
	margin: 0 auto 10%;
}


/********LP＞選ばれる理由********/
.Reason_ttl{
	background: url(/images/LP/Reason_ttl.png?0000) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 60;
	margin: 12% auto 12%;
}

.Reason_list{
	padding: 0 5% 12%;
}

.Reason_list li{ margin: 8% auto 0;}

.Reason_list .Reason_01{
	background: url(/images/LP/Reason_01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 670 / 654;
}

.Reason_list .Reason_02{
	background: url(/images/LP/Reason_02.png) center center / 100% 100% no-repeat;
	aspect-ratio: 670 / 740;
}

.Reason_list .Reason_03{
	background: url(/images/LP/Reason_03.png) center center / 100% 100% no-repeat;
	aspect-ratio: 670 / 654;
}

.Reason_list .Reason_04{
	background: url(/images/LP/Reason_04.png) center center / 100% 100% no-repeat;
	aspect-ratio: 670 / 696;
}



/********LP＞的中実績********/
.LP_result{
	background: #83d1f6;
	position:relative;
	padding: 12% 0;
}

.Result_ttl{
	background: url(/images/LP/Result_ttl.png?0000) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 63;
	margin: 0 auto 12%;
}
.LP_result .ul_result{
	display:flex; flex-wrap:wrap; padding:0 5%;
}

.ul_result li{
	position:relative;
	width:calc(calc(100% - 2.0vw) / 2);
	margin-top:2.8vw;
	background: #ffffff;
	color: #404040;
	border-radius: 10px;
	overflow: hidden;
}

.ul_result li figure{
	display:flex; flex-direction:column; justify-content:center; align-items:center;
	width:100%; height:auto;
	aspect-ratio:800 / 400;
	background:center center / cover no-repeat #f5f5f5;
}
.ul_result li figure span{display:inline-block; margin:-50% 0 0 0;}

.ul_result li:nth-of-type(-n+2){margin-top:0;}
.ul_result li:nth-of-type(even){margin-left:2.0vw;}
.ul_result li inner{display:block; padding:8px 8px 8px 10px;}
.ul_result li .date{font-size: 2rem; color: #5bc3f4;}
.ul_result li .race{margin-top: 3px; font-size: 2.5rem; line-height:1.2;}
.ul_result li .sum{margin-top:3px; line-height: 1.5; text-align: right;}

.ul_result li .sum span{
	display:inline-block;
	letter-spacing: 0;
	white-space:nowrap;
	color:#ff9619;
	line-height: 1;
}

.ul_result li .sum var{
	position:relative; bottom:-1.6px;
	display:inline-block;
	vertical-align:baseline;
	font-weight:600;
	letter-spacing:-0.4px;
}
.ul_result li .sum var:nth-of-type(1){margin:0; font-size: 4rem;}
.ul_result li .sum var:nth-of-type(2){margin:0 0 0 0.8px; font-size: 3.6rem;}

.ul_result li .sum unit{
	position:relative; bottom:0;
	display:inline-block;
	vertical-align:baseline;
	color:;
	font-size: 2.8rem;
	font-weight: bold;
}
.ul_result li .sum unit:nth-of-type(1){margin:0 0 0 0.4px;}
.ul_result li .sum unit:nth-of-type(2){margin:0 0 0 0.4px;}

.ul_result li .sum sub{
	vertical-align:baseline;
	margin:0 0 0 2px;
	font-size: 2.8rem;
	font-weight: bold;
}




/********LP＞STEP********/
.LP_Step{
	padding: 12% 0 25%;
	background: url(/images/LP/Step_bottom.png) center bottom / contain no-repeat;
}

.Step_ttl{
	background: url(/images/LP/Step_ttl.png?0000) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 116;
	margin: 0 auto 12%;
}

.Step_list{
	padding: 0 0% 25%;
}

.Step_list li{}

.Step_list .Step_01{
	background: url(/images/LP/Step_01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 511;
}

.Step_list .Step_02{
	background: url(/images/LP/Step_02.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 503;
}

.Step_list .Step_03{
	background: url(/images/LP/Step_03.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 503;
}

.Step_list .Step_04{
	background: url(/images/LP/Step_04.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 499;
}

.Step_list .Step_05{
	background: url(/images/LP/Step_05.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 599;
}


/********LP＞PROMOTE_01********/
.LP_Promote01{
	padding: 12% 0 12%;
}

.Promote01_ttl{
	background: url(/images/LP/Promote01_ttl.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 51;
	margin: 0 auto 12%;
}

.Promote01_01{
	display: block;
	background: url(/images/LP/Promote01_01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 83;
	margin: 0 auto 10%;
}

.Promote01_02{
	display: block;
	background: url(/images/LP/Promote01_02.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 478;
	margin: 0 auto 10%;
}

.Promote01_03{
	display: block;
	background: url(/images/LP/Promote01_03.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 81;
}


/********LP＞PROMOTE_02********/
.LP_Promote02{
	padding: 12% 0 12%;
}

.Promote02_ttl{
	background: url(/images/LP/Promote02_ttl.png?0000) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 60;
	margin: 0 auto 12%;
}

.Promote02_cont{
	padding: 0 5%;
}

.Promote02_cont li{
	border-radius: 12px;
	background: #ffffff;
	padding: 8% 6.2%;
	margin: 8% auto 0%;
}

.Promote02_01{
	display: block;
	background: url(/images/LP/Promote02_01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 193;
	margin: 0 auto 8%;
}

.Promote02_02{
	display: block;
	background: url(/images/LP/Promote02_02.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 135;
	margin: 0 auto 8%;
}

.Promote02_03{
	display: block;
	background: url(/images/LP/Promote02_03.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 193;
	margin: 0 auto 8%;
}

.Promote02_04{
	display: block;
	background: url(/images/LP/Promote02_04.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 562;
	margin: 0 auto 8%;
}

.Promote02_05{
	display: block;
	background: url(/images/LP/Promote02_05.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 193;
	margin: 0 auto 8%;
}

.Promote02_06{
	display: block;
	background: url(/images/LP/Promote02_06.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 443;
	margin: 0 auto 8%;
}

.Promote02_07{
	display: block;
	background: url(/images/LP/Promote02_07.png) center center / 100% 100% no-repeat;
	aspect-ratio: 592 / 247;
	margin: 0 auto 8%;
}


/********LP＞PROMOTE_03********/
.LP_Promote03{
	padding: 12% 0 12%;
	background: #ffffff;
}

.Promote03_ttl{
	background: url(/images/LP/Promote03_ttl.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 59;
	margin: 0 auto 12%;
}

.Promote03_01{
	display: block;
	background: url(/images/LP/Promote03_01.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 287;
	margin: 0 auto 8%;
}

.Promote03_people{
	display: block;
	background: url(/images/LP/people.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 203;
}

.Promote03_02{
	display: block;
	background: url(/images/LP/Promote03_02.png) center center / 100% 100% no-repeat;
	aspect-ratio: 750 / 160;
	margin: -8% auto 8%;
}

.Promote03_03{
	display: block;
	background: url(/images/LP/Promote03_03.png) center center / 100% 100% no-repeat;
	aspect-ratio: 630 / 102;
	margin: 0 auto 4%;
}

.Promote03_04{
	display: block;
	background: url(/images/LP/Promote03_04.png) center center / 100% 100% no-repeat;
	aspect-ratio: 630 / 102;
	margin: 0 auto 4%;
}

.Promote03_05{
	display: block;
	background: url(/images/LP/Promote03_05.png) center center / 100% 100% no-repeat;
	aspect-ratio: 630 / 102;
	margin: 0 auto 8%;
}

.Promote03_txtBox{
	padding: 0 8%;
}


/********LP＞マージン％********/

.mb5p{margin-bottom: 5%;}
.mb8p{margin-bottom: 8%;}
.mb10p{margin-bottom: 10%;}
.mb12p{margin-bottom: 12%;}
.mb15p{margin-bottom: 15%;}

