/* CSS Document */

/*page01*/




section{display:block; padding:0; position:relative; font-size:14px;}
#sec01{background:url(../images/p01/bg.jpg); background-size:cover; background-position:center; position:relative; padding:25% 2.5% 0; margin-bottom:0; box-sizing:border-box;}
#sec01 img#title-01{position:relative; box-sizing:border-box; z-index:1; margin-bottom:0px; }
#sec01 img#ramen{display:block; position:relative; z-index:0; width:90%; margin:0 auto 50px; z-index: 0;}
#sec01 img#logo{position:relative; z-index:1; margin-top:-50px; left:0; margin-bottom:2%;}

#sec02{width:100%; position:relative; padding:0; box-sizing:border-box; background:; margin:0 auto;}
#sec02 #title-02{position:relative; width:90%; margin:1rem auto 0; display: block;}
#sec02 p{color:#000; /*filter: drop-shadow(0 0 4px black);*/}

#sec03 #image-01{width:200px; margin-left:2%;}
#sec03{width:95%; position:relative; box-sizing:border-box; margin:3% auto 2%;}
#sec03 img{margin:auto; display:block;}
#sec03 p{padding:0 1% 1%; color:#fff;}
.mini-title-02{margin:0 auto 3%; display:block;}

#sec04{width:95%; position:relative; box-sizing:border-box; margin:0 auto 3%;}
#sec04 img.image{width:50%; height:100%; display:block; padding:3% 2% 0 0;}
#sec04 p{padding:1.5%; width:50%; background:#fff; border-radius: 15px;}

#shoyu{position:absolute; bottom:-60px; right:-15px; width:80px; z-index: 999;}

.detail{font-size:12px; background:#fff; padding:1.5%; width:155px; margin-right:2.5%;}

.spec{font-size:1.5vw; line-height:2vw; position:absolute; z-index:30;}
#spec01{top: 50%; left: 15%; right: 70%;}
#spec02{top: 15%; right: 40%; left: 45%;}
#spec03{top: 45%; left: 40%; right: 45%;}
#spec04{top: 60%; right: 45%; left: 40%;}