/* CSS Document */

#s01{
	padding-top: 50px;
}

#s01 h2{
	text-align: center;
}

#s01 h2 img{
	width: 90%;
	height: auto;
}

#s01 .bg01{
	width: 100%;
	margin: auto;
	background: #24AEFF;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 30px;
}

#s01 .bg01 h3{
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
}

#s01 .bg01 h3 .f45{
	font-size: 45px;
}

#s01 .bg01 p{
	width: 90%;
	margin: auto;
	color: #fff;
	line-height: 200%;
}

#s01 .box_rap01{
	width: 100%;
	margin: auto;
	display: block;
}

#s01 .box_rap01 .box{
	width: 90%;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

#s01 .box_rap01 .box h3{
	font-size: 22px;
	color: #24ADFF;
	font-weight: bold;
	margin-bottom: 30px;
}

#s01 .box_rap01 .box h3 img{
	vertical-align: bottom;
	margin-right: 20px;
}

#s01 .box_rap01 .box p{
	margin-bottom: 20px;
}

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

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

#s02 h2{
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	font-weight: bold;
	margin-bottom: 30px;
}

#s02 p.obj01{
	width: 90%;
	margin: auto;
	font-size: 16px;
	margin-bottom: 30px;
}

#s02 .box_rap{
	width: 100%;
	margin: auto;
	display: block;
}

#s02 .box_rap .box02,
#s02 .box_rap .box01{
	width: 90%;
	margin: auto;
	border: 5px solid #ddd;
	padding-bottom: 35px;
}
#s02 .box_rap .box01{
	margin-bottom: 30px;
}
#s02 .box_rap .box02 h3,
#s02 .box_rap .box01 h3{
	margin-bottom: 15px;
}
#s02 .box_rap .box02 h3 img,
#s02 .box_rap .box01 h3 img{
	width: 100%;
	height: auto;
}

#s02 .box_rap .box02 .f25,
#s02 .box_rap .box01 .f25{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 5px;
}

#s02 .box_rap .box02 small,
#s02 .box_rap .box01 small{
	display: block;
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
}

#s02 .box_rap .box01 ul{
	display: block;
	margin-bottom: 20px;
}

#s02 .box_rap .box01 li{
	width: 80%;
	background: #24AEFF;
	color: #fff;
	margin: auto;
	margin-bottom: 10px;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	text-align: center;
}

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

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

#s02 .box_rap .box02 ul li{
	width: 80%;
	background: #24AEFF;
	color: #fff;
	margin: auto;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	text-align: center;
}

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

#s03{
	padding-top: 90px;
	margin-top: -90px;
}

#s03 h2{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 15px;
}

#s03 small{
	text-align: center;
	display: block;
	font-size: 20px;
	margin-bottom: 25px;
}

#s03 hr{
	border-right: 3px solid #C8202D;
	width: 0;
	height: 50px;
	margin: auto;
	margin-bottom: 35px;
}

#s03 .f25{
	font-size: 22px!important;
	width: 90%;
	text-align: left;
	color: #24ACFF;
	font-weight: bold;
	margin: auto;
	margin-bottom: 50px;
}

#s03 #staff_area01{
	  /*background: linear-gradient(90deg, #222222 0%, #222222 50%, #666666 50%, #666666 100%);*/
	background: #222;
}

#s03 #staff_area01 .bg{
	background: url("../concept/img/bg_trainer01.webp") center center no-repeat;
}

#s03 #staff_area02{
	  background: linear-gradient(90deg, #666666 0%, #666666 50%, #222222 50%, #222222 100%);
}

#s03 #staff_area02 .bg{
	background: url("../concept/img/bg_trainer02.webp") center center no-repeat;
}

#s03 #prof_area{
	width: 100%;
	height: 720px;
	position: relative;
	margin: auto;
}

#s03 #staff_area02 ul,
#s03 #staff_area01 ul{
	width:100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	/*padding-top: 35px;
	padding-bottom: 20px;*/
}

#s03 #staff_area02 li,
#s03 #staff_area01 li{
	text-align: center;
	width: 45%;
	cursor: pointer;
	margin-bottom: 20px;
}

#s03 #staff_area02 li img,
#s03 #staff_area01 li img{
	margin-bottom: 15px;
	width: 100%;
	height: auto;
}

