@charset "UTF-8";
/* CSS Document */


html,
body,
#wrapper { width: 100%; height: 100%;}
#wrapper { /*background:url(../images/bg.png);*/ margin-top: -6px; }

video {
	position: fixed;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -2;
}
.bgdot{background:url(../images/bg_dot.png) ;
	position: fixed;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;}

#Container { margin: 50px auto; width: 900px; color: #fff; line-height: 1.7em; text-align: justify;}
#Container .ttl {}
#Container .maingimg {}
#Container .catch { line-height: 2em; margin-bottom: 50px; }
	#Container .catch .col-l { width: 85px;}
	#Container .catch .catch-in { padding-left: 125px;}
		#Container .catch .catch-in .eng { font-family: "Times New Roman", Times, serif; font-size: 20px; font-style: italic; line-height: 1.4em;  }
		#Container .catch .catch-in .jpn { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 20px; letter-spacing: 0.2em;}
#Container .desc { }
	#Container .desc .eng { font-size: 12px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1em; line-height: 1.4em; }
	#Container .desc .jpn { font-size: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  letter-spacing: 0.2em;}
#Container .contact { font-family: Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.1em; line-height: 1.5em; }
	#Container .contact .head { font-weight: bold; font-size: 13px; margin-bottom: 10px;} 
	#Container .contact a { color: #fff; text-decoration: underline; } 
	#Container .contact p br{ display: none; } 

@media screen and (max-width: 1124px) {
	
#Container { padding: 0 80px; width: auto;}
#Container .desc br { display: none; }
}

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

#Container .desc .eng { }
#Container .catch br { display: none; }
#Container .ttl img { width: 100%; text-align: center; margin-bottom: 40px;}
#Container .maingimg img { width: 60%; text-align: center;}
	
}


@media screen and (max-width: 648px) {
	
video { display: none;}
body { background:#44A1F6;  }
#sp-video{ background:url(../images/bg2108.png) no-repeat center center; background-size: cover;
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%;
	height: 110vh;
	z-index: -2;}


#Container { padding: 0 30px; width: auto; text-align: center;}
#Container .maingimg { margin-bottom: 100px;}
#Container .catch { padding-bottom: 100px; }
	#Container .catch .logo { float: none; display: inline; width: 100%;}
	#Container .catch .logo img { width: 25%; margin-bottom: 20px;}
	#Container .catch .catch-in { padding-left: 0;}
#Container .eng { padding-bottom: 30px; }
#Container .jpn { }
#Container .desc { padding-bottom: 100px; }
	#Container .desc p.head { padding-bottom: 20px; }
#Container .contact{ padding-bottom: 100px; }
	#Container .contact p { margin-bottom: 40px; } 
	#Container .contact p.head { padding-bottom: 30px;} 
	#Container .contact p span{ display: none; } 
	#Container .contact p br{ display: inline; }
	#Container .contact a{ display: block; letter-spacing: 0.1em; padding: 5px 0;}
	
}