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

/*----------オープニング----------*/
#header { background: none; position: absolute;}
.social { padding-top: 60px;}
#header .logo, #header .tel { display: none;}

#canvas { position: relative; top: 0; left: 0; z-index: 2;}
#canvas .dot {
	z-index: 11;
	background: url(../common/img/tex_dot.png);
	
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	-ms-background-size: 16px auto;
	}
#canvas > * { position: absolute; top: 0; left: 0;}
#canvas #main_img img { position: absolute; top: 0; left: 0; z-index: 10;}

#main_text { position: absolute; top: 0; left: 0; z-index: 50;}
#main_text .f_t {
	position: absolute; top: 50%; left: 50%; text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
	
	
	}

#main_text .t1 {
	width: 21px;
	height: 137px;
	margin: -188px 0 0 78px;
	background-image: url(../img/opening/main_sttl.png);
	
	background-size: auto 137px;
	-webkit-background-size: auto 137px;
	-moz-background-size: auto 137px;
	-o-background-size: auto 137px;
	-ms-background-size: auto 137px;
	}
#main_text .t2 {
	width: 57px;
	height: 184px;
	margin: -148px 0 0 -20px;
	background-image: url(../img/opening/main_logo.png);
	
	background-size: auto 184px;
	-webkit-background-size: auto 184px;
	-moz-background-size: auto 184px;
	-o-background-size: auto 184px;
	-ms-background-size: auto 184px;
	}
#main_text .t3 {
	width: 11px;
	height: 215px;
	margin: -148px 0 0 -62px;
	background-image: url(../img/opening/main_t01.png);
	
	background-size: auto 215px;
	-webkit-background-size: auto 215px;
	-moz-background-size: auto 215px;
	-o-background-size: auto 215px;
	-ms-background-size: auto 215px;
	}
#main_text .t4 {
	width: 11px;
	height: 149px;
	margin: -81px 0 0 -84px;
	background-image: url(../img/opening/main_t02.png);
	
	background-size: auto 149px;
	-webkit-background-size: auto 149px;
	-moz-background-size: auto 149px;
	-o-background-size: auto 149px;
	-ms-background-size: auto 149px;
	}
#main_text .t5 {
	width: 11px;
	height: 167px;
	margin: -148px 0 0 -108px;
	background-image: url(../img/opening/main_t03.png);
	
	background-size: auto 167px;
	-webkit-background-size: auto 167px;
	-moz-background-size: auto 167px;
	-o-background-size: auto 167px;
	-ms-background-size: auto 167px;
	}
#main_text .t6 {
	width: 11px;
	height: 115px;
	margin: -81px 0 0 -130px;
	background-image: url(../img/opening/main_t04.png);
	
	background-size: auto 115px;
	-webkit-background-size: auto 115px;
	-moz-background-size: auto 115px;
	-o-background-size: auto 115px;
	-ms-background-size: auto 115px;
	}
#main_text a { position: absolute; top: 50%; left: 50%; margin: 117px 0 0 -15px;}
#main_text .copy { position: absolute; bottom: 20px; left: 50%; margin-left: -84px;}