@charset "utf-8";
/* CSS Document */

#contents_wrap{
	max-width: 1800px;
	width: 90%;
	margin: 0 auto;
	background: none;
}


#contents01{
	background: #fdffda;
	padding: 70px 0 100px;
	border-radius: 100px;
	margin-bottom: 80px;
	position: relative;
}


#contents01 h3{
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 80px;
}
#contents01 h3 img{max-width: 90%;}

#contents01 .profile_box{
	display: flex;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	justify-content: space-between;
	flex-direction: row-reverse;
}
#contents01 .profile_box > div{width: 48%;}


#contents01 .profile_box .txt_box{text-align: justify;}
#contents01 .profile_box li{
	display: flex;
	padding: 30px 20px;
	background: url("../img/line_bot.png") bottom left repeat-x;
	font-size: 20px;
	font-weight: 900;
}
#contents01 .profile_box li .left{width: 170px;}

#contents01 .profile_box .img_box{
	background: #c3f0fa;
	border-radius: 30px;
	padding: 20px;
	position: relative;
	overflow: hidden;
}
#contents01 .profile_box .img_box img{
	width: 190%;
	/*height: 100%;
	object-fit: cover;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	 -webkit-transform: translateY(-50%) translateX(-50%);
}

#contents01 .bottom_box{
	background: #fff1c0;
	padding: 25px 30px 40px;
	font-weight: 900;
	font-size: 24px;
	max-width: 1200px;
	width: 90%;
	margin: 50px auto 0;
	border-radius: 30px;
}

#contents01 .parts01{
	position: absolute;
	top: -50px;
	left: -30px;
}

#contents01 .parts02{
	position: absolute;
	top: -20px;
	right: 30px;
}

@media screen and (max-width: 1500px){
	#contents01 .parts01{width: 250px;}
	#contents01 .parts02{width: 250px;}
}

@media screen and (max-width: 1200px){
	#contents01 .parts01,#contents01 .parts02{display: none;}
}

@media screen and (max-width: 1000px){
	#contents01 .profile_box{
		display: block;
		max-width: 550px;
	}
	#contents01 .profile_box > div{width: 100%;}
	#contents01 .profile_box .img_box{/*height: 350px;*/ padding-top: 103%;}
	#contents01 .profile_box ul{margin-top: 10px;}
	#contents01 .profile_box li{font-size: 14px; padding: 16px 13px;}
	#contents01 .profile_box li .left{width: 90px;}
	#contents01 .bottom_box{font-size: 18px;}

}

@media screen and (max-width: 800px){
	#contents01 .sp{display: inline;}
	#contents01 .pc{display: none;}
	#contents01{
		padding: 50px 0;
		border-radius: 30px;
		margin-bottom: 40px;
	}
	#contents01 h3{font-size: 15px; margin-bottom: 20px;}
	
	
	#contents01 .bottom_box{
		text-align: justify;
		font-size: 16px;
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 500px){
	#hed_box h2 img{width: 250px;}
}



#contents02{
	background: #c3f0fa;
	padding: 160px 0 140px;
	border-radius: 100px;
	position: relative;
}

#contents02 .box01{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 70px;
	display: flex;
	text-align: justify;
	font-size: 18px;
	font-weight: bold;
	
}

#contents02 .box01 > div{
	width: 50%;
}

#contents02 .box01 h4{
	font-size: 28px;
	font-weight: 900;
	position: relative;
	background: #fdffda;
	padding: 20px 30px 10px;
	margin-bottom: 30px;
}
#contents02 .box01 p{line-height: 2.5;}

#contents02 .box01 h4 img{
	position: absolute;
	right: -50px;
	bottom: -20px;
}

#contents02 .txt_box{padding-right: 3%;}
#contents02 .img_box{padding-left: 3%;}
#contents02 .img_box img{width: 100%;}


#contents02 .box02 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1200px;
	width: 90%;
	margin: 14px auto 0;

}

#contents02 .box02 ul li{margin: 0 5px 10px;}

#contents02 .box02 .list_txt{max-width: 80%;}


#contents02 .parts01{
	position: absolute;
	top: 140px;
	left: -50px;
	width: 210px;
}

#contents02 .parts02{
	position: absolute;
	top: -30px;
	right:  30px;
	width: 240px;
}

#contents02 .parts03{
	position: absolute;
	top: 50%;
	right:  -80px;
}

#contents02 .parts04{
	position: absolute;
	bottom: 130px;
	left:  40px;
}

@media screen and (max-width: 1600px){
	#contents02 .parts01{
		top: -50px;
		width: 200px;
	}
	#contents02 .parts03{display: none;}
	#contents02 .parts04{width: 180px; bottom: -40px;}
	
	#contents02{padding: 90px 0 140px;}
	#contents02 .box01 h4{font-size: 24px; padding: 20px 70px 10px 30px;}
	#contents02 .box01 h4 img{width: 23%;}
}

@media screen and (max-width: 1300px){
	#contents02 .parts01,
	#contents02 .parts02,
	#contents02 .parts03,
	#contents02 .parts04{display: none;}
}

@media screen and (max-width: 1000px){
	#contents02 .box01{display: block; font-size: 14px;}
	#contents02 .box01 > div{width: 100%;}
	#contents02 .box01 h4{
		font-size: 20px;
		padding: 20px 35px 10px 20px;
		margin-bottom: 20px;
		max-width: 400px;
	}
	#contents02 .box01 h4 img{
		width: 90px;
		right: -35px;
		bottom: 0px;
	}
	#contents02 .box01 p{line-height: 2;}
	#contents02 .txt_box{padding-right: 0; margin-bottom: 20px;}
}

@media screen and (max-width: 1000px){
	#contents02{
		padding: 30px 0;
		border-radius: 30px;
	}
	#contents02 .box02 ul li{width: 140px;}
	#contents02 .box02 ul li img{width: 100%;}
}