@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: 45px 0 40px; font-feature-settings: "palt";}

/*一貫した理解*/
.ikkan_area { display: flex; background: var(--backcolorOr); box-shadow: 0 0 0 100vmax var(--backcolorOr); clip-path: inset(0 -100vmax); padding: 40px 0}
.ikkan_photo {}
.ikkan_area ul { padding-left: 40px;}
.ikkan_title { font-size: 36px; font-weight: var(--font5); margin-bottom: 20px;}
.ikkann_text { text-align: justify; font-weight: var(--font6); font-family: var(--mintyo); }

/*コース*/
.course_bg { background: url("../../img/shape_back.jpg") no-repeat; background-size: cover;}
.course_container { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 65px 0 45px;}
.course_regular_area { width: 520px;}
.course_regular_area img { width: 356px;}
.course_intensive_area { width: 520px;}
.course_intensive_area img { width: 377px;}
.course_container li:nth-child(1) {  text-align: center; margin-bottom: 15px; height: 57px;}
.course_container li:nth-child(2) { text-align: center; font-size: 36px; font-weight: var(--font6); margin-bottom: 20px;}
.course_container li:nth-child(3) { font-weight: var(--font6); font-family: var(--mintyo);  text-align: justify;}
.subjects { font-family: var(--mintyo); font-size: 46px; line-height: 140%; font-weight: var(--font5); color: var(--colorOr); text-align: center; margin: 25px auto 0;}

/*例題*/
.question_container { }
.regular_title { width: 732px; margin: 60px auto 15px;}
.question_container dl { display: flex; padding: 50px 0;}
.blue_q dl:nth-child(even) { background: var(--backcolorBl); box-shadow: 0 0 0 100vmax var(--backcolorBl); clip-path: inset(0 -100vmax);}
.blue_q dl:nth-child(odd) { background: var(--backcolorBl2); box-shadow: 0 0 0 100vmax var(--backcolorBl2); clip-path: inset(0 -100vmax);}
.question_img { filter: drop-shadow(5px 5px 5px  rgba(0, 0, 0, 0.5));}
.question_text {}
.question_text ul { padding-left: 30px; }
.question_text li:nth-child(2) { font-size: 22px; line-height: 160%; font-weight: var(--font5);}
.q_Space01 { margin-top: 290px;}
.q_Space02 { margin-top: 210px;}
.q_Space03 { margin-top: 210px;}
.q_Space04 { margin-top: 240px;}
.q_Space05 { margin-top: 312px;}
.q_Space06 { margin-top: 228px;}
.q_Space07 { margin-top: 230px;}
.q_Space08 { margin-top: 255px;}
.question_text li:nth-child(3) { font-size: 36px; font-weight: var(--font6); margin-bottom: 20px;}
.question_text dd li:nth-child(4) { text-align: justify; }
.question_m_text { display: none;}

.stage { width: 323px; }
.stage img { width: 100%; height: auto; }

.intensive_title { width: 775px; margin: 60px auto 15px;}
.orange_q dl:nth-child(even) { background: var(--backcolorOr); box-shadow: 0 0 0 100vmax var(--backcolorOr); clip-path: inset(0 -100vmax);}
.orange_q dl:nth-child(odd) { background: var(--backcolorOr2); box-shadow: 0 0 0 100vmax var(--backcolorOr2); clip-path: inset(0 -100vmax);}

.mintyo { font-family: var(--mintyo); font-weight: var(--font6);}

/*pdf*/
.pdf_backBl { background: var(--colorBl);}
.pdf_backOr { background: var(--colorOr);}
.pdf_container { border-radius: 25px; margin: 30px 0;}
.pdf_container dl { display: flex; justify-content: center; padding: 20px 0;}
.pdf_container ul { margin-top: 115px;}
.pdf_container li:nth-child(1) { width: 356px;}
.pdf_container li:nth-child(2) { margin: 0 0 18px 0; color: #fff; font-size: 22px; font-weight: var(--font6);}
.pdf_container li:nth-child(3) { }
.pdf_container li:nth-child(3) a { display: block; color: #fff; text-align: center; padding: 7px 0; text-decoration: none; }

.puzzle { width: 1200px; height: 300px; text-align: center; margin: 60px auto 0 auto;}
.puzzle img { width: 400px; height: auto;}

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

	/*一貫した理解*/
	.ikkan_area  { flex-wrap: wrap;}
	.ikkan_photo { margin: 0 auto;}
	.ikkan_photo img { width: 100%; height: auto;}
	.ikkan_area ul { padding-left: 0; padding-top: 25px;}
	.ikkan_title { font-size: 24px; margin-bottom: 15px;}

	/*コース*/
	.course_bg { background: url("../../img/shape_back3.jpg") no-repeat;  background-size: auto; background-position: center bottom 310px;}
	.course_container {  padding: 50px 0 40px;}
	.course_regular_area { width: 100%;}
	.course_regular_area img { width: 100%;}
	.course_intensive_area { width: 100%; margin-top: 50px; }
	.course_intensive_area img { width: 100%;}
	.course_container li:nth-child(1) { margin-bottom: 15px; height: auto;}
	.course_container li:nth-child(2) { font-size: 24px; font-weight: var(--font6); margin-bottom: 8px;}
	.subjects { font-size: 40px; line-height: 130%; margin: 25px auto 0;}
	.subjects span { display: inline-block;}

/*例題*/
	.question_container { }
	.regular_title { width: 100%;}
	.question_container dl { flex-wrap: wrap; padding: 30px 0;}
	.question_img { order: 2; width: 100%;  filter: drop-shadow(4px 4px 4px  rgba(0, 0, 0, 0.4)); margin: 0 0 25px;}
	.question_img img { width: 100%; height: auto;}
	.question_container dd { order: 1;}
	.question_text ul { padding: 0 15px 0 0;}
	.stage { width: 190px;}
	.stage img { width: 100%; height: auto;}
	.question_text li:nth-child(2) { font-size: 20px; margin: 10px 0 10px 0}
	.q_Space01 { margin-top: 20px;}
	.q_Space02 { margin-top: 20px;}
	.q_Space03 { margin-top: 20px;}
	.q_Space04 { margin-top: 20px;}
	.q_Space01 { margin-top: 0;}
	.question_text li:nth-child(3) { display: none;}
	.question_text li:nth-child(4) { display: none; }
	.question_m_text { order: 3; display: block;}
	.question_m_text li:nth-child(1) {font-size: 22px; font-weight: var(--font6); margin: 10px 0;}
	
	.intensive_title { width: 100%; margin: 60px auto 15px;}

	/*pdf*/
	.pdf_container { }
	.pdf_container dl { flex-direction: column; align-items: center; padding: 20px;}
	.pdf_container ul { margin-top: 0; font-size: 20px;}
	.pdf_container li:nth-child(1) { max-width: 356px; width: 100%;}
	.pdf_container li:nth-child(1) img { width: 100%; height: auto; }
	.pdf_container li:nth-child(2) { text-align: center; font-size: 18px; margin-top: 3px;}
	.pdf_container li:nth-child(3) { }
	.pdf_container li:nth-child(3) a { }
	.pdf_container li:nth-child(3) a:hover { }
	
	.puzzle { width: 100%; height: auto; text-align: center; margin: 30px 0 35px;}
	.puzzle img { width: 300px; height: auto;}


}