#main{position: relative}
#main_visual{position: relative;}
/* #main_visual .s_w{width: 2000px;left: 50%;margin-left: -1000px; position: relative;} */
#main_visual .s_w{position: relative;}
#main_visual img{display: block;margin: 0 auto; width: 100%}

#main_visual .etc{position: absolute; width: 9.412em;height: 2.118em;line-height: 2.235em; background: rgba(0,0,0,.5); border-radius: 100px; left: 50%;margin-left: -80px; color: #fff; bottom: 50px;text-align: center;}
#main_visual .arrows{position: absolute; top:50%; width: 7px;height: 12px;margin-top: -6px; background: url('') center center no-repeat}
#main_visual .prev{background-image: url('../img/main/prev-st1.png'); left: 14px}
#main_visual .next{background-image: url('../img/main/next-st1.png'); right: 14px}

.tit-main{font-size: 1.059em; text-align: center; margin-bottom:2em}
.tit-main .t{font-size: 1.889em; color: #111; line-height: 1; margin-bottom: 0.588em;}

#m1,#m3{padding: 95px 0}
#m1 .in{margin: 0 -14px; position: relative;}
#m1 .item{position: relative;}
#m1 .item a{display: block; margin: 0 14px; position: relative; transition: all ease-in-out .3s; padding-top: 20px;}
#m1 .item:hover a{padding-top: 0;}
#m1 .img{position: relative; background: #000; transition: all ease-in-out .3s}
#m1 .img img{display: block;width: 100%;}
#m1 .item:hover img{opacity: .7}
#m1 .item:hover .more{opacity: 1}
#m1 .cont{margin-top: 1.765em;text-align: center;}
#m1 .cont .t{font-size: 1.471em; margin-bottom: 0.800em; display: block; line-height: 1.15; color: #333}
#m1 .more{position: absolute;left: 0;right: 0;bottom: 0;top:0;margin: auto; width: 67px; height: 67px; background: url('../img/main/more.png') center center no-repeat; background-size: 100%; opacity: 0;transition: all ease-in-out .3s}
#m1 .slick-arrow{position: absolute; width: 50px; height: 50px; background: rgba(0,0,0,.3) url('') center center no-repeat;top: 50%;margin-top: -25px;z-index: 1}
#m1 .slick-prev{background-image: url('../img/main/prev-st2.png'); left:-77px}
#m1 .slick-next{background-image: url('../img/main/next-st2.png'); right:-77px}
.more-st1_w{margin-top: 70px;}
.more-st1{background: #b6a9a6; width: 155px; line-height: 47px;border-radius: 100px;text-align: center;color: #fff; display: block;margin: 0 auto; font-size: 16px; font-size: 0.941rem;}

#m2{text-align: center;font-size: 1.059em; max-width: 2000px;margin: 0 auto;}
#m2 > ul > li{float: left; width: 50%; background: url('') center center no-repeat; background-size: cover; padding: 200px 130px;position: relative;transition: all ease-in-out .3s;}
#m2 .l{background-image: url('../img/main/left.jpg')}
#m2 .r{background-image: url('../img/main/right.jpg')}
#m2 .cont{padding: 120px 50px;position: relative;z-index: 1; background: #fff;border:1px solid #fff}
#m2 .on .bg{display: block;}
#m2 .bg{background: rgba(0,0,0,.7);position: absolute;left: 0;top:0;width: 100%;height: 100%; display: none;}
#m2 .on{color: #fff; margin-top: 20px;}
#m2 .on .cont{background: none}
#m2 .t{margin: 10px 0 30px;font-size: 1.722em; line-height: 1.15;}
#m2 .more-st1{margin-top: 40px; background: #6d534d}
#m2 .on .more-st1{background: #b6a9a6}
#m2 .small,#m2 .t{color: #111}
#m2 .on .small,#m2 .on .t{color: #fff}

#m3{font-size: 1.059em;}
#m3 .inner{max-width: 1220px}
#m3 .l{float: left; width: 48%; padding-top: 97px;}
#m3 .r{float: right; width: 48%}
#m3 .r .sect{height: 290px; margin-top: 50px; padding: 67px 0 0 50px}
#m3 .r .sect:first-child{margin-top: 0;}
#m3 .small,#m3 .t{color: #111;display: block;}
#m3 .t{font-size: 1.444em; margin-bottom: 1.15em;text-transform: uppercase; line-height: 1.15;}
#m3 .sect{background: url('') right bottom no-repeat;display: block; background-size: cover}
#m3 .l .sect{background-color: #efecef;background-image: url('../img/main/bot1.jpg'); height: 580px;text-align: center; padding: 50px}
#m3 .m3_2{background-color: #f6ede4;background-image: url('../img/main/bot2.jpg')}
#m3 .m3_3{background-color: #ede4e5;background-image: url('../img/main/bot3.jpg')}

#top_nav .active a:after{background: none !important}

@media (max-width:1440px){
  /* #main_visual .s_w{    width: 170%;
    margin-left: -85%;} */
    #m1 .slick-prev{left: 0}
    #m1 .slick-next{right: 0}
    #m2 > ul > li{padding: 70px}
}
@media (max-width:1024px){
#m1, #m3{padding: 5em 0}
#m1 .in{margin: 0 -5px;}
#m1 .item a{padding-top: 0; margin: 0 5px;}
#m1 .slick-prev{left: -.882rem}
#m1 .slick-next{right: -.882rem}

#main_visual .etc{    bottom: 1.8em;}
#m2 > ul > li{float: none; width: 100%}
#m2 .cont{padding: 3em}

#m3 .l,#m3 .r{width: 100%;float: none}
#m3 .l{padding-top: 0;}
#m3 .l .sect{    height: auto;
    background-size: cover;
    padding: 30px 30px 50%;}
#m3 .r{margin-top: 1.176em;}
#m3 .r .sect{height: auto;margin-top: 1.176em; padding: 50px}

}
@media (max-width:720px){
  #m1, #m3{padding: 3.5em 0}
  #main_visual .s_w{width: 100%;margin-left: 0;left: auto}
  #m2 > ul > li{padding: 8%}
  #m2 .cont{padding: 8%}
  #m2 .t{margin-bottom: 2rem;}
  #m2 .more-st1{margin-top: 2rem;}
  #m3 .r .sect{padding: 1.765em}
  .more-st1_w{margin-top: 3em;}

}