@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: 65px; color: var(--colorOr); font-weight: var(--fontB); line-height: 120%; text-align: center; padding: 45px 0 40px; font-feature-settings: "palt";}

.youkoso { margin: -200px 0 0 0; }
.welcome_area { display: flex; justify-content: center; margin: -25px 0 0 0; }
.welcome_area li:first-child { width: 334px;}
.welcome_area li:last-child  { width: 411px; margin-left: 5px; }
/**/
.adventure_container { margin: 50px 0 0 0;}
.adventure_container ul { display: flex; padding: 60px 0; }
.adventure_container ul:nth-child(odd) { background-color: var(--backcolorOr); box-shadow: 0 0 0 100vmax var(--backcolorOr); clip-path: inset(0 -100vmax);}
.adventure_container ul:nth-child(even) { background-color: var(--backcolorBl); box-shadow: 0 0 0 100vmax var(--backcolorBl); clip-path: inset(0 -100vmax);}
.adventure_container li:first-child { margin-right: 70px;}
.adventure_container dt { font-size: 36px; font-weight: var(--font6); line-height: 100%; font-feature-settings: "palt"; margin: -2px 0 20px}
.adventure_container dd { line-height: 28px; font-family: var(--mintyo); font-weight: var(--font6); text-align: justify;}

/*目標*/
.mokuhyou { background: url("../../img/shape_back.jpg") no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 100px; height: 850px; }
.mokuhyou h2 { font-size: 46px; line-height: 140%; font-family: var(--mintyo); color: var(--colorOr); text-align: center; font-feature-settings: "palt"; }
.mokuhyou h2 span {margin-left: 15px;}

.objective_area { margin: 90px 0 0 0;}
.objective_area dl { display: flex; padding: 25px 20px; border-radius: 20px; }
.objective_area dl:first-child { background-color: var(--backcolorOr); margin-bottom: 30px;}
.objective_area dl:last-child  { background-color: var(--backcolorBl);}
.objective_area dt { width: 290px; }
.objective_area dd { font-size: 24px; line-height: 42px; font-weight: var(--font5); padding-top: 2px}
.objective_text { width: 850px; line-height: 28px; text-align: justify; margin: 20px 0 0 15px; font-family: var(--mintyo); font-weight: var(--font5);}

.moriyasu { display: inline-block; position: relative; top: -500px; left: 780px;}


.puzzle { width: 1200px; height: 300px; text-align: center; margin: 50px 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%; padding: 0 30px; }
	.pagetitle_img { width: 100%; text-align: center; margin: 0 0 0 ;} 
	.pagetitle_img img { width: 100%; height: auto;}
	.pagetitle2 { font-size: 45px; }

	.youkoso { margin: -170px 0 0 0; padding: var(--mbSpace);}
	.youkoso span { display: inline-block;}
	.welcome_area {flex-wrap: wrap; margin: 15px 0 0 0; padding: var(--mbSpace);}
	.welcome_area li:first-child { width: 235px;}
	.welcome_area li:last-child  { width: 290px; margin-left: 5px}
	
	/**/
	.adventure_container { margin: 30px 0 0 0;}
	.adventure_container ul { flex-direction: column; padding: 50px 0; }
	.adventure_container li:first-child { margin-right: 0;}
	.adventure_container li:first-child img { width: 100%; height: auto;}
	.adventure_container dt { font-size: 28px; font-weight: var(--font6); line-height: 140%; margin: 20px 0 10px}
	.adventure_container dd {}

	/*目標*/
	.mokuhyou { background: url("../../img/shape_back.jpg") no-repeat; background-size: auto 70%; height: auto; background-position: top left; padding-top: 70px; padding-bottom: 0; margin-bottom: 100px;}
	.mokuhyou h2 { font-size: 40px; line-height: 120%; }
	.mokuhyou h2 span { display: inline-block;}
	.objective_area { margin: 60px 0 0 0;}
	.objective_area dl { flex-direction: column; padding: 25px 0 25px 15px; font-size: 19px; line-height: 32px;}
	.objective_area dt { width: 100%; margin-bottom: 20px;}
	.objective_area dt:first-child img { width: 241px;}
	.objective_area dt:last-child img  { width: 253px;}
	.objective_area span { display: inline-block;}
	.objective_text { width: 100%; line-height: 28px; text-align: justify; margin: 20px 0 0 0;}
	.moriyasu { position: relative; top: 35px; left: 0px; text-align: center}
	

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


}