/* CSS Document */

#keyimg{
	background: url("../img/top_img.webp") bottom right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
 
_::-webkit-full-page-media, _:future, :root #keyimg{
    background-attachment: inherit;
}

#keyimg .img_rap{
	width: 90%;
	height: 600px;
	margin: auto;
	position: relative;
}

#keyimg .img_rap .logo{
	position: absolute;
	left:34%;
	top: 95px;
}

#keyimg .img_rap .logo img{
	width:50%;
}

#keyimg .img_rap .text{
	position: absolute;
	right: 0;
	bottom: 20px;
}

#s01{
	background: #FEFCEA;
	padding-top: 45px;
	/*height: 1300px;*/
	margin-bottom: -90px;
}

#s01 h2{
	text-align: center;
	font-size: 24px;
	line-height: 140%;
	color: #1773B9;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 40px;
}

#s01 .center.f22{
	font-size: 18px!important;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	color: #333;
	margin-bottom: 25px;
}

#s01 .icon{
	margin-bottom: 45px;
}

#s01 .icon img{
	width: 85px;
	height: auto;
}

#s01 .btn{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-bottom: 100px;
}

#s01 .btn p{
	color: #FF7373;
	text-align: center;
	margin-bottom: 10px;
}

#s01 .text01{
	width: 90%;
	text-align: center;
	margin: auto;
}

#s01 ul{
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
	bottom: -30px;
	z-index: 2;
}

#s01 ul li{
	width: 45%;
	margin-bottom: 30px;
}

#s01 ul figcaption{
	text-align: center;
	color: #333;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	font-weight: bold;
	line-height: 135%;
	padding-top: 20px;
}


#s01 .wave{
	padding-top: 45px;
	position: relative;
	z-index: 1;
	top: 20px;
}

#s01 .wave img{
	width: 100%;
	height: auto;
}

#s02{
	/*background: url("../img/support_back.webp") center left no-repeat;*/
	background: url("../img/support_back.webp") bottom right no-repeat;
	background-size: 120%;
	/*height: 707px;*/
	position: relative;
	/*top: -20px;*/
	padding-top: 200px;
}
/*
#s02 .bg01{
	background: #FEFCEA;
}*/

#s02 .bg01 .box{
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
}

#s02 .bg01 .box_rap{
	margin: auto;
} 

#s02 .bg01 .box h2{
	background: url("../img/top_Illust02.webp") top center no-repeat;
	padding-top: 65px;
	color: #33BA52;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	font-size: 25px;
	line-height: 160%;
	text-align: center;
	margin-bottom: 15px;
}

#s02 .bg01 .box h2 .f42{
	font-size: 40px;
}

#s02 .bg01 .box hr{
	width: 30px;
	margin: auto;
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
}

#s02 .bg02{
	
	padding-bottom: 100px;
}

#s02 .box_rap{
	background: url("../img/support_img.webp") center top no-repeat;
	background-size: 90%;
	width: 100%;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
}

#s02 .box_rap .box{
	width: 100%;
	padding-top: 300px;
}

@media (max-width: 430px) {
	#s02 .box_rap .box{
		padding-top: 270px;
	}
}

@media (max-width: 400px) {
	#s02 .box_rap .box{
		padding-top: 250px;
	}
}

@media (max-width: 375px) {
	#s02 .box_rap .box{
		padding-top: 230px;
	}
}

#s02 .box_rap h2 .f42{
	font-size: 45px;
}

#s02 .box_rap .f20{
	font-size: 20px;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	color: #33BA52;
	margin-bottom: 15px;
}



#s02 .box_rap .f16{
	width: 90%;
	margin: auto;
	line-height: 220%;
	margin-bottom: 35px;
}

#s02 .box_rap .f16 b{
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	color: #34BB52;
}

#s02 .box_rap .link{
	width: 90%;
	margin: auto;
}

#s03{
	margin-bottom: 50px;
}

