@charset "utf-8";
#wrapper { padding-top: 62px;}
#hd { box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 10%);}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	.menu-btn .menu-trig { top: 8px;}
	#wrapper { padding-top: 48px;}
}


.kv-school { background: #ccc;}
.kv-school .inner-kv { padding: 50px 0;}
.kv-school .ctn { width: 88%; max-width: 1200px; margin: 0 auto;}
.kv-school .ctn h1 { margin-bottom: 8px;}
.kv-school .ctn h1 img { width: 60%; max-width: 280px;}
.kv-school .ctn p { color: #fff; font-size: 24px; font-weight: 600; letter-spacing: 0.1rem;}
@media (max-width: 481px){
	.kv-school .inner-kv { padding: 30px 0;}
	.kv-school .ctn h1 { margin-bottom: 4px;}
	.kv-school .ctn p { font-size: 14px;}
}


#voice {}
#voice .bloc { padding: 15px 0;}
#voice .bloc .box { position: relative; width: 92%; max-width: 920px; margin: 0 auto;}
#voice .bloc:nth-child(odd) .box { padding-left: 40px;}
#voice .bloc:nth-child(even) .box{ padding-right: 40px;}
#voice .bloc .box::after { content: ''; display: block; width: 0px; height: 0px; border: solid 18px transparent;
 position: absolute; bottom: 30px;
}
#voice .bloc:nth-child(odd) .box:after { border-right: solid 40px #f3f3f3; border-left: 0; left: 0;}
#voice .bloc:nth-child(even) .box:after { border-left: solid 40px #f3f3f3; border-right: 0; right: 0;}
#voice .bloc .box .inner { position: relative; padding: 30px; padding-left: 220px; background: #f3f3f3; border-radius: 18px;}
#voice .bloc .box figure { position: absolute; left: 30px; top: 30px; width: 160px;}
#voice .bloc .box figure img { width: 100%; border-radius: 50%;}
#voice .bloc .box h3 { font-size: 28px; font-weight: 700;}
#voice .bloc .box ul.tag { width: 200px; font-size: 0; position: absolute; right: 20px; top: 20px; text-align: right;}
#voice .bloc .box ul.tag li { display: inline-block; width: 50%; padding: 5px;}
#voice .bloc .box ul.tag li span { display: block; padding: 15px 8px; background: #fff; border-radius: 8px;}
#voice .bloc .box ul.tag li span img { width: 100%;}
#voice .bloc .box ul.type { margin-bottom: 6px;}
#voice .bloc .box ul.type li { padding: 4px 0; font-size: 15px;}
#voice .bloc .box ul.type li span { display: inline-block; padding: 2px 20px; background: #c5a500; border-radius: 50px;
 color: #fff; font-weight: 600;
}
#voice .bloc .box .txt p { letter-spacing: 0.05rem; line-height: 1.8;}
@media (max-width: 1001px) {
	#voice .bloc .box .inner { padding-left: 180px;}
	#voice .bloc .box figure { width: 140px; left: 20px; top: 20px;}
	#voice .bloc .box ul.tag { top: 15px;}
	#voice .bloc .box ul.tag li span { padding: 10px 6px;}
	#voice .bloc .box ul.type li { padding: 4px 0; font-size: 12px;}
	#voice .bloc .box .txt p { font-size: 14px;}
}
@media (max-width: 641px) {
	#voice .bloc .box .inner { padding: 20px;}
	#voice .bloc .box figure { position: relative; left: auto; top: auto; width: 120px; margin: 0 0 10px;}
	#voice .bloc .box h3 { position: absolute; left: 0; top: 54px; font-size: 24px; padding-left: 160px;}
	#voice .bloc .box ul.type { padding: 0 10px;}
	#voice .bloc .box .txt { padding: 0 10px;}
}
@media (max-width: 481px) {
	#voice .bloc { padding: 8px 0;}
	#voice .bloc:nth-child(odd) .box { padding-left: 24px;}
	#voice .bloc:nth-child(even) .box{ padding-right: 24px;}
	#voice .bloc .box .inner { padding: 15px; border-radius: 10px;}
	#voice .bloc .box figure { width: 80px;}
	#voice .bloc .box h3 { top: 40px; font-size: 20px; padding-left: 110px;}
	#voice .bloc .box ul.tag { width: 80px; right: 12px; top: 10px;}
	#voice .bloc .box ul.tag li { display: block; width: 100%; padding: 2px;}
	#voice .bloc .box ul.tag li span { border-radius: 4px;}
	#voice .bloc .box ul.type { padding: 0 6px;}
	#voice .bloc .box ul.type li { font-size: 10px;}
	#voice .bloc .box ul.type li span { padding: 2px 12px;}
	#voice .bloc .box .txt { padding: 0 6px;}
	#voice .bloc .box .txt p { font-size: 13px;}
}