/* CSS Document */

#keyimg{
	height: 350px;
	background: url("../concept/img/concept_img.webp") center center no-repeat;
	background-size: cover;
}

h1{
	text-align: center;
	color: #1772B8;
	font-size: 35px;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 400;
font-style: normal;
	padding-top: 45px;
	margin-bottom: 35px;
}

#s01 h2{
	background: url("../img/top_Illust01.webp") center top no-repeat;
	text-align: center;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	padding-top: 80px;
	font-size: 40px;
	color: #444;
	margin-bottom: 40px;
}

#s01 .bg{
	background: url("../concept/img/back_img01.webp") center center no-repeat;
	background-size: cover;
	padding: 100px;
}

#s01 .bg .box{
	width: 625px;
	margin: auto;
	padding: 40px;
	background-color: rgba( 255, 255, 255, 0.85 );
	border-radius: 25px;
	position: relative;
	padding-top: 90px;
}

#s01 .bg .box .icon{
	position: absolute;
	left: 50%;
	margin-left: -27px;
	top: -35px;
}

#s01 .bg .box h3{
	text-align: center;
	font-size: 40px;
	color: #34BB52;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	margin-bottom: 35px;
}

#s01 .bg .box p{
	background: url("../concept/img/icon01.webp") top center no-repeat;
	padding-top: 30px;
	line-height: 200%;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	color: #333;
}

#s01 .bg .box p b{
	font-size:20px;
	color: #1772B8;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
}

#s02{
	background: url("../concept/img/back_img02.webp") center top no-repeat;
	background-size: cover;
	padding-top: 45px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

#s02 h2{
	background: url("../concept/img/concept_Illust02.webp") center top no-repeat;
	text-align: center;
	padding-top: 120px;
	font-size: 35px;
	color: #333;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	margin-bottom: 35px;
}

#s02 h2 b{
	font-size: 40px;
	color: #FF4C4C;
}

#s02 p{
	width: 855px;
	margin: auto;
	color: #333;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 100px;
}

#s02 ul{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

#s02 li{
	width: 385px;
}

#s02 li img{
	margin-bottom: 25px;
}

#s02 li figcaption{
	width: 325px;
	margin: auto;
	font-size: 15px;
	color: #333;
}

#s03{
	margin-top: 35px;
	margin-bottom: 100px;
	background: url("../concept/img/icon05.webp") top center no-repeat;
	padding-top: 100px;
}

#s03 h2{
	text-align: center;
	font-size: 35px;
	color: #333;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}

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

#s03 .bg{
	background: url("../concept/img/bg.webp") top center repeat-x;
	padding-top: 5px;
}

#s03 .rap{
	width: 1000px;
	margin: auto;
	display: flex;
	justify-content: space-between;align-items: flex-end;
}

#s03 .box{
	width: 750px;
}

#s03 .box p.text01{
	font-size: 15px;
	color: #333;
	margin-bottom: 20px;
	width: 705px;
}

#s03 .in_rap{
	display: flex;
	justify-content: space-between;
}

#s03 .inbox{
	width: 393px;
}


#s03 dl{
	padding-left: 15px;
}

#s03 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;
}

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

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

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

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

#s04{
	margin-bottom: 100px;
	padding-top: 50px;
}

#s04 h2{
	background: url("../concept/img/icon05.webp") top center no-repeat;
	padding-top: 100px;
	text-align: center;
	font-size: 35px;
	color: #333;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}

#s04 h2 span{
	line-height: 200%;
}

#s04 h2 b{
	font-size: 40px;
	color: #1772B8;
}

#s04 .bg01{
	background: #E2F7FC;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	font-size: 25px;
	margin-bottom: 100px;
}

#s04 .bg01 .text01{
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	margin-bottom: 20px;
}

#s04 .bg01 .text01 b{
	color: #1772B8;
}

#s04 .rap01 .text01{
	text-align: center;
	font-size: 25px;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
	margin-bottom: 15px;
}

#s04 .rap01 .text01 b{
	color: #1772B8;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
}

#s04 .rap01 .text02{
	width: 950px;
	margin: auto;
	font-size: 18px;
	line-height: 180%;
	/*background: url("../concept/img/icon06.webp") center bottom no-repeat;
	padding-bottom: 35px;*/
	margin-bottom: 35px;
}

#s04 .rap01 .text02 b{
	color: #FF7272;
}

#s04 .bg02{
	background: url("../concept/img/back_img03.webp") center top no-repeat;
	padding-top: 200px;
	padding-bottom: 50px;
	background-size: cover;
}

#s04 .bg02 .box_rap{
	width: 1150px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

#s04 .bg02 .box_rap .box03,
#s04 .bg02 .box_rap .box02,
#s04 .bg02 .box_rap .box01{
	height: 440px;
	padding-top: 20px;
	width: 370px;
	text-align: center;
		background-color: rgba( 255, 255, 255, 0.85 );
	border-radius: 25px;
	
}

#s04 .bg02 .box_rap .box02{
	margin-top: 100px;
}

#s04 .bg02 .box_rap .icon{
	margin-bottom: 35px;
}

#s04 .bg02 .box_rap .text01{
	font-size: 25px;
	line-height: 140%;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	color: #333;
	margin-bottom: 15px;
}

#s04 .bg02 .box_rap .text01 b{
	font-size: 30px;
	color: #FF4C4C;
}

#s04 .bg02 .box_rap  .box02 .text01 b{
	color: #59B200;
}

#s04 .bg02 .box_rap  .box03 .text01 b{
	color: #FF7F00;
}

#s04 .bg02 .box_rap hr{
	width: 30px;
	margin: auto;
	border-bottom: 1px solid #666;
	margin-bottom: 15px;
}

#s04 .bg02 .box_rap .text02{
	font-size: 25px;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
	color: #333;
	line-height: 135%;
}