@charset "UTF-8";
.wrap{overflow:hidden;}
/* リニアトップ */
#top{display:inherit;width:90%;height:100vh;margin:0 auto;padding-top:100px;position:relative;}
#top h1{color:#000;width:fit-content;height:fit-content;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding-top:100px;font-size:25px!important;}
#top img{width:100%;height:100%;}

/* レスポンシブトップ非表示 */
#responsive-top{display:none;}

/* メイン画面 */
/* 概要 */
#overview{width:100%;height:100%;position:relative;padding:100px 0;}
#overview img{position:absolute;top:160px;right:22%;width:20%;z-index:1;}
#overview h2{text-align:center;padding:20px;letter-spacing:0.2em;padding-left:0.2em;}
.part{text-align:center;padding:0px;margin:20px;}
.youtube{text-align:center;padding-top:100px;}

/* メニュー */
/* 写真メニュー */
.evolution{width:100%;height:500px;position:relative;}
.evolution img{width:100%;height:100%;}
.evolution:hover{opacity:0.8;transition:0.6s;}
.impact{width:80%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center;}
.impact h2{color:#fff;padding:60px 8%;transform:translate(0,-50%);}
.impact p{color:#fff;width:52%;position:absolute;top:50%;left:41%;transform:translateY(-50%);}
.impact p::after{content:"";position:absolute;bottom:0%;right:0%;width:100%;height:100%;background-color:rgba(39,39,39,0.4);padding:30px 50px;z-index:-1;transform:translate(50px,30px);}
/* メニュータイトル英語 */
.eng{font-size:12px;letter-spacing:0.2em;text-indent:0.8em;display:block;position:absolute;top:40%;}
/* メニュータイトル */
.index{letter-spacing:0.4em;text-indent:0.4em;display:block;}
/* VIEW MORE */
.view{display:flex;justify-content:flex-end;font-size:12px;line-height:1em;margin-top:10px;align-items:center;text-align:center;}
.view::before,.view::after{content:"";flex-grow:0.1;border-bottom:1px solid #FFF;}
.view::before{margin-right:10px;padding-left:15px;}
.view::after{margin-left:10px;padding-right:15px;}

/* レスポンシブ写真メニュー非表示 */
#responsive-menu{display:none;}

/* ３つのメニュー */
.object{width:80%;margin:100px auto 0;}
.news{background-color:#588CBF;}
.kids{background-color:#0D60B3;}
.club{background-color:#042F82; margin-bottom: 100px;}
.menu{width:100%;height:auto;padding:90px 8%;position:relative;display:flex;justify-content:space-between;align-items:center;}
.menu + .menu {margin-top:15px;}
.menu h2{color:#FFFFFF;}
.menu p{color:#FFFFFF;width:52%;position:absolute;top:50%;left:41%;transform:translateY(-50%);}
.menu:hover{opacity:0.8;transition:0.6s;}

/* レスポンシブ３つのメニュー非表示 */
.res-object{display:none;}



/* タブレットサイズ */
@media screen and (max-width:1024px) {
	header{background-color:rgba(255,255,255,0.6);}

	/* リニアトップ非表示 */
	#top{display:none;}

	/* レスポンシブトップ写真 */
	#responsive-top{display:inherit;width:100vw;height:100vh;position:relative;}
	#responsive-top h1{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:0;padding:0;font-size:22px;letter-spacing:0.3em;line-height:0.2em;color:#FFFFFF;font-family:YuMincho,"Yu Mincho","Hiragino Mincho ProN","serif";}
	#responsive-top img{width:100%;height:100vh;margin:0 auto;}

	/* 概要 */
	#overview{width:100%;height:100%;position:relative;padding:20px 0;}
	#overview img{top:35%;left:70%;width:24%;transform:translate(-50%,-50%);}
	.part{margin:20px 3%;}
	.youtube{padding-top:30px;}


	/* 写真メニュー非表示 */
	.evolution{display:none;}
	/* レスポンシブ写真メニュー */
	#responsive-menu{display:inherit;width:100%;height:100%;position:relative;}
	.res-evolution img{width:100%;height:auto;}
	.res-impact{position:absolute;width:100%;height:auto;text-align:center;top:48%;transform:translateY(-50%);}
	.res-impact h2{display:inline-block;color:#FFFFFF;line-height:1em;}
	.res-impact p{margin:20px 0; color: #fff;}
	.res-eng{font-size:12px;letter-spacing:0.2em;text-indent:0.2em;display:block;line-height:1em;padding-bottom:5px;}
	.res-index{font-size:18px;letter-spacing:0.4em;text-indent:0.4em;display:block;line-height:normal;}
	.res-view{font-size:14px;padding:10px 25px;background-color:rgba(78,78,78,0.4);color:#FFFFFF;}
	.res-view:hover{opacity:0.8;}

	/* ３つのメニュー非表示 */
	.object{display:none;}
	/* レスポンシブ３つのメニュー */
	.res-object{display:inherit;}
	.res-menu{text-align:center;padding:80px;margin:30px 0;}
	.res-menu h2{display:inline-block;color:#FFFFFF;line-height:1em;}
	.res-menu p{color:#FFFFFF;line-height:2em;padding:20px;}
	.res-link{font-size:14px;display:inline-block;color:#FFFFFF;border:1px solid #FFFFFF;padding:10px 25px;}
	.res-link:hover{opacity:0.8;background-color:rgba(78,78,78,0.4);}
}

/* スマートフォンサイズ */
@media screen and (max-width:559px) {
	/* 概要 */
	#overview img{top:40%;left:65%;width:55%;}
	.youtube{padding-top:0px;}
	.youtube iframe{width:fit-content;height:auto;}
	.res-menu{padding:30px 20px 40px;}
	footer{margin-top:100px;}
}