@charset "utf-8";

/*====================================
ヘッダー
====================================*/
header{
	width: 100%;
	height: auto;
	background-color: #2DA0E9;
	padding: 30px 0;
	margin: 0 auto;}

.header-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 0 0;}

.header-logo{
	padding: 0 0;
	margin: 0 0;}

.header-logo img{
	aspect-ratio:602 / 46;
	width: 602px;
	height: auto;}

@media only screen and (max-width: 1200px) {
header{
	padding: 3.0rem 0;}

.header-logo img{
	width: 60.2rem;}
}

@media only screen and (max-width: 750px) {
header{
	padding: 3.0rem 0;}

.header-logo img{
	width: 60.2rem;}

}

@media(hover: hover) {
}



/*====================================
フッター
====================================*/
footer{}

.footer_contact{
	width: 100%;
	height: auto;
	background: linear-gradient(0deg,#0972B4 0%,#0BA6E8 100%);
	padding: 60px 0;
	margin: 0 auto;}

.footer_area{
	width: 100%;
	height: auto;
	background-color: #003B7D;
	padding: 40px 0;
	margin: 0 auto;}

.footer_contact-box{
	position: relative;}

.footer_contact-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.footer_contact-img01 img{
	aspect-ratio: 1170 / 340;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.footer_contact-img02{
	position: absolute;
	top: 174px;
	left: 70px;
	z-index: 0;
	padding: 0 0;
	margin: 0 auto;}

.footer_contact-img02 img{
	aspect-ratio: 500 / 135;
	width: 500px;
	height: auto;}

.footer_contact-img03{
	position: absolute;
	top: 197px;
	left: 600px;
	z-index: 0;
	padding: 0 0;
	margin: 0 auto;}

.footer_contact-img03 img{
	aspect-ratio: 500 / 112;
	width: 500px;
	height: auto;}

.footer_logo{
	padding: 0 0;
	margin: 0 auto;}

.footer_logo img{
	aspect-ratio: 269 / 99;
	width: 269px;
	height: auto;}

.footer_area-tx01{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #FFF;
	padding: 50px 0 0 0;
	margin: 0 auto;}

.footer_area-copyright{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: #FFF;
	padding: 70px 0 0 0;
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
.footer_contact{
	padding: 6.0rem 0;}

.footer_area{
	padding: 4.0rem 0;}

.footer_contact-img02{
	top: 17.4rem;
	left: 7.0rem;}

.footer_contact-img02 img{
	width: 50.0rem;}

.footer_contact-img03{
	top: 19.7rem;
	left: 60.0rem;}

.footer_contact-img03 img{
	width: 50.0rem;}

.footer_logo img{
	width: 26.9rem;}

.footer_area-tx01{
	font-size: 1.8rem;
	padding: 5.0rem 0 0 0;}

.footer_area-copyright{
	font-size: 1.4rem;
	padding: 7.0rem 0 0 0;}
}

@media only screen and (max-width: 750px) {
.footer_contact{
	padding: 6.0rem 0;}

.footer_area{
	padding: 4.0rem 0;}

.footer_contact-img01 img{
	aspect-ratio: 1440 / 880;}

.footer_contact-img02{
	top: 16.3rem;
	left: 9.2rem;}

.footer_contact-img02 img{
	aspect-ratio: 1072 / 248;
	width: 53.6rem;}

.footer_contact-img03{
	top: 29.6rem;
	left: 9.2rem;}

.footer_contact-img03 img{
	aspect-ratio: 1072 / 223;
	width: 53.6rem;}

.footer_logo img{
	width: 26.9rem;}

.footer_area-tx01{
	font-size: 1.8rem;
	padding: 5.0rem 0 0 0;}

.footer_area-copyright{
	font-size: 1.4rem;
	padding: 7.0rem 0 0 0;}
}



/*====================================
サイトここから
====================================*/
.lp_main_bg01{
	width: 100%;
	overflow: hidden;
	background-color:#2DA0E9;
	padding: 0 0 50px 0;
	margin: 0 auto;}

.lp_main-img{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_main-img img{
	aspect-ratio: 1200 / 560;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_main_bg01{
	padding: 0 0 5.0rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_main_bg01{
	padding: 0 0 5.0rem 0;}

.lp_main-img img{
	aspect-ratio: 1440 / 2464;}
}


.lp_c01_bg01{
	width: 100%;
	overflow: hidden;
	background: linear-gradient(0deg,#1379BD 0%,#1490D4 100%);
	position: relative;
	padding: 90px 0;
	margin: 0 auto;}

.lp_c01_bg01:after{
	content: "";
	background-image: url(../images/lp/lp_c01-bgimg.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	width: 55%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;}

.lp_c01-img01{
	text-align: center;
	padding: 0 0 70px 0;
	margin: 0 auto;}

.lp_c01-img01 img{
	aspect-ratio: 1170 / 318;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c01-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c01-img02 img{
	aspect-ratio: 1170 / 390;
	max-width: 1170px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c01_bg01{
	padding: 9.0rem 0;}

.lp_c01-img01{
	padding: 0 0 7.0rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_c01_bg01{
	padding: 9.0rem 0 0 0;}

.lp_c01_bg01:after{
	background-image: url(../images/lp/sp/sp-lp_c01-bgimg.png);
	display: block;
	aspect-ratio: 1440 / 759;
	width: 100%;
	height: auto;
	position: inherit;
	top: inherit;
	right: inherit;}

.lp_c01-img01{
	padding: 0 0 7.0rem 0;
	margin: 0 auto;}

.lp_c01-img01 img{
	aspect-ratio: 1440 / 700;}

.lp_c01-img02{
	padding: 0 0 7.0rem 0;
	margin: 0 auto;}

.lp_c01-img02 img{
	aspect-ratio: 1440 / 836;}
}


.lp_c02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 70px 0;
	margin: 0 auto;}

.lp_c02-img01{
	text-align: center;
	padding: 0 0 80px 0;
	margin: 0 auto;}

.lp_c02-img01 img{
	aspect-ratio: 1170 / 294;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c02-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c02-img02 img{
	aspect-ratio: 1170 / 430;
	max-width: 1170px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c02_bg01{
	padding: 7.0rem 0;}

.lp_c02-img01{
	padding: 0 0 8.0rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_c02_bg01{
	padding: 7.0rem 0;}

.lp_c02-img01{
	padding: 0 0 8.0rem 0;}

.lp_c02-img01 img{
	aspect-ratio: 1440 / 844;}

.lp_c02-img02 img{
	aspect-ratio: 1440 / 1510;}

}


.lp_c03a_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #003B7D;
	padding: 60px 0 50px 0;
	margin: 0 auto;}

.lp_c03-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c03-img01 img{
	aspect-ratio: 1170 / 69;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c03b_bg01{
	width: 100%;
	overflow: hidden;
	background: linear-gradient(135deg,#0BA6E8 0%,#0869AB 100%);
	padding: 30px 0 70px 0;
	margin: 0 auto;}

.lp_c03-img02{
	text-align: center;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.lp_c03-img02 img{
	aspect-ratio: 1170 / 56;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c03-img03{
	text-align: center;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.lp_c03-img03 img{
	aspect-ratio: 1170 / 806;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c03-img04{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c03-img04 img{
	aspect-ratio: 1170 / 293;
	max-width: 1170px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c03a_bg01{
	padding: 6.0rem 0 5.0rem 0;}

.lp_c03b_bg01{
	padding: 3.0rem 0 7.0rem 0;}

.lp_c03-img02{
	padding: 0 0 3.0rem 0;}

.lp_c03-img03{
	padding: 0 0 3.0rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_c03a_bg01{
	padding: 6.0rem 0 5.0rem 0;}

.lp_c03-img01 img{
	aspect-ratio: 1440 / 138;}

.lp_c03b_bg01{
	padding: 3.0rem 0 7.0rem 0;}

.lp_c03-img02{
	padding: 0 0 3.0rem 0;}

.lp_c03-img02 img{
	aspect-ratio: 1440 / 130;}

.lp_c03-img03{
	padding: 0 0 3.0rem 0;}

.lp_c03-img03 img{
	aspect-ratio: 1440 / 1170;}

.lp_c03-img04 img{
	aspect-ratio: 1440 / 1026;}
}


.lp_c04_bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/lp/lp_c04-bgimg.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 130px 0 40px 0;
	margin: 0 auto;}

.lp_c04-img01{
	text-align: center;
	padding: 0 0 30px 0;
	margin: 0 auto;}

.lp_c04-img01 img{
	aspect-ratio: 1170 / 148;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c04-img02{
	text-align: center;
	padding: 0 0 20px 0;
	margin: 0 auto;}

.lp_c04-img02 img{
	aspect-ratio: 1170 / 328;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c04-img03{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c04-img03 img{
	aspect-ratio: 1170 / 134;
	max-width: 1170px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c04_bg01{
	padding: 13.0rem 0 4.0rem 0;}

.lp_c04-img01{
	padding: 0 0 3.0rem 0;}

.lp_c04-img02{
	padding: 0 0 2.0rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_c04_bg01{
	background-image: url(../images/lp/sp/sp-lp_c04-bgimg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 12.0rem 0 8.0rem 0;}

.lp_c04-img01{
	padding: 0 0 3.0rem 0;}

.lp_c04-img01 img{
	aspect-ratio: 1440 / 326;}

.lp_c04-img02{
	padding: 0 0 2.0rem 0;}

.lp_c04-img02 img{
	aspect-ratio: 1440 / 642;}

.lp_c04-img03 img{
	aspect-ratio: 1440 / 450;}
}


.lp_c05_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #2DA0E9;
	padding: 50px 0 40px 0;
	margin: 0 auto;}

.lp_c05-img01{
	text-align: center;
	padding: 0 0 40px 0;
	margin: 0 auto;}

.lp_c05-img01 img{
	text-align: center;
	aspect-ratio: 1170 / 72;
	width: 100%;
	height: auto;}

.lp_c05-img02{
	text-align: center;
	padding: 0 0 40px 0;
	margin: 0 auto;}

.lp_c05-img02 img{
	text-align: center;
	aspect-ratio: 1170 / 64;
	width: 100%;
	height: auto;}

.lp_c05-img03{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c05-img03 img{
	text-align: center;
	aspect-ratio: 1170 / 268;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c05_bg01{
	padding: 5.0rem 0 4.0rem 0;}

.lp_c05-img01{
	padding: 0 0 4.0rem 0;}

.lp_c05-img02{
	padding: 0 0 4.0rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_c05_bg01{
	padding: 5.0rem 0 4.0rem 0;}

.lp_c05-img01{
	padding: 0 0 4.0rem 0;}

.lp_c05-img01 img{
	aspect-ratio: 1440 / 162;}

.lp_c05-img02{
	padding: 0 0 4.0rem 0;}

.lp_c05-img02 img{
	aspect-ratio: 1440 / 314;}

.lp_c05-img03 img{
	aspect-ratio: 1440 / 1243;}
}


.lp_c06_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #2DA0E9;
	padding: 40px 0;
	margin: 0 auto;}

.lp_c06-img01{
	text-align: center;
	padding: 0 0 35px 0;
	margin: 0 auto;}

.lp_c06-img01 img{
	aspect-ratio: 1170 / 44;
	max-width: 1170px;
	width: 100%;
	height: auto;}

.lp_c06-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c06-img02 img{
	aspect-ratio: 1170 / 740;
	max-width: 1170px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c06_bg01{
	padding: 4.0rem 0;}

.lp_c06-img01{
	padding: 0 0 3.5rem 0;}
}

@media only screen and (max-width: 750px) {
.lp_c06_bg01{
	padding: 4.0rem 0;}

.lp_c06-img01{
	padding: 0 0 3.5rem 0;}

.lp_c06-img01 img{
	aspect-ratio: 1440 / 96;}

.lp_c06-img02 img{
	aspect-ratio: 1440 / 1700;}
}


.lp_contact01_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #2DA0E9;
	padding: 40px 0 70px 0;
	margin: 0 auto;}

.lp_contact01-box{
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.lp_contact01-img01{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_contact01-img01 img{
	aspect-ratio: 1200 / 288;
	max-width: 1200px;
	width: 100%;
	height: auto;}

.lp_contact01-img02{
	text-align: center;
	position: absolute;
	top: 113px;
	left: 32px;
	z-index: 0;
	padding: 0 0;
	margin: 0 auto;}

.lp_contact01-img02 img{
	aspect-ratio: 400 / 140;
	width: 400px;
	height: auto;}

.lp_contact01-img03{
	text-align: center;
	position: absolute;
	top: 141px;
	left: 445px;
	z-index: 0;
	padding: 0 0;
	margin: 0 auto;}

.lp_contact01-img03 img{
	aspect-ratio: 360 / 112;
	width: 360px;
	height: auto;}

.lp_contact01-img04{
	text-align: center;
	position: absolute;
	top: 141px;
	left: 805px;
	z-index: 0;
	padding: 0 0;
	margin: 0 auto;}

.lp_contact01-img04 img{
	aspect-ratio: 360 / 112;
	width: 360px;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_contact01_bg01{
	padding: 4.0rem 0 7.0rem 0;}

.lp_contact01-img02{
	top: 11.3rem;
	left: 3.2rem;}

.lp_contact01-img02 img{
	width: 40.0rem;}

.lp_contact01-img03{
	top: 14.1rem;
	left: 44.5rem;}

.lp_contact01-img03 img{
	width: 36.0rem;}

.lp_contact01-img04{
	top: 14.1rem;
	left: 80.5rem;}

.lp_contact01-img04 img{
	width: 36.0rem;}
}

@media only screen and (max-width: 750px) {
.lp_contact01_bg01{
	padding: 4.0rem 0 7.0rem 0;}

.lp_contact01-img01 img{
	aspect-ratio: 1500 / 1060;}

.lp_contact01-img02{
	top: 13.3rem;
	left: 10.7rem;}

.lp_contact01-img02 img{
	aspect-ratio: 1072 / 248;
	width: 53.6rem;}

.lp_contact01-img03{
	top: 26.6rem;
	left: 10.7rem;}

.lp_contact01-img03 img{
	aspect-ratio: 1072 / 223;
	width: 53.6rem;}

.lp_contact01-img04{
	top: 38.6rem;
	left: 10.7rem;}

.lp_contact01-img04 img{
	aspect-ratio: 1072 / 223;
	width: 53.6rem;}
}



/*====================================
その他LPへのバナーここから (クエクトLPと共通)
====================================*/
.lp_c11_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F3F3F3;
	padding: 100px 0 70px 0;
	margin: 0 auto;}

.lp_c11_repetitions01_g4 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 25% 25% 25%;
	grid-template-columns: 25% 25% 25% 25%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.lp_c11_repetitions01_g4 > .grid_container > .grid_item {
	margin: 0 15px 30px 15px;}

.lp_c11_repetitions01_g4 > .grid_container > .grid_item img{
	aspect-ratio: 270 / 238;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1200px) {
.lp_c11_bg01{
	padding: 10.0rem 0 7.0rem 0;}

.lp_c11_repetitions01_g4 > .grid_container > .grid_item {
	margin: 0 1.5rem 3.0rem 1.5rem;}
}

@media only screen and (max-width: 750px) {
.lp_c11_bg01{
	padding: 10.0rem 0 7.0rem 0;}

.lp_c11_repetitions01_g4{
	width: 90%;
	margin: 0 auto;}

.lp_c11_repetitions01_g4 > .grid_container {
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;}

.lp_c11_repetitions01_g4 > .grid_container > .grid_item {
	margin: 0 1.5rem 3.0rem 1.5rem;}
}



/*====================================
共通ここから
====================================*/
.common_main_bg01{
	width: 100%;
	overflow: hidden;
	background-color:#2DA0E9;
	margin: 0 auto;}

.common_main_bg02{
	background-color: #FFF;
	max-width: 1170px;
	width: calc(100% - 30px);
	height: 300px;
	position: relative;
	border-radius: 30px;
	margin: 30px auto;}

.common_main-tx{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-align: center;
	color: #2DA0E9;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
.common_main_bg02{
	height: 30.0rem;}
	
.common_main-tx{
	font-size: 4.0rem;}
}

@media only screen and (max-width: 750px) {
.common_main_bg02{
	height: 40.0rem;}
	
.common_main-tx{
	font-size: 6.0rem;}
}


.common_c00_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 80px 0;
	margin: 0 auto;}

.common_c00-ttl{
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-align: center;
	color: #024EA1;
	padding: 0 0 40px 0;
	margin: 0 auto;}

@media only screen and (max-width: 1200px) {
.common_c00_bg01{
	padding: 8.0rem 0;}

.common_main_bg02{
	width: calc(100% - 3.0rem);
	height: 30.0rem;
	border-radius: 3.0rem;
	margin: 3.0rem auto;}

.common_c00-ttl{
	font-size: 3.2rem;
	padding: 0 0 4.0rem 0;}
}

@media only screen and (max-width: 750px) {
.common_c00_bg01{
	padding: 12.0rem 0;}

.common_c00-ttl{
	font-size: 4.8rem;
	padding: 0 0 6.0rem 0;}
}


.thanks_contents-box{
	background-color: #FFF;
	max-width: 920px;
	width: calc(100% - 80px);
	box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);
	padding: 40px 40px 20px 40px;
	border-radius: 15px;
	margin: 0 auto;}

.thanks_contents-box h2{
	font-size: 26px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #024EA1;
	padding: 0 0 20px 0;
	border-bottom: 1px #024EA1 solid;
	margin: 0 auto 20px 0;}

.thanks_contents-box p{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #000;
	padding: 0 0 20px 0;
	margin: 0 auto;}

.thanks_contents-box-btn{
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #024EA1;
	transition: 0.3s;
	display: block;
	width: 100px;
	padding: 10px 30px;
	border: 1px solid #024EA1;
	border-radius: 3px;
	margin: 40px auto 20px auto;}

.thanks_contents-box-btn:hover{
	color: #024EA1;
	background: #FFF;}

@media only screen and (max-width: 1200px) {
.thanks_contents-box{
	width: calc(100% - 6.0rem);
	box-shadow: 0px 0 1.0rem 0px rgba(0, 0, 0, 0.1);
	padding: 3.0rem 3.0rem 1.0rem 3.0rem;
	border-radius: 1.5rem;}

.thanks_contents-box h2{
	font-size: 2.6rem;
	padding: 0 0 2.0rem 0;
	border-bottom: 0.1rem #024EA1 solid;
	margin: 0 auto 2.0rem 0;}

.thanks_contents-box p{
	font-size: 1.6rem;
	padding: 0 0 2.0rem 0;
	margin: 0 auto;}

.thanks_contents-box-btn{
	font-size: 1.6rem;
	width: 10.0rem;
	padding: 1.0rem 3.0rem;
	border: 0.1rem solid #024EA1;
	border-radius: 0.3rem;
	margin: 4.0rem auto 2.0rem auto;}
}

@media only screen and (max-width: 750px) {
.thanks_contents-box{
	width: calc(100% - 12.0rem);
	box-shadow: 0px 0 1.5rem 0px rgba(0, 0, 0, 0.1);
	padding: 6.0rem 6.0rem 4.0rem 6.0rem;
	border-radius: 2.25rem;}

.thanks_contents-box h2{
	font-size: 3.9rem;
	padding: 0 0 3.0rem 0;
	border-bottom: 0.15rem #024EA1 solid;
	margin: 0 auto 3.0rem 0;}

.thanks_contents-box p{
	font-size: 2.4rem;
	padding: 0 0 3.0rem 0;
	margin: 0 auto;}

.thanks_contents-box-btn{
	font-size: 2.4rem;
	width: 15.0rem;
	padding: 1.5rem 4.5rem;
	border: 0.15rem solid #024EA1;
	border-radius: 0.45rem;
	margin: 6.0rem auto 3.0rem auto;}
}