#s03 #staff_area02 li b,
#s03 #staff_area01 li b{
	display: block;
	text-align: left;
	font-size: 20px;
	color: #fff;
}

#s03 #staff_area02 li .f16,
#s03 #staff_area01 li .f16{
	text-align: left;
	display: block;
	color: #fff;
}

/*#s03 #staff_area{
	background: #666;
	padding-top: 15px;
	padding-bottom: 15px;
}*/

#s03  #staff_area .prof{
	width: 100%;
	height: 640px;;
	margin: auto;
	background: #fff;
	display: block;
	position: absolute;
	border-bottom: 10px solid #fff;
	top: 0;
}
#s03  #staff_area .prof .img{
	text-align: center;
}

#s03  #staff_area .prof .img img{
	width: 60%;
	height: auto;
	padding-top: 20px;
}

#s03  #staff_area .prof .box{
	padding: 20px;
	flex: 1;
}

#s03  #staff_area .prof .box h3{
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

#s03  #staff_area .prof .box h3 .f16{
	font-weight: normal;
	display:block;
}

#s03  #staff_area .prof .box .text{
	overflow: scroll;
	height: 190px;
}

#s03  #staff_area .prof .box .text th{
	color: #C71F2C;
	font-weight: bold;
	width: 170px;
	display: block;
}
#s03  #staff_area .prof .box .text td{
	padding-bottom: 25px;
	font-size: 14px;
	line-height: 160%;
	display: block;
}

#s04{
	padding-top: 100px;
}

#s04 h2{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 35px;
}

#s04 small{
	text-align: center;
	display: block;
	font-size: 20px;
	margin-bottom: 25px;
}

#s04 hr{
	border-right: 3px solid #C8202D;
	width: 0;
	height: 50px;
	margin: auto;
	margin-bottom: 35px;
}

#s04 ul.obj01{
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}

#s04 ul.obj01 li a{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	width: 215px;
	height: 60px;
	line-height: 60px;
	background: url("../concept/img/arrow02.webp") left 5px center no-repeat;
	padding-left: 25px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#s04 ul.obj01 li a:hover{
	background: url("../concept/img/arrow02.webp") left 5px center no-repeat #F6F6F6;
}
#s04 #n01,
#s04 #n02,
#s04 #n03,
#s04 #n04,
#s04 #n05{
	padding-top: 80px;
	margin-top: -80px;
}
#s04 .box_rap{
	width: 90%;
	/*padding: 25px;*/
	padding-top: 35px;
	border: 1px solid #999;
	margin: auto;
	margin-bottom: 50px;
}

#s04 .box_rap h3{
	font-size: 22px;
	margin-bottom: 25px;
	text-align: center;
}

#s04 .box_rap table{
	width: 90%;
	border-left: 10px solid #333;
	background: #F6F6F6;
	margin: auto;
	margin-bottom: 25px;
}

#s04 .box_rap table th{
	padding: 5px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}
#s04 .box_rap table td{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

#s04 .box_rap table td a{
	font-weight: bold;
}

/*#s04 .box_rap table tr:first-child td{
	padding-top: 25px;
}

#s04 .box_rap table tr:last-child td{
	padding-bottom: 25px;
}*/

#s04 .box_rap .in_rap{
	display: flex;
	flex-wrap:wrap-reverse;
	justify-content: center;
	margin-bottom: 20px;
}
#s04 .box_rap .in_rap .img{
	text-align: center;
}
#s04 .box_rap .in_rap .img img{
	margin-bottom: 20px;
}

#s04 .box_rap .in_rap .img .btn{
	width: 260px;
	margin: auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #333;
	border-radius: 50vh;
	cursor: pointer;
}

#s04 .box_rap .in_rap .map{
	width: 100%;
	margin-bottom: 30px;
}

#s04 .box_rap .in_rap .map iframe{
	width: auto;
	margin:auto; 
	display: block;
	margin-bottom: 20px;
}

#s04 .box_rap .in_rap .map a{
	width: 260px;
	margin: auto;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border-radius: 50vh;
	background: #C8202D;
}

#s04 .box_rap .time h3{
	margin-bottom: 5px;
}

#s04 .box_rap .time small{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #999;
}
#s04 .box_rap .time img{
	width: 95%;
	height: auto;
	margin-bottom: 20px;
}