/* CSS Document */
#keyimg{
	background: url("../about/img/02 keyimage.webp") center center no-repeat;
	background-size: cover;
	height: 290px;
}

#s01{
	padding-top: 35px;
	margin-bottom: 100px;
}

#s01 h1{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 35px;
}

#s01 h1 .f45{
	font-size: 45px;
	color: #e4007f;
}

#s01 .obj01{
	text-align: center;
	color: #e4007f;
	font-size: 25px;
	margin-bottom: 15px;
}

#s01 .obj01 span{
	font-size: 35px;
	font-weight: bold;
}

#s01 .obj02{
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}

#s01 .box_rap{
	width: 1140px;
	margin: auto;
	border: 2px solid #ccc;
	border-radius: 20px;
	margin-bottom: 35px;
	display: flex;
	justify-content: center;
	position: relative;
}

#s01 .box_rap h3{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -71px;
	margin-top: -69px;
}

#s01 .box_rap .box01{
	border-right: 1px dashed #ccc;
	width: 570px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#s01 .box_rap .box02{
	width: 340px;
	padding-top: 30px;
	padding-bottom: 35px;
	padding-left: 130px;
	padding-right: 100px;
}

#s01 .box_rap .box01 div{
	background: url("../about/img/02-01.webp") center top no-repeat;
	padding-top: 75px;
	text-align: center;
}

#s01 .box_rap .box01 div h4{
	font-size: 30px;
	color: #e4007f;
	margin-bottom: 15px;
}

#s01 .box_rap .box01 div p{
	color: #595757;
	font-size: 18px;
	font-weight: bold;
}

#s02{
	width: 1130px;
	margin: auto;
	margin-bottom: 35px;
}

#s02 .box_rap{
	width: 1130px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

#s02 .box_rap .box02,
#s02 .box_rap .box01{
	width: 560px;
}

#s02 .box_rap h2{
	background: url("../about/img/02-01.webp") left 15px center no-repeat #fee0e8;
	font-size: 23px;
	padding-left: 90px;
	color: #e4007f;
	padding-top: 25px;
	padding-bottom: 35px;
}

#s02 .box_rap figure{
	margin-bottom: 20px;
}

#s02 .box_rap h3{
	font-weight: bold;
	margin-bottom: 25px;
}

#s02 .box_rap .in_box{
	border-left: 1px solid #e4007f;
	padding-left: 25px;
	padding-right: 20px;
	margin-bottom: 25px;
}

#s02 .box_rap .in_box p{
	margin-bottom: 30px;
}

#s02 .box_rap .in_box hr{
	border-bottom: 1px solid #ccc;
}

#s03{
	width: 1130px;
	margin: auto;
	margin-bottom: 100px;
}

#s03 h2{
	background: url("../about/img/02-01.webp") left 15px center no-repeat #fee0e8;
	font-size: 23px;
	padding-left: 90px;
	color: #e4007f;
	padding-top: 25px;
	padding-bottom: 35px;
	margin-bottom: 20px;
}

#s03 .rap{
	border-left: 1px solid #e4007f;
	padding-left: 25px;
	padding-right: 20px;
	margin-bottom: 25px;
}

#s03 .in_rap{
	display: flex;
	justify-content: space-between;
	padding-bottom: 25px;
}

#s03 .in_rap .box01{
	width: 500px;
}

#s03 .in_rap .box01 h3{
	font-weight: bold;
	margin-bottom: 20px;
}

#s03 hr{
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	position: absolute;
	bottom: 0;
	width: 515px;
}

#s03 .box_rap{
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}

#s03 .box_rap .in_box{
	width: 515px;
	border-left: 1px solid #e4007f;
	padding-left: 25px;
	padding-right: 20px;
	position: relative;
}

#s03 .box_rap .in_box h3{
	font-weight: bold;
	margin-bottom: 20px;
}

#s03 .box_rap .in_box p{
	padding-bottom: 20px;
}

#s04{
	margin-bottom: 100px;
}

#s04 h2{
	text-align: center;
	font-size: 25px;
	line-height: 180%;
	margin-bottom: 80px;
}

#s04 h2 u{
	background: linear-gradient(transparent 70%, #e9c5d5 60%);
}

#s04 hr{
	border-top: 1px solid #ccc;	
	margin-bottom: 50px;
}

#s04 .rap{
	width: 1060px;
	margin: auto;
	padding-bottom: 50px;
}

#s04 .tiele_rap{
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}

#s04 .n01{
	background: url("../about/img/02-12.webp") right top no-repeat;
}
#s04 .n02{
	background: url("../about/img/02-13.webp") right top no-repeat;
}
#s04 .n03{
	background: url("../about/img/02-14.webp") right top no-repeat;
}



#s04 .n01 .box01{
	border: #0075c2 solid 3px;
	color: #0075c2;
}
#s04 .n02 .box01{
	border: #e84f96 solid 3px;
	color:  #e84f96;
}
#s04 .n03 .tiele_rap .box01{
	border: #f08300 solid 3px;
	color:  #f08300;
	text-align: center;
	font-size: 25px;
}

#s04 .tiele_rap .box01{
		width: 150px;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 30px;
	margin-right: 25px;
}

#s04 .tiele_rap h3{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}

#s04 .n01  .tiele_rap h3{
	color: #0075c2;
}
#s04 .n02  .tiele_rap h3{
	color:  #e84f96;
}

#s04 .n03  .tiele_rap h3{
	color:  #f08300;
}

#s04 .tiele_rap p{
	font-size: 18px;
}