*{font-family: "メイリオ" , Meiryo ,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , Osaka ,sans-serif;}
html{font-size:16px;text-align:center;}

    @media screen and ( max-width:768px ){
     html{font-size:14px;text-align:center;}
    }

body{

}


/*▼headerline*/
.headerline{position:fixed;width:100%;height:50px;display:table;text-align:center;background:rgba(255,255,255,0.7);border-bottom:1px solid #c3c3c3;z-index:10;}
.headerline > *{display:table-cell;vertical-align:middle;}
/*▲headerline*/

.bg1{width:100%;
}
.nav{position:relative;top:5px;width:100%;}
.nav ul{margin:0 auto 0 auto;width:100%;max-width:1000px;list-style-type:none;}
.nav li{width:13.8%;float:left;padding:0.2%;}

      /*--------IE11---------
.nav ul{margin:0 auto 0 auto;width:100%;max-width:1000px;list-style-type:none;
        display:flex;flex-direction:row;justify-content:space-between;
        display:-webkit-flex;-webkit-direction:row;-webkit-justify-content:space-between;}
.nav li{margin:0.2em;flex-grow:1;-webkit-flex-grow:1;}
      -----------------------*/
.nav li a{display:block;padding:20px 0;border:1px solid #ffffff;background-color:rgba(195,195,195,0.3);text-align:center;font-size:0.8em;text-decoration:none;color:#ffffff;text-shadow:2px 2px 5px #000000,2px 2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000;}
.nav li:first-child a{background-color:rgba(220,50,0,0.5);}
.nav li a:hover{background-color:rgba(51,51,0,0.5);color:#ffffff;text-shadow:2px 2px 5px #000000,2px 2px 5px #000000,2px -2px 5px #000000,-2px -2px 5px #000000; }

   @media screen and ( max-width:768px ){
    .title{margin: 10px auto 0 auto;width:100%;height:80px;text-align:center;}
    .title p{color:#000000;font-size:1.2em;}
    .title span{font-size:0.8em;}
     .nav li{width:24.5%;}
   }

   @media screen and ( max-width:600px ){
    .title{margin: 10px auto 0 auto;width:100%;height:80px;text-align:center;}
   }

/*▼header-nav
.nav{position:relative;margin:0 auto 0 auto;width:100%;}
.nav ul{width:100%;max-width:1000px;list-style-type:none;
        display:flex;flex-direction:row;justify-content:space-between;
        display:-webkit-flex;-webkit-direction:row;-webkit-justify-content:space-between;}
.nav li{float:left;padding:0.5em;flex-grow:1;-webkit-flex-grow:1;}
.nav li a{display:block;padding:20px 0;border:1px solid #ffffff;background-color:rgba(195,195,195,0.3);text-align:center;font-size:0.8em;text-decoration:none;color:#000000;text-shadow:2px 2px 5px #ffffff,2px 2px 5px #ffffff,2px -2px 5px #ffffff,-2px -2px 5px #ffffff;}
.nav li:first-child a{background-color:rgba(220,50,0,0.5);}
.nav li a:hover{background-color:rgba(51,51,0,0.5);color:#ffffff; }

   @media screen and ( max-width:768px ){
    .title{margin: 0 auto 0 auto;width:100%;height:80px;text-align:center;}
    .title p{color:#000000;font-size:1.2em;}
    .title span{font-size:0.8em;}
    .nav ul{flex-wrap:wrap;-webkit-flex-wrap:wrap;}
    .nav li{width:25%}
    /*.nav li:nth-child(4){display:none;}
    .nav li:nth-child(5){display:none;}
    .nav li:nth-child(6){display:none;}
    .nav li:nth-child(7){display:none;}
   }

▲header-nav*/

/*▼gotop*/
#page-top {position: fixed;bottom: 20px;right: 10px;font-size: 1em;z-index:1;}
#page-top a {background:rgba(0,0,0,0.5);text-decoration: none;color:#ffffff;width: 80px;padding:1.5em 0;text-align: center;display: block;}
#page-top a:hover {text-decoration: none;background: rgba(0,0,0,0.2);}

   @media screen and ( max-width:600px ){
   #page-top {position: fixed;bottom: 20px;right: 10px;font-size: 1em;z-index:1;}
   #page-top a {background:rgba(0,0,0,0.5);text-decoration: none;color:#ffffff;text-align: center;display: block;width:24px;padding:10px 10px;border-radius:2px;}
   #page-top a:hover {text-decoration: none;background: rgba(0,0,0,0.2);}
   }
/*▲gotop*/

/*▼soil_t*/
.soil_t{margin:6rem auto 0 auto;width:100%;max-width:1000px;}
.soil_t section{color:#ffffff;font-size:10rem;text-align:center;line-height:11rem;}
.soil_t p{color:#ffffff;font-size:1.5em;text-align:center;}

    @media screen and ( max-width:600px ){
    .soil_t{height:20rem;}
    .soil_t section{font-size:9rem;}
    }


/*▲soil_t*/

/*▼soil_main*/

.container{width:100%;}
.inner{width:80%;max-width:1000px;margin: 0 auto 0 auto;position:relative;background:rgba(255,255,255,1);padding:1rem;}
.inner img{width:100%;}
.inner h1{color:#FFFFFF;margin-top:0.5em;line-height:1.8em;font-size:1.5rem;border-bottom:1px #c3c3c3 dotted;border-top:1.5px #c3c3c3 solid;background:rgba(128,0,0,0.8);}

.inner h2{color:rgba(128,0,0,1);margin:1rem auto 0.5rem auto;font-size:1.3rem;border-bottom:1px #000000 dotted;letter-spacing: 0.5rem;}
.inner p{color:#000000;text-align:left;line-height:2rem;text-indent:0;}
.inner p::after{content: "";display:block;clear:both;}
.inner p img{width:30%;max-width:600px;margin-top:0.5em;margin-bottom:0.5em;}
.fright{float:right;margin-left:0.5em;}
.fleft{float:left;margin-right:0.5em;}
.pdf_link{text-indent:1em;}
.pdf_link a{display:block;text-decoration:none;color:rgba(260,60,60,1);}
.pdf_link a:hover{display:block;text-decoration:none;color:rgba(260,60,60,0.5);}

   @media screen and ( max-width:768px ){
    .inner{margin-top:1rem;width: 95%;padding: 2.5%;border: none;}
    .inner h1{color:#ffffff;background:#000000;font-size:1.1rem;}
    .inner h1 section{width:100%;}
    .inner p{line-height:1.5rem;text-indent:0;}
    .inner p img{width:100%;}
    .fright{float:none;margin-left:0;}
    .fleft{float:none;margin-right:0;}
   }


/*▲soil_main*/

/*▼soil_footer*/
.soil_f{margin:2em auto 2em auto;width:80%;display:flex;flex-direction:row;justify-content:center;display:-webkit-flex;-webkit-direction:row;-webkit-justify-content:center;}
.soil_f p{line-height:2em;width:3em;margin:0.5em;color:#000000;/*flex-grow:1;-webkit-flex-grow:1;*/text-align:center;border:1px solid #ffffff;}
.soil_f a{display:block;text-decoration:none;background:rgba(255,255,255,0.5);}
.soil_f a:hover{display:block;text-decoration:none;background:rgba(255,255,255,0.3);}
/*▲soil_footer*/

#resp{
    position:relative;
    width:100%;
}

#resp:before{
    content:"";
    display:block;
    padding-top:20.833%;
}


#s0427{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width: 100%;
    background:url(../images/soil/20160427_x.jpg)   ;
    background-size: 100% 100%;
}

@media screen and ( max-width:768px ) {

    #resp{
    position:relative;
    width:100%;
}

#resp:before{
    content:"";
    display:block;
    padding-top:199%;
}


#s0427{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width: 100%;
    background:url(../images/soil/20160427_y.jpg)   ;
    background-size: 100% 100%;
}}