#s03 h2{
	background: url("../img/top_Illust01.webp") center top no-repeat;
	padding-top: 90px;
	text-align: center;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 25px;
	color: #333;
	margin-bottom: 25px;
	line-height: 220%;
}

#s03 h2 .f40{
	font-size: 40px;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
}

#s03 h2 b{
	font-size: 60px;
}

#s03 .bg{
	width: 100%;
	background: url("../img/concept_back.webp") right top repeat-y;
	background-size: 45%;
	margin: auto;
	padding-top: 35px;
	padding-bottom: 50px;
	margin-bottom: 100px;
}

#s03 .bg .icon{
	text-align: center;
	width: 100px;
	height: auto;
	margin: auto;
}

#s03 .box_rap{
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	padding-bottom: 50px;
}

#s03 .box_rap02 .box_rap{
	display: flex;
	flex-direction:column-reverse;
}

#s03 .box_rap03 .box01,
#s03 .box_rap01 .box01{
	width: 90%;
	margin: auto;
	margin-bottom: 30px;
}

#s03 .box_rap02 .box02{
	width: 90%;
	margin: auto;
	margin-bottom: 30px;
}

#s03 .box_rap h3{
	background: url("../img/top_Illust03.webp") left center no-repeat;
	padding-left: 60px;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	line-height: 300%;
	margin-bottom: 25px;
}

#s03 .box_rap h3 .f30{
	font-size: 20px!important;
	color: #333;
}

#s03 .box_rap h3 .f38{
	font-size: 28px!important;
}

#s03 .box_rap01 h3 .f38{
	color: #1772B8;
}
#s03 .box_rap02 h3 .f38{
	color: #FF4C4C;
}
#s03 .box_rap03 h3 .f38{
	color: #34BB52;
}

#s03 .box_rap p{
	color: #333;
}



#s04{
	margin-bottom: 50px;
}

#s04 h2{
	background: url("../img/top_Illust01.webp") center top no-repeat;
	padding-top: 80px;
	text-align: center;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	color: #333;
	margin-bottom: 30px
}

#s04 .box_rap{
	text-align: center;
	margin-bottom: 50px;
}

#s04 .box_rap iframe{
	border: 0;
	width: 100%;
	height: 550px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#s05{
	margin-bottom: 50px;
}

#s05 h2{
	background: url("../img/plus.webp") left 20px center no-repeat;
	background-size: 70px;
	font-size: 24px;
	color: #333;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	line-height: 200%;
	margin-bottom: 15px;
	padding-left: 105px;
}

#s05 h2 b{
	font-size: 40px;
	color: #1773B9;
}

#s05 .bg{
	background: #E2F7FC;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 100px;
}

#s05 .rap{
	width: 100%;
	margin: auto;
}

#s05 .box{
	width: 90%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

#s05 .box .img{
	width: 90px;
	margin-right: 10px;
}

#s05 .box p.text01{
	font-size: 15px;
	color: #333;
	margin-bottom: 20px;
	width: calc(100% - 100px);
}

#s05 .in_rap{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#s05 .inbox{
	width: 100%;
}


#s05 dl{
	padding-left: 15px;
	margin-bottom: 30px;
}

#s05 dt{
	font-size: 18px;
	color: #FF4C4C;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 5px;
	text-indent: -15px;
}

#s05 dd{
	list-style-type: disc;
	font-size: 15px;
	color: #333;
	display: list-item;
}

#s05 .inbox .obj01{
	padding-left: 30px;
}

#s05 .inbox .obj01 img{
	width: 120px;
}

#s05 .inbox .bg02{
	background: #FFC926;
	padding: 15px;
	border-radius: 30px;
}

#s05 .inbox .bg02 p{
	color: #fff;
	font-size: 15px;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
}

/*#s05 .bg_img{
	background: url( "../img/concept_img04_s.webp") center right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 200px;
}*/

#s05 .bg_img{
	display: none;
}