@charset "UTF-8";


/*スタッフ紹介*/
#staff h2 {
	width:10em;
	margin: 0 auto 2.5em;
}
#staff p.headline {
	text-align:center;
	font-size:2.4rem;
	margin-bottom:1.5em;
}

#staff .coach_box {
	background-color:#ffffff;
	width:calc((100% / 2) - 30px);
	padding:20px 20px 10px 0;
	margin-top:50px;
	position:relative;
	margin-bottom:20px;
}
/*#staff .coach_box:last-child {
	margin-bottom:0;
}*/

#staff .img {
	width:40%;
	position:absolute;
	left:-25px;
	top:-25px;
}

#staff .text_box {
	width:calc(60% - 10px);
	margin-left:auto;
	padding-bottom: 30px;
}
#staff p.c_name{
	font-size:2.0rem;
	font-weight:500;
	margin-bottom:1em;
	line-height:1.3em;
	color:#022D52;
}
#staff p.c_comment_1{
	font-size:1.6rem;
	margin-bottom:0.2em;
	text-align:left;
	font-weight:500;
}
#staff .b_detail{
	border-radius:50px;	
	padding:7px 10px 7px 20px;
	position:absolute;
	right:20px;
	bottom:20px;
	transition:.5s;
	color:#ffffff;
}

#staff .b_detail span{
	font-family: 'M PLUS 1p', sans-serif;
	color:#ffffff;
	font-size:1.5rem;
	transition:.5s;
	font-weight:500;
}
#staff .b_detail .svg-inline--fa {
	font-size:1.5rem;
	padding-left:0.5em;
	color:#ffffff;
	transition:.5s;
	font-weight:500;
}

 #staff.single .img {
	width:320px;
} 
#staff.single .coach_box {
	width:100%;
	padding:30px;
}
#staff.single .text_box {
 	width:calc(100% - 350px); 
	margin-left:auto;
	margin-bottom:0;
	margin-top:20px;
}
#staff.single .c_gallery{
	width:100%;
}
#staff.single .c_gallery .img{
	box-shadow:none ;
	margin-right:30px;
	width:calc((100% / 3) - 20px);
 	position:inherit; 
	margin-bottom:30px;
	margin-left:0;
}
#staff.single .c_gallery .img:nth-child(3n){
	margin-right:0;
}
#staff.single p.c_awards{
	margin-bottom:2em;
}
#staff.single p.c_name{
	margin-bottom:1em;
}
#staff.single p.c_hometown,#staff.single p.c_comment_1{
	margin-bottom:2em;
}
#staff .b_detail{
	border:solid 3px #0058A5;
	border-radius:50px;	
	padding:7px 10px 7px 20px;
	position:absolute;
	right:20px;
	bottom:20px;
	transition:.5s;
	color:#ffffff;
}

#staff .b_detail span{
	font-family: 'M PLUS 1p', sans-serif;
	color:#0058A5;
	font-size:1.5rem;
	transition:.5s;
	font-weight:500;
}
#staff .b_detail .svg-inline--fa {
	font-size:1.5rem;
	padding-left:0.5em;
	color:#0058A5;
	transition:.5s;
	font-weight:500;
}


@media screen and (max-width:1450px){
}

@media screen and (max-width:1330px){
}

/*tablet*/
@media screen and (max-width:1200px){

		/*スタッフ紹介*/
	#staff .wrap {
		margin-bottom:50px;
	}
		#main .contents .frame p {
			margin-bottom:1.2em;
		}
		#staff .text_box {
			padding-bottom: 10px;
		}
		#staff p.c_awards{
			font-size:1.5rem;
		}
		#staff p.c_name{
			font-size:2.2rem;
		}
		#staff p.c_hometown,#staff p.c_comment_1{
			font-size:1.5rem;
		}

	
}

@media screen and (max-width:1000px){
}

@media screen and (max-width: 768px){	
}
	
@media screen and (max-width:640px){

	/*スタッフ紹介*/
	#staff p.headline {
		text-align:left;
		font-size:1.60rem;
		margin-bottom:0;
	}
	#main .contents .frame p {
			margin-bottom:0.7em;
		}
	#staff .coach_box,#staff.single .coach_box {
		background-color:#ffffff;
		width:100%;
		padding:0 20px 20px 20px;
		margin-top:50px;
		
	}
	#staff.single .coach_box {
		padding:0 20px 15px 20px;
		margin-top:20px;
		margin-bottom:20px;
	}
	#staff .img,#staff.single .img {
		width:40%;
		position: relative;
		left: auto;
		top: auto;
		margin: -30px auto 20px;
	}
	#staff .text_box,#staff.single .text_box {
		width:100%;
		padding-bottom: 0;
		margin-top:0;
	}
	#staff.single .text_box {
		padding-bottom: 10px;
	}
	#staff p.c_awards,#staff.single p.c_awards{
		font-size:1.4rem;
		margin-bottom:.5em;
	}
	#staff p.c_name,#staff.single p.c_name{
		font-size:1.8rem;
		margin-bottom:.7em;
		text-align:center;
	}
	#staff p.c_hometown,#staff p.c_comment_1,#staff.single p.c_hometown,#staff.single p.c_comment_1{
		font-size:1.4rem;
		margin-bottom:.5em;
	}
	#staff .b_detail{
		transform: translateX(-50%);
		left: 50%;
		right: auto;
	}
	#staff .b_detail span{
		font-size:1.5rem;
	}
	#staff .b_detail .svg-inline--fa{
		font-size:1.5rem;
	}
	#staff.single .c_gallery{
		width:100%;
		margin-top:10px;
	}
	#staff.single .c_gallery .img{
		width:calc((100% / 2) - 6px);
		margin-right:10px;
		position: relative;
		left: auto;
		top: auto;
		transform: translateX(0);
		margin-top:0;
		margin-bottom:10px;
	}
	#staff.single .c_gallery .img:nth-child(3n){
		margin-right:10px;
	}
	#staff.single .c_gallery .img:nth-child(2n){
		margin-right:0;
	}
}
	
@media screen and (max-width:360px){
}