/* CSS Document */

#sec01{
	background-size:100%;
	background-repeat:no-repeat;
	height:auto;
	padding:5% 2.5%;
	position:relative;
	background-image:url(../images/p01/bg.png);
	width:100%;
	box-sizing:border-box;
}

#sec02{
	background-size:cover;
	background-repeat:repeat-y;
	height:auto;
	padding:5% 2.5%;
	position:relative;
	width:100%;
	box-sizing:border-box;
	margin-top:-12vw;
}
.attention{color:#fff; font-size:11px; text-align:center; font-weight:bold;}

#sec02 div{background:rgba(255,255,255,0.7); padding:5% 4%; width:95%; box-sizing:border-box; margin:auto;}
#sec02 div p{margin:5% 2.5%;}
#sec02 div img.special{width:90%; margin:auto; display:block;}

.ramen{width:100%; display:block;}


#uspork{position:absolute; top:10px; right:10px; width:40px;}
#sec01 img{display:block; margin-left:auto; margin-right:auto;}

#sec01 dl{background:rgba(255,255,255,0.8); padding:1.5% 2.5%; color:#000; border-radius:20px; width:95%; margin:1% auto 3%;}
dl.spec p{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight:bolder; margin-top:3.5%;}
dl img{padding:5% 0;}
#spec-01{top:60px; left:20px;}
#spec-02{top:60px; right:20px;}
#spec-03{top:365px; left:20px;}


.logo{margin:-10% auto 0; z-index:100; position:relative;}
.tate-title{position:absolute; width:auto; left:2.5%; bottom:1%; z-index:100;}
.sawanatsu{position:absolute; right:0; top:65vw; width:50%; z-index:3;}