@charset "UTF-8";
/* ------------------------------
   certified_tutor.css
------------------------------ */
.flex{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ce{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-cc{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ace{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ac{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-c{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-order{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}



/*sec-contents*/
.sec-contents{
    position: relative;
    padding: 100px 0 115px 0;
    box-sizing: border-box;
}
.post-contents.post-certified-tutor{ padding-top: 65px;}


.post-certified-tutor .certified-tutor-list > ul{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.post-certified-tutor .certified-tutor-list > ul > li{
	width:47.5%;
    position: relative;
    margin-bottom: 92px;
	margin-right:5%;
	padding:30px;
    box-shadow: 0 0 4px rgba(0,0,0,0.35);
}
.post-certified-tutor .certified-tutor-list > ul > li:nth-child(2n){
	margin-right:0;
}


.certified-tutor-data{
	margin-bottom:30px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.certified-tutor-image{
	width:35%;
}
.certified-tutor-image .ph{
	margin-bottom:15px;
}
.certified-tutor-image .course-categories-icon{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.certified-tutor-image .course-categories-icon li{
	width:31%;
	color:#fff;
	padding:5px 5px 3px 5px;
	border-radius:10px;
	text-align:center;
	background-color:#B5B5B5;
}
.post-certified-tutor .course-categories-icon .is-active-pro{ background-color:#006D51; }
.post-certified-tutor .course-categories-icon .is-active-corporation{ background-color:#EC6C00; }
.post-certified-tutor .course-categories-icon .is-active-personal{ background-color:#468DCC; }


.certified-tutor-detail{
	width:60%;
}
.certified-tutor-detail dl{
	display:grid;
	grid-template-columns:6em 1fr;
	margin:0;
	border-top:1px solid #ddd;
}
.certified-tutor-detail dt,
.certified-tutor-detail dd{
	margin:0;
	padding:10px 0 8px;
	border-bottom:1px solid #ddd;
}
.certified-tutor-detail dt{
	font-weight:700;
	color:#333;
}
.certified-tutor-detail dd{
	min-width:0;
}
.certified-tutor-detail dd h2{
	margin:0;
	font-size:2.4rem;
	line-height:1.2;
}
.certified-tutor-detail .en{
	display:block;
	margin-top:4px;
	font-size:1.1rem;
	line-height:1.2;
	color:#666;
}
.certified-tutor-detail .link a{
	padding-right:1.5em;
	background:url(../img/certified_tutor/link_icon.svg) no-repeat right center / auto 1em;
	text-decoration:underline;
	color:#09F;
	
}
.certified-tutor-detail .link a:hover{ text-decoration:none;}


.course-categories-subttl{
    position: relative;
    font-size: 1.8rem;
    box-sizing: border-box;
	font-weight:700;
}

.post-certified-tutor .history{
	margin-bottom:30px;
}



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


	.post-contents.post-certified-tutor{ padding-top:0;}
	
	.post-certified-tutor .certified-tutor-list > ul > li{
		width:100%;
		margin-bottom:10vw;
		margin-right:0;
		padding:5vw;
	}
	

	.certified-tutor-image{
		width:100%;
		margin-bottom:5vw;
	}
	.certified-tutor-image .ph{
		width:60%;
		margin:0 auto 3vw;
	}
		
	
	.certified-tutor-detail{
		width:100%;
	}
	.certified-tutor-image .course-categories-icon li{
		font-size:1.2rem;
	}
	
	.certified-tutor-detail dd h2{
		font-size:2rem;
	}








}