html, body {overflow:hidden;}
#introWrap {position:fixed;top:0;left:0;right:0;bottom:0;min-width:360px;}
#introWrap:before {content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:10;}
#introWrap #videoWrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;}
#introWrap #videoWrap #yVideo {width:100%;height:100vh;position:absolute;;top:50%;left:50%;transform:translate(-50%,-50%);}


#introWrap #linkWrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;width:100%;max-width:1200px;}
#introWrap .txt{color:#fff;font-size:32px;line-height:50px;font-family: 'Arita-buri';white-space:nowrap;}
#introWrap .tit{color:#fff;font-size:54px;line-height:60px;white-space:nowrap;}

#introWrap .link_list {margin-top:50px;overflow:hidden;}
#introWrap .link_list li {float:left;width:calc(32% - 20px);margin:0 10px;}
#introWrap .link_list li:nth-child(1) a{background:rgb(211, 176, 147,.4);}
#introWrap .link_list li:nth-child(2) a{background:rgb(155, 96, 55,.4);} 
#introWrap .link_list li:nth-child(3) a{background:rgba(109,104,92,.4)}
#introWrap .link_list li:nth-child(4) a{background:rgba(5,45,46,0.4)}
#introWrap .link_list li a{display:block;line-height:50px;font-size:24px;color:#fff;}


@media screen and (max-width: 980px) { 
	html, body {overflow-y:auto;}
	#introWrap {position:static;}
	#introWrap:before {display:none;}
	#introWrap #videoWrap {position:relative;top:0;left:0;transform:translate(0,0);width:100%;height:600px;background:url(/img/mobile/intro/bg.jpg)no-repeat 50% 50%;background-size:cover;}
	#introWrap #linkWrap {position:static;transform:translate(0,0); }
	#introWrap #videoWrap #yVideo, #introWrap #linkWrap .txt, #introWrap #linkWrap .tit {display:none;}
	#introWrap .tit_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;}
	#introWrap .link_list {margin-top:0;}
	#introWrap .link_list li {float:none;width:100%;height:0;padding-bottom:35%;margin:0;}
	#introWrap .link_list li a {padding-bottom:35%;position:relative;}
	#introWrap .link_list li a span {position:absolute;top:50%;right:50px;}
	#introWrap .link_list li:nth-child(1){background:url(/img/mobile/intro/link_bg01.jpg) no-repeat 50% 50%;background-size:cover;}
	#introWrap .link_list li:nth-child(2){background:url(/img/mobile/intro/link_bg02.jpg) no-repeat 50% 50%;background-size:cover;}
	#introWrap .link_list li:nth-child(3){background:url(/img/mobile/intro/link_bg03.jpg) no-repeat 50% 50%;background-size:cover;}
	#introWrap .link_list li:nth-child(4){background:url(/img/mobile/intro/link_bg04.jpg) no-repeat 50% 50%;background-size:cover;}


	#introWrap .txt, #introWrap .tit {text-shadow: 5px 5px 5px rgba(0,0,0,1);}

}
@media screen and (max-width: 720px) { 
	#introWrap .txt {font-size:24px;line-height:35px;}
	#introWrap .tit {font-size:36px;line-height:50px}
	
	
}
@media screen and (max-width: 480px) { 
	#introWrap .txt {font-size:20px;line-height:30px;}
	#introWrap .tit {font-size:28px;line-height:45px}
	
	
}

@media screen and (max-width: 360px) {
	
}