@charset "utf-8";
/* --------------------------------
各ページ
-------------------------------- */
.web-main1-smp,
.web-main2-smp1,
.web-main2-smp2{
   display: block;
    width: 100%;
    height: auto;
}
.web-main2-pc2{
    display: none;
}
.web-main2{
    position: relative;

}
.web-main2-txt{
    /*position: absolute;
    top:0;
    left:0;*/
    padding:6px 11% 12px 11%;

}
.web-main2in{
    background: transparent url(../img/web/web-main2bg-smp.jpg) top left / contain repeat-y;
}
.w-m2t1-ttl,
.w-m2t2-ttl{
    display: block;
    color:#3A8C6D;
    font-size: 17px;
    font-weight: 400;
}
.w-m2t1-ttl{
    padding:0 0 10px 0;
}
.w-m2t2-ttl{
    padding:22px 0 10px 0;
}
.w-m2t1-ttl::before,
.w-m2t2-ttl::before{
    content:"";
    display: inline-block;
    background-color:#3A8C6D;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    top:-2px;
    margin-right: 6px;
}
.w-mt-ttl-small{
    font-size: 13px;
    display: block;
}
.web-h3-ttl{
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    padding:44px 0 36px 0;
}
.wh3t-add{
    font-size: 16px;
    display: block;
    text-align: center;
    padding-top:6px;
}
.web-records{
    padding:0 7vw 0 7vw;
}
.wr-cat{
    padding-bottom: 30px;
}
.wr-big{
    padding-bottom: 70px;
}
.wrb-ttl{
    /*text-align: center;*/
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 7px;
}
.wrs-ttl{
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2em;
    height: 2.7em;
}
.wrs-ttl-narrow{
    width: 160%;
    -webkit-transform: top left;
    transform-origin: top left;
    -webkit-transform: scale(0.6, 1);
    transform: scale(0.6, 1);
}
a.wrb-link{
    display: block;
    width: 10em;
    text-align: center;
    text-decoration: none;
    color:#000000;
    margin:20px auto 0 auto;
}

.wrb-img{
    display: block;
    width: 100%;
}

.wrs-img{
    display: block;
    width: 100%;
    border:1px solid #CCCCCC;
}
.wrb-txt{
    padding:30px 0 0 0;
    font-weight: 300;
}
.wr-small-wrap{
    font-size: 0;
    width: 103%;
}
.wr-small{
    display: inline-block;
  width: 31%;
    margin:0 2% 30px 0;
}
.wm-map-pc,
.wm1-pc-txt,
.wm2-pc-txt1,
.wm2-pc-txt2{
     display: none;   
    }

@media (min-width: 400px) {

}/*end min-width: 400px*/


@media (min-width: 640px) {

.web-records {
    padding: 0 3.3vw 2vw 3.3vw;
}
.web-main1-smp,
.web-main2-smp1,
.web-main2-smp2{
    display: none;
}
.web-main2-pc2{
    display: block;
    margin-left:30.73%;
    width: 69.27%;
}
.web-main1{
    height: 47.39583vw;
    background:transparent url(../img/web/web-main1-tab.jpg) top left / cover no-repeat;
    position: relative;
}
.web-main2{
    height: auto;
    background:#6C9A43;
    position: relative;
    padding-top:9vw;
}
.web-main2::before{
    content:"";
    display: block;
    width: 100%;
     height: 25vw;
    background:transparent url(../img/web/web-main2-tab1.jpg) top left / contain no-repeat;
    position: absolute;
    top:0px;
    left:0px;
}
.web-main2in {
    height: auto;
    background: transparent url(../img/web/web-main2bg-pc.jpg) top left / contain repeat-y;
    margin-left:30.733%;/*30.7291667%*/
    position: relative;
    margin-top:3.8vw;
}
.web-main2-txt {
    padding: 0% 11% 0px 15%;
}
.wrs-ttl{
    height: 1.5em;
}
    .wm1-pc-txt{
       display: block;
        width: 30vw;
        height: 30vw;
        position:relative;
        top:4.6vw;/*6*/
        left:4vw;/*6*/
        background: transparent url(../img/web/web-main1-pc-txt.png) top left / contain no-repeat;
    }
    .wm2-pc-txt1{
        display: block;
        width: 28vw;
        height: 10vw;
        position: absolute;
        top:3.5vw;
        left:4.6vw;
        background: transparent url(../img/web/web-main2-pc-txt1.png) top left / contain no-repeat;
    }
    .wm2-pc-txt2{
        display: block;
        width: 28vw;
        height: 10vw;
        position: absolute;
        top:3.5vw;
        left:38vw;
        background: transparent url(../img/web/web-main2-pc-txt2.png) top left / contain no-repeat;
    }
    .wm-map-pc{
        display: block;
        width: 30vw;
     height: 30vw;
     background:transparent url(../img/web/web-main2-pc-map.png) top left / contain no-repeat;
    position: absolute;
    top:15vw;
    left:5vw;   
    }
    .web-main2-txt{
        font-size: 13px;/*15px*/
    }
.w-m2t1-ttl, .w-m2t2-ttl {
    font-size: 15px;/*17px*/
}
.w-mt-ttl-small {
    font-size: 11px;/*13px*/
    display: inline-block;
    padding:3px 0 0 0;
}
.wrb-ttl {
    text-align: left;
    font-size: 15px;/*16px*/
}
    .wr-big{
        display: table;
    }
    .wrb-imgwrap{
        display: table-cell;
        width: 50%;
    }
    .wrb-txt{
        display: table-cell;
        width: 50%;
        padding-left:20px;
        font-size: 13px;/*15px*/
    }
}/*end min-width: 640px*/


