@charset "utf-8";




body												{background:url("../image/intro/bg.png") repeat-x;}
#wrapper										{position:absolute; width:1000px; height:600px; left:-500px; top:0; background:url("../image/intro/bg_pc.png") center 128px no-repeat; margin:0 50%;}
#wrapper:after								{content:""; display:block; clear:both;}

#wrapper h1									{float:left; width:1000px; height:45px; text-indent:-9999px; background:url("../image/intro/logo_pc.png") center no-repeat; margin-top:70px;}
#wrapper video								{position:absolute; width:600px; height:360px; left:200px; top:145px;}
#wrapper a									{position:absolute; overflow:hidden; width:136px; height:41px; left:432px; top:520px; text-indent:-9999px; background:url("../image/intro/btn_pc.png") no-repeat;}





@media all and (max-width:999px) {

#wrapper										{width:360px; height:320px; left:-180px; top:10px; background:url("../image/intro/bg_mobile.png") center 60px no-repeat; margin:0 50%;}

#wrapper h1									{width:360px; height:32px; background:url("../image/intro/logo_mobile.png") center no-repeat; margin-top:20px;}
#wrapper video								{width:310px; height:186px; left:25px; top:70px;}
#wrapper a									{width:86px; height:33px; left:137px; top:270px; background:url("../image/intro/btn_mobile.png") no-repeat;}

}





@media all and (max-width:500px) {

#wrapper										{height:400px; top:0; background-position:center 125px;}

#wrapper h1									{margin-top:80px;}
#wrapper video								{top:135px;}
#wrapper a									{top:340px;}

}