@charset "utf-8";
/* トップページ スタイル */

html,body { height:100%; }

#main { /*background:#7ac2c1;*/ width:100%; height:100vh; position:relative; }
.main_content { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; }
.main_content:after { content:""; position:absolute; bottom:0; left:calc(50% - 167px); width:30%; max-width:334px; height:496px; padding-top:%; background:url(../img/top/img_bear_half.png) no-repeat bottom center / 100% auto; }

.main_txt { margin-top:260px; padding-left:8%; color:#fff; }
.main_txt_en { font-size:25px; font-weight:bold; /*text-shadow: 1px 0px 10px rgba(255,255,255,0.75);*/ }
.main_txt_jp { margin-top:20px; padding-bottom:30px; background:url(../img/top/bg_dot.png) no-repeat bottom left; font-weight:bold; }
.main_txt_jp span { padding:0 10px; }
.mainBg { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; }
.bg-item li .slide-bg1 { background:#7ac2c1; width:100%; height:100vh; }
.bg-item li .slide-bg2 { background: url(../img/top/bg_main.jpg?20210112) no-repeat top center / cover; width:100%; height:100vh; }
.bg-item li .slide-bg3 { background: url(../img/top/bg_main3.jpg?20210112) no-repeat top center / cover; width:100%; height:100vh; }
.bg-item li .slide-bg4 { background: url(../img/top/bg_main4.jpg?20210112) no-repeat top center / cover; width:100%; height:100vh; }
.bg-item li .slide-bg5 { background: url(../img/top/bg_main5.jpg?20210112) no-repeat top center / cover; width:100%; height:100vh; }
.bg-item li .slide-bg6 { background: url(../img/top/bg_main6.jpg?20210112) no-repeat top center / cover; width:100%; height:100vh; }

.scroll_down_btn a:before { content:""; position:absolute; top:-50px; left:calc(50% - 0.5px); width:1px; height:70px; background:#fff; }
.scroll_down_btn a { position:absolute; z-index: 10; bottom:0; right:0; background:#62b6b5; width:192px; height:94px; display:block; color:#fff; display: flex; align-items: center; justify-content: center; font-size:14px; }

.banner { display:flex; justify-content:space-between; max-width:968px; margin:-110px 0 0; position:relative; z-index:10;}
.banner li { width:50%; }
.banner li img { transition:0.3s; }
.banner li:hover img { box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1); transform: translateY(-4px); }

#contents { position:relative; }
#contents:after { content:""; position:absolute; top:0; right:0; width:192px; height:368px; background:#7ac2c1; }


	@media screen and (max-width: 1200px) {
		.scroll_down_btn, #contents:after { display:none; }
	}

	@media screen and (max-width: 1100px) {
		/*.main_content:after { left:calc(50% - 167px); width:25%; max-width:334px; height:; }*/
		.main_txt { margin-top:260px; padding-left:5%; color:#fff; }
	}


	@media screen and (max-width: 1024px) {
		.main_content:after { left:calc(50% - 22.5%); left:60%; width:45%; height:496px; }
		.banner { margin: -110px auto 0; }
		.banner li { margin:0 5px; }
	}

	
	
	@media screen and (max-width: 600px) {
		h1 { max-width:90px; }
		.main_txt { margin-top:170px; }
		.main_txt_en { line-height:1.5; }
		.main_txt_jp { font-size:14px; }
		.main_txt_jp { background-size:18% auto; }
		.main_content:after { left:calc(50% - 27.5%); left:55%; width:52%; }
		.banner { flex-wrap:wrap; }
		.banner li { width:100%; text-align: center; }
	}