@charset "UTF-8";
@import "../common/css/reset.css";
@import "../common/css/common.css";

/**************************************************/
/* index.html */
/**************************************************/
body{}
body:before,
body:after{content:'';display:block;font-size:20px;position:fixed;top:0;margin:50px  auto 0;padding:64em 0 0;background-repeat:repeat;background-size:375px auto;z-index:3;}
body:before{left:0;right:50%;margin-right:375px;background-image:url("../img/bodyLeft.png");background-position:right top;}
body:after{left:50%;right:0;margin-left:375px;background-image:url("../img/bodyRight.png");background-position:left top;}

/* ヘッダ */
/**************************************************/
#head{}
#head h1{}

/* メイン */
/**************************************************/
#main .sectionBox:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:100%;background:url("../img/mainBg.png") repeat-y center top;background-size:100% auto;z-index:2;}

/* KV */
/**************************************************/
#kv{}
#kv:after{content:'';display:block;padding-top:2.9334%;clear:both;}
#kv h2{position:relative;padding:17.4667% 0 3.7334%;}
#kv h2:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;margin-top:-0.1334%;padding-top:16.2667%;background:url("../img/kvDeco.png") no-repeat center;background-size:100% auto;z-index:1;}
#kv h2 img{position:relative;width:82%;margin:0 auto;margin-left:8.6667%;z-index:2;}

.kvText{width:66.9334%;margin:0 auto;margin-left:6.8%;padding-top:2.8%;float:left;}
.kvText p{font-size:19px;font-weight:bold;font-style:normal;line-height:2.1053em;text-align:left;}

#kvImg{width:21.3334%;float:right;margin:0 auto;margin-right:3.6%;}

/* バナー */
/**************************************************/
#banner{}
#banner h2{padding-bottom:4.1334%;}
#banner h2 img{width:82.8%;margin:0 auto;margin-left:8.4%;}
#banner ul{}
#banner ul:after{content:'';display:block;padding-top:6.1334%;clear:both;}
#banner ul li{width:40.6667%;float:left;margin-left:5.3334%;}
#banner ul li:first-child{margin-left:6.6667%;}
#banner ul li{display:block;position:relative;}
#banner ul li:before{content:'';display:block;position:relative;padding-top:110.8197%;z-index:1;}
#banner ul li img{position:absolute;top:0;left:0;width:100%;z-index:2;}

/* メッセージ */
/**************************************************/
#message{}
#message p{padding:4.2667% 0 5.0667%;}
#message p:before,
#message p:after{content:'';display:block;position:absolute;top:0;margin:0 auto;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
#message p:before{left:4.2667%;width:18.1334%;padding-top:11.2%;background-image:url("../img/messageDeco1.png");}
#message p:after{right:3.6%;width:21.3334%;margin-top:3.3334%;padding-top:6.5334%;background-image:url("../img/messageDeco2.png");}
#message p img{width:41.4667%;margin:0 auto;margin-left:29.0667%;}

@media print, screen and (max-width: 750px) {

/* メイン */
/**************************************************/
#main .sectionBox:after{background-image:url("../img/mainBg-sp.png")}

/* KV */
/**************************************************/
#kv:after{padding-top:7.2%;}
#kv h2{padding:18.1334% 0 7.3334%;}
#kv h2:before{padding-top:16.2667%;background-image:url("../img/kvDeco-sp.png");}
#kv h2 img{width:81.8667%;margin-left:8.8%;}

.kvText{width:82.9334%;margin-left:8.6667%;padding-top:0;float:none;padding-bottom:1.3334%;}
.kvText p{font-size:3.7334vw;line-height:1.8215em;}

#kvImg{width:63.6%;float:none;margin-right:19.2%;}

/* バナー */
/**************************************************/
#banner h2{padding-bottom:3.3334%;}
#banner h2 img{width:62%;margin-left:19.2%;}
#banner ul:after{padding-top:14.6667%;}
#banner ul li{width:65.3334%;float:none;margin-left:17.3334%;}
#banner ul li:first-child{margin-left:17.3334%;margin-bottom:10.4%;}
#banner ul li:last-child img{width:122.0409%;}
#banner ul li:before{padding-top:77.5511%;}

/* メッセージ */
/**************************************************/
#message p{padding:3.3334% 0 5.2%;}
#message p:after{right:1.6%;}
#message p img{width:49.6%;margin-left:25.2%;}

}

/**************************************************/