@charset "utf-8";




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

#wrapper h1									{width:1000px; text-align:center;margin-top:40px;font-size:42px; color:#fff;}
#wrapper h1 > span 						    {font-size:18px;color:#f56987;display:block;text-decoration:underline;padding:0 0 24px 0;}
#wrapper video								{position:absolute; width:600px; height:360px; left:200px; top:145px;}
#wrapper a									{position:absolute; overflow:hidden; width:151px; height:44px; left:432px; top:538px; 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 75px no-repeat; margin:0 50%;}

#wrapper h1									{width:360px;display:block;text-align:center;margin-top:10px;font-size:22px; color:#fff;}
#wrapper h1 > span 						    {font-size:13px;color:#f56987;display:block;text-decoration:underline;padding:0 0 10px 0;}
#wrapper video								{width:310px; height:186px; left:25px; top:89px;}
#wrapper a									{width:101px; height:29px; left:127px; top:300px; 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									{display:block;text-align:center;margin-top:60px;font-size:22px; color:#fff;}
#wrapper h1 > span 						    {font-size:13px;color:#f56987;display:block;text-decoration:underline;padding:0 0 10px 0;}
#wrapper video								{top:140px;}
#wrapper a									{top:340px;}

}