@charset "utf-8";
.pagetitle { width: 100%; height: 500px; background-image: url("../../img/top_title_img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; overflow: hidden;}
h1 {font-size: 60px; text-align: center; font-family: var(--mintyo); font-weight: var(--font7); line-height: 80px; margin: 70px 0 0;}
.pagetitle_img { width: 100%; text-align: center; margin: -290px 0 0;}
.pagetitle2 { font-size: 45px; font-family: var(--mintyo); color: var(--colorOr); font-weight: var(--font6); line-height: 120%; text-align: center; padding: 40px 0; font-feature-settings: "palt";}

/*中学生の声*/
.voise_area {}
.voise_box { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0;}
.voise_box2 { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0 0 0;}
.voise_box3 { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 80px 0;}
.voise_bgOr { background: var(--backcolorOr2); box-shadow: 0 0 0 100vmax  var(--backcolorOr2); clip-path: inset(0 -100vmax);}
.voise_bgBl { background: var(--backcolorBl2); box-shadow: 0 0 0 100vmax  var(--backcolorBl2); clip-path: inset(0 -100vmax);}

.voise_photo { max-width: 300px; text-align: center; margin: 0 auto; }
.photo { width: 210px; margin: 0 auto;}
.photo img { width: 100%; height: auto;}
.name { font-size: 28px; font-weight: var(--font6); font-family: var(--mintyo); margin: 20px 0 11px}
.grade {}
.time { }
.title {line-height: 120%; margin-top: 5px;}

.voice_list { max-width: 800px; padding-left: 20px; line-height: 145%}
h3 { font-family: var(--mintyo); font-size: 32px; color: var(--colorBl); font-weight: var(--font7); font-feature-settings: "palt"; margin-bottom: 30px; line-height: 130%; }
.hogosya_voise { font-family: var(--mintyo); font-size: 22px; font-weight: var(--font6); margin-bottom: 15px; }
.qanda_01 { margin-bottom: 50px;}
.qanda_01 dt { font-size: 18px; color: var(--colorOr); font-weight: var(--font6); margin-bottom: 5px; }
.qanda_01 dd { font-family: var(--mintyo); font-weight: var(--font6); margin-bottom: 15px; text-align: justify; }
.qanda_02 dt { font-size: 18px; color: var(--colorBl); font-weight: var(--font6); margin-bottom: 5px; }
.qanda_02 dd { font-family: var(--mintyo); font-weight: var(--font6); margin-bottom: 15px; text-align: justify;}



/*卒業生の声*/
.sotugyosei_img { text-align: center; margin-top: 50px;}
.come_text { text-align: center; font-size: 18px; font-weight: var(--font6); margin: -20px 0 35px 0; }
.voise_text { font-family: var(--mintyo); font-weight: var(--font6); text-align: justify;}


.puzzle { width: 1200px; text-align: center; margin: 50px auto 0 auto;}
.puzzle img { width: 450px; height: auto;}

@media screen and (max-width: 768px) {
	.pagetitle { height: 200px;}
	h1 { font-size: 40px; line-height: 120%; }
	.pagetitle_img { width: 100%; text-align: center; margin: 0 0 0 ;} 
	.pagetitle_img img { width: 100%; height: auto;}
	.pagetitle2 { font-size: 30px;  padding: 30px 20px 30px; }

	/*中学生の声*/
	.voise_box:last-child { }
	.voice_list { padding-left: 0; }
	h3 { font-size: 28px; margin-top: 40px;}
	h3 span { display: inline-block;}
	.hogosya_voise { text-align: center;}

	/*卒業生の声*/
	.sotugyosei_img { width: 100%; text-align: center; margin-top: 20px;}
	.sotugyosei_img img { width: 100%; height: auto;}
	.come_text { text-align: left; padding: var(--mbSpace);}
	.voise_text { text-align: justify; }

	.puzzle { width: 100%; height: auto; text-align: center; margin: 30px 0 10px;}
	.puzzle img { width: 320px; height: auto;}

}