@charset "UTF-8";

.p-school .kv { width: 100%; background-color: #EEE; margin-top: 30px; }
.p-school img{width: 100%;height: auto;}
.p-school__block { padding: 60px 0; }
.blocktop{padding:0 0 60px;}
.p-school .voice-wrap .voice { width: 100%; display: table; margin-top: 60px; }
.p-school .voice-wrap .voice .ph { width: 350px; display: table-cell; }
.p-school .voice-wrap .voice .ph .inner { background-color: #eee; padding-top: 60%; }
.p-school .voice-wrap .voice .txt { width: calc(100% - 350px); display: table-cell; vertical-align: top; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-school .voice-wrap .voice .txt h3 { font-size: 18px; }
.p-school .voice-wrap .voice .txt .name { background: #eee;padding: 10px;  margin-bottom: 15px;}
.p-school .voice-wrap .voice .txt .name p{margin-top: 0!important}
.p-school .voice-wrap .voice .txt p{margin-top: 15px;}
.p-school .voice-wrap .voice .txt p strong { font-weight: bold; }
@media screen and (max-width: 1200px){
	.p-school .voice-wrap .voice .ph { width: 25%; }
	.p-school .voice-wrap .voice .txt{width: calc(100% - 25%);}	
}
@media screen and (max-width: 767px){
	.p-school .voice-wrap .voice{display: block;}
	.p-school .voice-wrap .voice .ph{width: 100%;display: block;text-align: center;}
	.p-school .voice-wrap .voice .ph img{display: inline-block;}
	.p-school .voice-wrap .voice .txt{width: 100%;display: block;margin-top: 20px;padding-left: 0;}
}

/*-----------------------------------------------------------
スクール概要
-------------------------------------------------------------*/

.c-table1 table{width: 100%;}
.c-table1 table th,
.c-table1 table td{font-size:16px;padding: 15px 5px;text-align: center;vertical-align: middle;}
.c-table1 table th{background: #EEE;}
.c-table1 table td span{font-size: 13px;}
.c-table1 table td a{display: block;background: #EA5404;color: #fff!important;border-radius: 30px;width: 80%;margin: 5px auto 0;font-size:13px;padding: 3px 0;position: relative;}
.c-table1 table td a:after{  font-family: "Font Awesome 5 Free"; content: '\f0a9';font-weight: 900;position: absolute;right: 5px;}

#schoolguide .schoolguide__block01,
#schoolguide .schoolguide__block02,
#schoolguide .schoolguide__block03{padding-bottom: 60px;border-bottom: 1px solid #ccc;}

#schoolguide .schoolguide__block02,
#schoolguide .schoolguide__block03,
#schoolguide .schoolguide__block04{padding-top: 60px;}

#schoolguide .schoolguide__block02 table{table-layout: fixed;}
#schoolguide .schoolguide__block03 table{table-layout: fixed;}
#schoolguide .schoolguide__block03 table td{text-align: left;}

.school-detail {min-width: 800px;padding: 30px;background: #fff;}
.school-detail .c-table1 table,
.school-detail .c-table1 table th,
.school-detail .c-table1 table td{border:1px solid #ccc;}
.school-detail .c-title1 h3{  padding: 0.5em;color: #494949;background: #fffaf4;border-left: solid 5px #ffaf58;margin:0 0 20px!important;font-size: 18px;}

.pc-only{display: block;}
.sp-only{display:none; }

@media screen and (max-width: 1470px){
.c-table1 table td a{width: 100%;}
}

@media screen and (max-width: 1284px){
.c-table1 table td a{font-size: 10px;}	
}

@media screen and (max-width: 1186px){
.sp-only{display: block;}
.pc-only{display:none; }
.schoolguide__block04 td,
.schoolguide__block04 th{width: 100%;display: block;box-sizing: border-box;}
.school-detail {min-width: auto;padding: 15px;background: #fff;}
.c-table1 table td a{font-size:12px;width: 80%;}
}