@media (min-width: 800px) {
.web-main2-txt{
        font-size: 15px;
    }
.w-m2t1-ttl, .w-m2t2-ttl {
    font-size: 17px;
}
.w-mt-ttl-small {
    font-size: 13px;
}
.wrb-ttl {
    font-size: 16px;
}
.wrb-txt{
    font-size: 15px;
    }
.wm-map-pc {
    width: 24vw;
    height: 24vw;
    position: absolute;
    top: 15vw;
    left: 6.6vw;
}
    .wm1-pc-txt {
       width: 240px; 
    }
    .wm2-pc-txt1{
        width: 226px;
    }
    .wm2-pc-txt2{
        width: 226px;
    }
}/*end min-width: 800px*/


@media (min-width: 960px) {
.web-main1{
    background:transparent url(../img/web/web-main1-pc.jpg) top left / cover no-repeat;
    position: relative;
}
.wm2-pc-txt1 {
    display: block;
    width: 40vw;
    height: 5vw;
    position: absolute;
    top: 4vw;
    left: 3vw;
    background: transparent url(../img/web/web-main2-pc2-txt1.png) top left / contain no-repeat;
}
.wm2-pc-txt2 {
    display: block;
    width: 40vw;
    height: 5vw;
    position: absolute;
    top: 4vw;
    left: 38vw;
    background: transparent url(../img/web/web-main2-pc2-txt2.png) top left / contain no-repeat;
}
.web-main2::before {
    background: transparent url(../img/web/web-main2-tab1.jpg) 0px -3.5vw / contain no-repeat;
}
.wm1-pc-txt {
       display: none;
    }
.web-records {
    padding-bottom: 4vw;
}
.web-h3-ttl {
    text-align: left;
    padding: 4.58vw 0 3.75vw 0;
}
.wh3t-add {
    text-align: left;
    display: inline-block;
    padding: 6px 0 0 14px;
}
.wr-big {
    padding-bottom: 8.5vw;
}
.wr-small {
    display: inline-block;
    width: 22.8%;
    margin: 0 2% 30px 0;
}
.wm-map-pc {
    width: 21vw;
    height: 21vw;
    position: absolute;
    top: 10vw;
    left: 8.8vw;
}
.web-main2in {
    margin-top: 0;
}
.web-main2-txt {
    min-height: 16vw;
}

}/*end min-width: 960px*/


@media (min-width: 1100px) {
.web-h3-ttl {
    font-size: 1.82vw;
}
.wm2-pc-txt1 {
    width: 440px;
    background: transparent url(../img/web/web-main2-pc2-txt1.png) top left / contain no-repeat;
        left: calc( 20vw - 180px );
}

.wm2-pc-txt2{
    width: 440px;
}
}/*end min-width: 1100px*/


@media (min-width: 1300px) {
.wm2-pc-txt1,
.wm2-pc-txt2{
    display: none;
}
.web-main2::before{
    content:"";
    display: block;
    width: 100%;
     height: 15vw;
    background:transparent url(../img/web/web-main2-pc1.jpg) top left / contain no-repeat;
    position: absolute;
    top:0px;
    left:0px;
}
.wm-map-pc {
    width: 18vw;
    height: 18vw;
    position: absolute;
    top: 8.8vw;
    left: 8.8vw;
}
.web-main2-txt {
    min-height: 12.5vw;
}
.wh3t-add {
    font-size: 18px;
    font-size: 1.3846vw;
    padding: 0.46vw 0 0 1.077vw;
}
.wr-small {
    width: 17.96%;
    margin: 0 1.86% 30px 0;
}
.wrb-txt {
    font-size: 16px;
}
.wrb-ttl {
    font-size: 1.32vw;
}
}/*end min-width: 1300px*/
@media (min-width: 1500px) {
.wrb-ttl {
    font-size: 20px;
}
}/*end min-width: 1500px*/
@media (min-width: 1600px) {
.wrs-ttl-narrow {
    width: 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.wm-map-pc {
    width: 16vw;
    height: 16vw;
    position: absolute;
    top: 8.8vw;
    left: 10.0vw;
}
.web-h3-ttl {
    font-size: 29px;
    padding: 74px 0 60px 0;
}
.wh3t-add {
    font-size: 22px;
    padding: 8px 0 0 17px;
}
}/*end min-width: 1600px*/

@media (min-width: 1700px) {
.wrs-ttl {
    font-size: 13px;
}
}/*end min-width: 1700px*/