@charset "utf-8";
.pagetitle { width: 100%; height: 450px; 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: -270px 0 0;} 
.pagetitle_imgimg { width: 633px;}
/*学習に向けた・・・*/
.kyouzai_area { display: flex; margin: 30px auto 0;}
.kyouzai_text { display: flex; ; max-width: 750px; width: 100%;}
.kyouzai_text li:nth-child(1) { font-size: 45px; color: var(--colorOr); font-family:  var(--mintyo); font-weight: var(--font6); line-height: 120%; text-align: center;  padding: 0 30px 0 0;}
.kyouzai_text li:nth-child(2) { font-size: 36px; font-weight: var(--font7); line-height: 160%; text-align: center; padding: 10px 0}
.kyouzai_text li:nth-child(3) { padding: 0 30px 0 0; line-height: 170%; text-align: justify; font-family: var(--mintyo); font-weight: var(--font6); }
.moriyasu { width: 250px; padding-top: 40px; }
.moriyasu img { width: 250px; height: auto;}
/*foreword*/
.foreword { }
.orange_area { display: flex; width: 100%; margin: 0 auto; padding: 42px 0; background: #eeb584; box-shadow: 0 0 0 100vmax #eeb584; clip-path: inset(0 -100vmax);}
.blue_area   { display: flex; width: 100%; margin: 0 auto; padding: 42px 0; background: #80afc5; box-shadow: 0 0 0 100vmax #80afc5; clip-path: inset(0 -100vmax);}
.photo_area { }
.foreword dl { padding-left: 42px; margin-top: -5px;}
.foreword dt { font-size: 36px; line-height: 36px; font-weight: var(--font7);}
.foreword dd { line-height: 181%; padding-top: 17px; text-align: justify; font-family:  var(--mintyo); font-weight: var(--font6);}

.puzzle { width: 100%; height: 300px; text-align: center;}
.puzzle img { width: 400px; height: auto;}

@media screen and (max-width: 768px) {
	.pagetitle { height: 200px;}
	h1 { font-size: 40px; line-height: 120%; margin: 45px 0 0;}
	.pagetitle_img { width: 100%; text-align: center; margin: -80px 0 0 ;} 
	.pagetitle_img img { width: 100%; height: auto;}
	/*学習に向けた・・・*/
	.kyouzai_area { flex-direction: column; margin: 40px 0 0;}
	.kyouzai_text li:nth-child(1) { font-size: 35px; padding: 0;}
	.kyouzai_text li:nth-child(1) span { display: inline-block; }
	.kyouzai_text li:nth-child(2) { font-size: 28px; line-height: 110%; padding: 20px 0;}
	.kyouzai_text li:nth-child(3) { padding: 0; line-height: 150%;}
	.moriyasu { width: 100%; text-align: center; margin-top: 40px; padding-top: 0; }
	
	/*foreword*/
	.orange_area { flex-direction: column; margin: 0; padding: 42px 0;}
	.blue_area   { flex-direction: column; margin: 0; padding: 42px 0;}
	.photo_area { width: 100%; text-align: center;}
	.photo_area img { width: 100%; height: auto;}
	.foreword dl { padding: 0;  margin-top: 35px; text-align: center;}
	.foreword dt { font-size: 28px; line-height: 36px; text-align: left;}
	.foreword dt span { display: inline-block;}
	.foreword dd { line-height: 181%; padding-top: 17px; text-align: justify;}

	.puzzle { width: 100%; height: auto; text-align: center;}
	.puzzle img { width: 300px; height: auto;}


}