/* CSS Document */

/*page01*/




section{display:block; padding:0; position:relative;}
#sec01{position:relative; padding:3% 0; box-sizing:border-box; background:url(../images/p01/bg.jpg);}
.contents_body img{position:relative; box-sizing:border-box; z-index:1; display:block; margin:0 auto;}

.spec{display:flex; position:absolute; z-index:5; flex-wrap:wrap; padding:0 1.5%; justify-content:space-between;}
.spec dl{padding:2.5%; background:rgba(0,62,150,0.7); color:#fff; width:21%;}
.spec dl img{margin-bottom:5%; max-width:100%;}
#sec01 p{color:#fff; margin:15px 0; text-align:center; font-size:12px;}

.s2{top:360px;}

#sec01 img#logo{position:absolute; z-index:1; top:540px;  left: 0;
  right: 0;
  margin: auto;width:70%;}

#sec02{width:100%; position:relative; padding:0; box-sizing:border-box; background:; margin:0 auto; padding:2.5% 2.5% 0; box-sizing: border-box;}
#sec02 img{width:100%;}
#sec02 #title-02{position:relative; width:100%; margin:2rem auto; display: block;}
#sec02 p{font-size:15px; color:#fff; width:95%; margin:auto;/*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#block-01{width:100%; margin:0;}
#sec03 div{font-size:14px; position:absolute; top:-15px; left:10px; box-sizing:border-box; margin:3% auto; padding:1%;}
#sec03 div img{margin-right:1%;}
#sec03 div p{padding:0 1% 1%;}

#sec04{width:95%; position:relative; box-sizing:border-box; margin:0 auto 3%;}
#sec04 img#block-02{width:100%; margin:0;}
#sec04 img#image-02{font-size:14px; position:absolute; top:-20px; left:65px; box-sizing:border-box; margin:3% auto; padding:1%;}
#sec04 div{position:absolute; top:73px; left:67px; box-sizing:border-box; margin:3% auto; padding:1%;}
#sec04 div img{margin-right:1%;}
#sec04 div p{padding:0 1% 1%;}

#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%;}