/* CSS Document */

#s01{
	padding-top: 50px;
	margin-bottom: 80px;
}

#s01 h2{
	text-align: center;
	margin-bottom: 24px;
}

#s01 h2 small{
	font-size: 22px;
	display: block;
	color: #F29800;
	margin-bottom: 25px;
}

#s01 h2 b{
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin: auto;
	width: 80%;
	margin-bottom: 50px;
}

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

#s01 .imgs img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#s01 p{
	width: 80%;
	margin: auto;
}

#s02{
	background: #F4F4F4;
	padding-top: 50px;
	padding-bottom: 80px;
}

#s02 h2{
	text-align: center;
	margin-bottom:30px;
}

#s02 h2 small{
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200;
font-style: normal;
	font-size: 22px;
	color: #F39800;
	display: block;
	margin-bottom: 15px;
}

#s02 h2 b{
	font-size: 24px;
	font-weight: bold;
}

#s02 .bg04,
#s02 .bg03,
#s02 .bg02,
#s02 .bg01{
	/*display: flex;
	justify-content: center;*/
	margin-bottom: 30px;
}

#s02 .bg04,
#s02 .bg02{
	display: flex;
	flex-direction: column-reverse;
}

#s02 .bg04 .img,
#s02 .bg03 .img,
#s02 .bg02 .img,
#s02 .bg01 .img{
	max-width: 480px;
	width: 90%;
	margin: auto;
}

#s02 .bg04 .img img,
#s02 .bg03 .img img,
#s02 .bg02 .img img,
#s02 .bg01 .img img{
	width: 100%;
}

#s02 .bg04 .box,
#s02 .bg03 .box,
#s02 .bg02 .box,
#s02 .bg01 .box{
	width: 100%;
}

#s02 .bg04 .text,
#s02 .bg03 .text,
#s02 .bg02 .text,
#s02 .bg01 .text{
	width: 80%;
	margin: auto;
	padding-bottom: 30px;
}

/*#s02 .bg04 .text,
#s02 .bg02 .text{
	float: left;
}*/

#s02  .text .icon{
	text-align: center;
	margin-bottom: 50px;
}
#s02  .text .icon img{
	width: 50px;
	height: auto;
}

#s02  .text h3{
	text-align: center;
	font-size: 22px;
	line-height: 180%;
	margin-bottom: 30px;
}

#s02  .text h3 b{
	color: #0085B2;
	font-size: 22px;
}

#s02  .text p{
	font-size: 16px;
	line-height: 200%;
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
}

#s02 .box_rap05,
#s02 .box_rap04,
#s02 .box_rap03,
#s02 .box_rap02{
	max-width: 480px;
	width: 90%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F7F4EE;
	border: 1px solid #664C00;
	margin: auto;
	margin-bottom:50px;
}

#s02 .box_rap05 h4,
#s02 .box_rap04 h4,
#s02 .box_rap03 h4,
#s02 .box_rap02 h4{
	width: 80%;
    margin: auto;
	font-size: 22px;
	font-weight: bold;
	color: #837161;
	padding-bottom: 30px;
}

#s02 .box_rap04 .rap,
#s02 .box_rap02 .rap{
	/*display: flex;
	justify-content: space-between;*/
	width: 80%;
	margin: auto;
}

#s02 .box_rap04 .img,
#s02 .box_rap02 .img{
	margin: auto;
}

#s02 .box_rap04 .img{
	padding-bottom: 30px;
}

#s02 .box_rap04 .img img,
#s02 .box_rap02 .img img{
	width: 100%;
	height: auto;
}

#s02 .box_rap02 .rap .box,
#s02 .box_rap04 .rap .box{
	width: 100%;
	margin-bottom: 30px;
}

#s02 .box_rap05 p,
#s02 .box_rap04 p,
#s02 .box_rap03 p,
#s02 .box_rap02 p{
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
	color: #333;
}

#s02 .box_rap05 p,
#s02 .box_rap04 p,
#s02 .box_rap03 p{
	width: 80%;
	margin: auto;
}

#s02 .box_rap04 .box p{
	width: 100%;
}

#s02 .box_rap05 p span.obj01,
#s02 .box_rap04 p span.obj01,
#s02 .box_rap03 p span.obj01,
#s02 .box_rap02 p span.obj01{
	background: #C9C0B6;
}

#s03{

}

#s03 .bg{
		background: #F4F4F4;
	padding-top: 50px;
	padding-bottom: 50px;
}

#s03 h2 small{
	display: block;
	text-align: center;
	font-size: 22px;
	color: #F2AE00;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200;
font-style: normal;
	margin-bottom: 15px;
}

#s03 h2 b{
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

#s03 .box_rap01{
	max-width: 480px;
	width: 90%;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: auto;
	display: flex;
	flex-direction: column-reverse;
}

#s03 .box_rap01 .box01{
	width: 100%;
	position: relative;
	padding-top: 110px;
}

#s03 .box_rap01 .box01 .obj01{
	position: absolute;
	top: 0;
	left: 65px;
	width: 80%;
}

#s03 .box_rap01 .box01 img:last-child{
	width: 100%;
	height: auto;
}

#s03 .box_rap01 .box02{
	width: 90%;
	margin: auto;
	padding-top: 40px;
}

#s03 .box_rap01 .box02 h2{
	font-size:22px;
	font-weight: bold;
	color: #00AFD2;
	margin-bottom: 20px;
}

#s03 .box_rap01 .box02 p.f20{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 45px;
}

#s03 .box_rap02{
	max-width: 480px;
	width: 90%;
	margin: auto;
	
}

#s03 .box_rap02 .box01{
	width: 100%;
	position: relative;
	padding-top: 110px;
}

#s03 .box_rap02 .box01 .obj01{
	position: absolute;
	top: 0;
	left: 65px;
	width: 80%;
}

#s03 .box_rap02 .box01 img:last-child{
	width: 100%;
	height: auto;
}

#s03 .box_rap02 .box02{
	width: 90%;
	margin: auto;
	padding-top: 40px;
}

#s03 .box_rap02 .box02 h3{
	font-size:22px;
	font-weight: bold;
	color: #00AFD2;
	margin-bottom: 20px;
}

#s03 .box_rap02 .box02 p.f20{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 45px;
}

#s03 .box_rap02 .box02 .blue{
	color: #00ADD2;
}
