@charset "UTF-8";

.visual{height: 850px; position: relative;}
.visual .swiper_visual{height: 100%;}
.visual .swiper-slide{background-position: center bottom !important; background-size: cover !important;}
.visual .slide1{background: url("../img/visual1.png") no-repeat}
.visual .slide2{background: url("../img/visual2.png") no-repeat}
.visual .slide3{background: url("../img/visual3.png") no-repeat}
.visual .main_text{height: 100%; display: flex; flex-direction: column;padding-top: 8%;}
.visual .main_text h3{font-family: 'Gowun Batang', sans-serif; font-size: 4.5rem; color: #fff; line-height: 120%; margin-bottom: 30px;}
.visual .main_text h3 b{font-weight: 400; color: var(--color);}
.visual .main_text h2{font-size: 9.0rem; font-weight: bold; background: linear-gradient(180deg,rgba(254, 237, 161, 1) 0%, rgba(247, 190, 116, 1) 100%); -webkit-background-clip: text;background-clip: text;color: transparent; -webkit-text-fill-color: transparent;box-decoration-break: clone; -webkit-box-decoration-break: clone; margin-bottom: 25px; line-height: 110%;}
.visual .main_text h4{font-family: 'Gowun Batang', sans-serif; font-size: 4.5rem; color: #fff; line-height: 120%; }
.visual .main-pagination{position: absolute; bottom: 5%; text-align: center; z-index: 9;}
.visual .main-pagination .swiper-pagination-bullet{width: 24px; height: 24px; background: #fff; opacity: 1; margin: 0px 10px;}
.visual .main-pagination .swiper-pagination-bullet-active{background: #f6c15b;}

.ptxt{max-width: 1200px; margin: 0 auto;}
.ptxt img{width: 100%;}

.page1{background: url("../img/p1-bg.png") no-repeat; background-position: center; background-size: cover;}
.page1 .ptxt{margin-bottom: 120px;}
.page1 dl{margin-top: 14px; background: #000; border: 1px solid #6c4c1e; padding: 30px 0 30px 120px; display: flex; align-items: center; gap: 0px 50px;}
.page1 dl dt{width: 217px; height: 61px; display: flex; align-items: center; justify-content: center; background: #f6c15b; border-radius: 30px; font-size: 5.0rem; font-weight: 200;}
.page1 dl dd{font-size: 5.0rem; color: #fff; font-weight: 200;}

.page2{background: url("../img/p2-bg.png") no-repeat; background-position: center bottom; background-size: cover; padding: 200px 0 220px 0;}
.page2 .img{margin: 0 auto; margin-top: 120px; max-width: 1270px;}
.page2 .img img{width: 100%;  }

.page3{background: #000;}
.page3 .p31{margin-bottom: 150px;}
.page3 .p31 .ptxt{margin-bottom: 120px;}
.page3 .p31 .box_wrap{display: flex; gap: 30px 2%;}
.page3 .p31 .box{width: 33%; text-align: center;}
.page3 .p31 .box img{width: 100%;}
.page3 .p31 .box h3{color: #fff; font-size: 3.2rem; font-family: 'Gowun Batang', sans-serif; margin-top: 50px;}
.page3 .p31 .box h2{color: #fff; font-size: 4.0rem; font-family: 'Gowun Batang', sans-serif; }
.page3 .p32{padding-top: 200px;}
.page3 .p32 .ptxt{margin-bottom: 105px;}
.page3 .p32 .box_wrap{display: flex; gap: 40px 4%; margin-bottom: 270px;}
.page3 .p32 .box{width: 48%; text-align: center;}
.page3 .p32 .box img{width: 100%;}
.page3 .p32 .box h3{font-size: 4.2rem; color:#f6c15b; font-weight: 200; margin-top: 32px;}
.page3 .p32 .box h2{font-size: 6.2rem; color:#f6c15b; font-weight: 600; }
.page3 .p32 h4{color: #fff; text-align: center; font-size: 6.0rem; margin-top: 95px; line-height: 130%; font-weight: 300;}
.page3 .p32 h4 b{font-weight: bold;}

.page4{background: url("../img/p4-bg.png") no-repeat; background-position: center bottom; background-size: cover; padding: 130px 0;}
.page4 .img{width: 42%; box-shadow: 3px 0 180px rgba(0,0,0,1)}
.page4 .img img{width: 100%;}
.page4 .width{display: flex; align-items: center; justify-content: space-between;}
.page4 .text{width: 50%;}
.page4 .text h2{font-size: 5.5rem; color: #fff;  font-family: 'Gowun Batang', sans-serif; line-height: 120%; margin-bottom: 45px;}
.page4 .text dl{display: flex; align-items: center; gap: 0px 22px;}
.page4 .text dl dd{font-size: 2.5rem; color: #fff; letter-spacing: -0.04em;}

.page5{background: url("../img/p5-bg.png") no-repeat; background-position: center bottom; background-size: cover; padding: 270px 0 130px 0;}
.page5 .ptxt{margin-bottom: 380px;}
.page5 .img img{width: 100%;}

.page6{background: url("../img/p6-bg.png") no-repeat; background-position: center ; background-size: cover; padding: 270px 0 560px 0; position: relative;}
.page6 .ptxt{margin-bottom: 100px;}
.page6 .img{margin-bottom: 370px;}
.page6 .img img{width: 100%;}
.page6 .img2{max-width: 1270px; margin: 0 auto; position: relative; z-index: 9;}
.page6 .img2 img{width: 100%;}
.page6 .slide_bg {position: absolute;left: 0;top: 67%;transform: translate(0 ,-50%);width: 100%;}
.page6 .slide_bg .textSwiper {margin-bottom: 0px ; width: 100%;}
.page6 .slide_bg .textSwiper:last-child {margin-bottom: 0;}
.page6 .slide_bg .textSwiper .swiper-wrapper {transition-timing-function:linear;}
.page6 .slide_bg .textSwiper .swiper-slide {display: inline-block; width: auto;  flex-shrink: 0;   padding: 0; margin: 0;  }
.page6 .slide_bg .textSwiper .swiper-wrapper p {font-size: 8.0rem; color: rgba(255, 255, 255, 0.4);  font-family: 'Gowun Batang', sans-serif; white-space: nowrap;  }
.page6 .point{position: absolute; bottom: -10%; z-index: 7; opacity: 0.6;}
.page6 .point img{width: 100%;}

.page7{background: url("../img/p7-bg.png") no-repeat; background-position: center ; background-size: cover; padding: 130px 0 830px 0; position: relative;}
.page7.ptxt{position: relative; z-index: 9;}

.page8{background: url("../img/p8-bg.png") no-repeat; background-position: center ; background-size: cover; padding: 220px 0 130px 0; position: relative;}
.page8 .p8_txt{padding-left: 5%;}
.page8 .p8_txt h2{font-size: 8.0rem; font-family: 'Gowun Batang', sans-serif; color: #f6c15b; margin-bottom: 60px;}
.page8 .p8_txt p{font-size: 3.0rem; color: #fff;}
.page8 .img{max-width: 1315px; margin: -115px 0 0 auto;}
.page8 .img img{width: 100%;}

.page9{background: url("../img/p9-bg.png") no-repeat; background-position: center ; background-size: cover; padding: 235px 0 30px 0; position: relative;}
.page9 .ptxt{margin-bottom: 100px;}
.page9 .img img{width: 100%;}
.page9 .img{margin-bottom: 230px;}
.page9 .img2{margin-bottom: 300px;}
.page9 .img2 h6{color: #fff; font-size: clamp(18px, 3vw, 45px); text-align: center; line-height: 135%;}
.page9 .img2 .box_wrap{ display: flex; justify-content: space-between; gap: 40px 2%; max-width: 1200px; margin: 65px auto 0 auto}
.page9 .img2 .box_wrap .box{width: 27%; text-align: center;}
.page9 .img2 .box_wrap .box img{width: 100%;}
.page9 .img2 .box_wrap .box p{font-size: 3.0rem; color: #fff; margin-top: 32px;}
.page9 .img3{display: flex; gap: 12px 1%;}
.page9 .img3 span{width: 33%;}
.page9 .img3 span img{width: 100%;}

.page10{background: url("../img/p10-bg.png") no-repeat; background-position: top center ; background-size: cover; padding: 180px 0 630px 0; position: relative;}
.page10 .ptxt{margin-bottom: 100px;}
.page10 .img{width: 100%; max-width: 750px;}
.page10 .img img{width: 100%;}

.page11{background: url("../img/p11-bg.png") no-repeat; background-position: top center ; background-size: cover; padding: 335px 0 250px 0; position: relative;}
.page11 .ptxt{margin-bottom: 130px;}
.page11 .box_wrap{display: flex; gap: 70px 2%; flex-wrap: wrap; margin-bottom: 165px;}
.page11 .box_wrap .box{width: 32%; text-align: center;}
.page11 .box_wrap .box img{width: 100%;}
.page11 .box_wrap .box p{color: #fff; font-size: 2.8rem; font-weight: 500; margin-top: 35px;}
.page11 h6{font-size: clamp(20px, 4.3333vw, 65px); color: #f6c15b;  font-family: 'Gowun Batang', sans-serif; text-align: center; margin-bottom: 60px;}
.page11 .box_wrap2{border: 1px solid #fff; border-bottom: 0px;}
.page11 .box_wrap2 dl{color: #fff; display: flex; gap: 0px 4px; border-bottom: 1px solid #fff; padding: 16px 0 16px 25px;}
.page11 .box_wrap2 dt{font-size: 2.3rem; font-weight: 300; letter-spacing: -0.03em;}
.page11 .box_wrap2 dd{font-size: 2.3rem; font-weight: 300; letter-spacing: -0.03em;}
.page11 .box_wrap2 .box_two{display: flex;}
.page11 .box_wrap2 .box_two dl{width: 50%;}
.page11 .box_wrap2 .box_two dl:last-child{border-left: 1px solid #fff;}

.quick{background: linear-gradient(45deg,rgba(31, 31, 31, 1) 0%, rgba(67, 39, 2, 1) 100%);  position: fixed; width: 100%; z-index: 10; bottom: 0; text-align: center; padding: 15px 4%;}
.quick img{width: 100%; max-width: 955px;}

#ft{padding: 20px 0 130px 0;  background: #fbf5ed;}
#ft .foot_logo img{width: 120px;}
#ft .footer{display: flex; justify-content: space-between;}
#ft .footer ul{display: flex; gap: 0px 7px; align-items: center;}
#ft .footer ul li{color: #686868; line-height: 150%;}
#ft .footer ul span{color: #686868; line-height: 150%;}

#mob_menu{display: none;}


@media all and (max-width: 1400px){}
@media all and (max-width: 1200px){
    .page1 dl{padding: 25px 15px;}
    .page1 dl dt{width: 150px; height: 50px; font-size: 3.6rem;}
    .page1 dl dd{font-size: 3.6rem;}
    .page1 dl{gap: 0px 3%;}
    .page10{padding: 120px 0 320px 0}
    .page10 .img{max-width: 700px;}
}
@media all and (max-width: 1024px){

    #mob_menu{position: fixed; top: 60px; width: 100%; display: flex; align-items: center; justify-content: space-around; background: #000; border-top: 3px solid #f6c15b; z-index: 99;}
    #mob_menu li a{ font-family: 'Gowun Batang', sans-serif; font-size: 2.0rem; color: #fff; padding: 12px 0; display: inline-block;}

    .visual{margin-top: 100px;; height: 700px;}
    .visual .main_text{padding-top: 8%;}
    .visual .main_text h3{font-size: 3.0rem;}
    .visual .main_text h2{font-size: 6.0rem;}
    .visual .main_text h4{font-size: 3.0rem;}
    .visual .main-pagination .swiper-pagination-bullet{width: 15px; height: 15px;}
    .hd_tel img{width: 24px;}
    .hd_tel{font-size: 2.5rem; gap: 0px 7px;}

    .page2{padding: 180px 0 170px;}
    .page2 .img{margin-top: 120px;}

    .page3 .p31 .box h3{font-size: 2.4rem; margin-top: 20px;}
    .page3 .p31 .box h2{font-size: 3.0rem;}
    .page3 .p31 .ptxt{margin-bottom: 60px;}
    .page3 .p31 .box_wrap{flex-wrap: wrap; justify-content: center}
    .page3 .p31 .box{width: 49%;}
    .page3 .p31{margin-bottom: 0px;}
    .page3 .p32{padding-top: 100px;}
    .page3 .p32 .box h3{font-size: 2.4rem; margin-top: 22px;}
    .page3 .p32 .box h2{font-size: 3.6rem;}
    .page3 .p32 .box_wrap{margin-bottom: 70px;}
    .page3 .p32 h4{font-size: 3.4rem; margin-top: 40px;}
    .page4 .text h2{font-size: 3.4rem;}
    .page4 .text dl dt img{width: 100px;}
    .page4 .text dl dd{font-size: 1.6rem;}
    .page5 .ptxt{margin-bottom: 80px;}

    .page5{padding: 120px 0 80px 0;}
    .page6{padding: 120px 0 }
    .page6 .ptxt{margin-bottom: 80px;}
    .page6 .img{margin-bottom: 180px;}
    .page6 .slide_bg .textSwiper .swiper-wrapper p{font-size: 4.0rem;}

    .page7{padding: 80px 0 500px 0;}
    .page8{padding: 80px 0 80px 0;}
    .page8 .p8_txt{padding-left: 0px; position: relative; z-index: 4;}
    .page8 .p8_txt h2{font-size: 5.0rem; margin-bottom: 20px;}
    .page8 .p8_txt p{font-size: 2.0rem;}
    .page8 .img{position: relative; z-index: 1;}

    .page9{padding: 80px 0 30px 0;}
    .page9 .img{margin-bottom: 80px;}
    .page9 .img2 h6{font-size: 3.2rem;}
    .page9 .img2 .box_wrap .box p{font-size: 2.2rem;}
    .page9 .img2{margin-bottom: 120px;}

    .page11{padding: 120px 0 120px 0;}
    .page11 .box_wrap .box p{font-size: 2.2rem; margin-top: 15px;}
    .page11 .ptxt{margin-bottom: 60px;}
    .page11 .box_wrap{margin-bottom: 100px;}
    .page11 h6{font-size: 4.0rem;}
}
@media all and (max-width: 900px){}
@media all and (max-width: 850px){
    .page1 .ptxt{margin-bottom: 60px;}
    .page1 dl dt{font-size: 1.7rem; height: 35px;  max-width: 70px;}
    .page1 dl dd{font-size: 1.6rem; line-height: -0.08em;}

    .page4 .width{flex-direction: column; gap: 30px 0;}
    .page4 .text{text-align: center; width: 100%;}
    .page4 .text dl{justify-content: center;}
	
	.page9 .img2 {margin-bottom:20px;}
    .page9 .img2 .box_wrap {display:block;text-align:center;justify-content: center;align-items: center;flex-direction: column;}
    .page9 .img2 .box_wrap .box {display:inline-block;width:40%;margin:20px 3%;}
    .page9 .img2 .box_wrap .box p{margin-top: 10px;}
    .page9 .img3 {display:block;text-align:center;}
    .page9 .img3 span {display:inline-block;width:40%;margin:20px 3%;}
	.page9 .img3 span img {width:100%;}

    .page11 .box_wrap .box{width: 49%;}
    .page11 .ptxt {margin-bottom:30px;}
    .page11 .box_wrap2 dt{font-size: 1.8rem;}
    .page11 .box_wrap2 dd{font-size: 1.8rem;}
    .page11 .box_wrap2 dl.dl_mob{flex-direction: column;}
	.page11 {background: url(../img/p11-bg.png) no-repeat #000;background-position:top right;background-size:100% auto;padding:60px 0 50px 0;}
}
@media all and (max-width: 768px){
    .visual{ height: 570px;}
    .visual .slide1{background: url("../img/mvisual1.png") no-repeat}
    .visual .slide2{background: url("../img/mvisual2.png") no-repeat; background-position: 85% center !important}
    .visual .slide3{background: url("../img/mvisual3.png") no-repeat; background-position: 85% center !important}
    .visual .main_text h3{font-size: 2.9rem; letter-spacing: -0.06em; margin-bottom: 15px;}
    .visual .main_text h2{font-size: 5.0rem; margin-bottom: 20px;}
    .visual .main_text h4{font-size: 2.2rem; letter-spacing: -0.06em;}

    .page2{padding: 90px 0;}
    .page2 .img{margin-top: 60px;}
    /*.page3 .p31 .box{width: 100%;}*/
    .page3 .p31 .box h3{font-size: 1.8rem;}
    .page3 .p31 .box h2{font-size: 2.1rem;}
    .page3 .p32 .ptxt{margin-bottom: 40px;}
    .page3 .p32 .box h3{font-size: 2.2rem;}
    .page3 .p32 .box h2{font-size: 2.4rem;}

    /*.page4 .text h2{font-size: 2.2rem;}*/
    .page4{padding: 130px 0 60px 0;}

    .page6 .img{margin-bottom: 100px;}
    .page6 .slide_bg{top: 69%}
    .page6 .slide_bg .textSwiper .swiper-wrapper p{font-size: 2.6rem;}
    .page7{padding: 80px 0 250px 0;}
    .page8 .img{margin: 0 0 0 auto;}
    .page8 .p8_txt h2{font-size: 3.6rem;}
    .page8 .p8_txt p{font-size: 2.0rem;}

    .page9 .img2 h6{font-size: 1.6rem;}
    .page9 .img2 .box_wrap .box p{font-size: 1.8rem;}
    .page10 .img{max-width: initial; width: 80%;}
    .page10{padding: 120px 0 220px 0;}

    .page11 .box_wrap .box p{font-size: 1.8rem;}
    .page11 h6{margin-bottom: 35px;}

    #ft .footer{flex-direction: column; gap: 15px 0; align-items: center;}
    #ft .footer ul{flex-direction: column; align-items: center;}
    #ft .footer ul span{display: none;}
    #ft .foot_logo img{width: 76px;}

}
@media all and (max-width: 650px){
    /*.page3 .p32 .box_wrap{flex-direction: column;}*/
    .page3 .p32 .box{width: 100%;}
    .page3 .p32 h4{font-size: 2.6rem; letter-spacing: -0.06em;}
    .page3 .p32 h4{margin-top: 20px;}
    .page4 .text dl dt img{width: 50px;}
    .page4 .text dl{gap: 0px 2%;}
    .page4 .img{width: 90%;}
    .page11 .box_wrap2 .box_two{flex-wrap: wrap;}
    .page11 .box_wrap2 .box_two dl{width: 100%;}
    .page11 .box_wrap2 .box_two dl:last-child{border-left: 0px;}
    .page11 .box_wrap2 dl{padding: 14px 10px;}
    .page11 .box_wrap2 dt{font-size: 1.6rem;}
    .page11 .box_wrap2 dd{font-size: 1.6rem;}
    #ft{padding: 20px 0 80px 0;}
}



/*녹용*/

.sub_visual{background: url("../img/subvi.png") no-repeat; background-position: bottom center ; background-size: cover; position: relative; padding: 280px 0 600px 0;}
.stxt img{width: 100%;}
.sub_visual .stxt2{margin-top: 36px;}
.stxt2 img{width: 100%;}

.s2{background: url("../img/s2-bg.png") no-repeat; background-position: bottom center ; background-size: cover; position: relative; padding: 227px 0 287px 0;}

.s3{background: url("../img/s3-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 198px 0 180px 0;}
.s3 .stxt2{margin-top: 100px; margin-bottom: 83px;}
.s3 .simg img{width: 100%;}

.s4{background: url("../img/s4-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 198px 0 180px 0;}
.s4 .stxt{margin-bottom: 100px;}
.s4 .box_wrap{display: flex; gap: 40px 2%;}
.s4 .box_wrap .box{width: 24%; text-align: center;}
.s4 .box_wrap .box img{width: 100%;}
.s4 .box_wrap .box h2{margin-top: 40px; font-family: 'Gowun Batang', sans-serif; font-size: 4.0rem; color: #fff;}

.s5{background: url("../img/s5-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 198px 0 180px 0;}
.s5 .img{margin-top: 140px;}
.s5 .img img{width: 100%;}

.s6{background: url("../img/s6-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 200px 0 160px 0;}

.s7{background: url("../img/s7-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 160px 0 977px 0;}
.s7 .stxt{margin-bottom: 100px;}
.s7 .box_wrap{display: flex; align-items: center; justify-content: center; gap: 40px 4%;}
.s7 .box_wrap .box{width: 40%; max-width: 360px; text-align: center;}
.s7 .box_wrap .box h3{font-size: 3.2rem; color: #fff; letter-spacing: -0.8px; margin-top: 20px;}
.s7 .box_wrap .box img{width: 100%;}

.s8{background: url("../img/s8-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 200px 0 160px 0;}
.s8 .stxt2{margin-top: 160px; margin-bottom: 100px;}
.s8 .box_wrap{display: flex; flex-wrap: wrap; gap: 70px 2%;}
.s8 .box_wrap .box{width: 23%; text-align: center;}
.s8 .box_wrap .box h3{color: #fff; font-size: 3.2rem; font-weight: 500; letter-spacing: -0.8px; margin-top: 24px;}
.s8 .box_wrap .box img{width: 100%;}

.s9{background: url("../img/s9-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 200px 0 88px 0; background-color: #000}
.s9 .stxt{margin-bottom: 80px;}
.s9 .img img{width: 100%;}

.s10{background: url("../img/s10-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 150px 0 160px 0;}
.s10 .stxt{margin-bottom: 80px;}
.s10 .box_wrap{display: flex; align-items: center; justify-content: center; gap: 40px 4%;}
.s10 .box_wrap .box{width: 40%; max-width: 360px; text-align: center;}
.s10 .box_wrap .box h3{font-size: 3.2rem; color: #fff; letter-spacing: -0.8px; margin-top: 20px;}
.s10 .box_wrap .box img{width: 100%;}

.s11{background: url("../img/s11-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 200px 0 10px 0;}
.s11 .stxt{margin-bottom: 186px;}
.s11 .box_wrap{display: flex; align-items: center; justify-content: space-between; gap: 25px 4%;}
.s11 .box_wrap .text{width: 46%;}
.s11 .box_wrap .text img{width: 100%;}
.s11 .box_wrap .img{width: 50%;}
.s11 .box_wrap .img img{width: 100%;}

.s13{background: url("../img/s13-bg.png") no-repeat; background-position: top center ; background-size: cover; position: relative; padding: 276px 0 134px 0;}
.s13 .box_wrap{display: flex; align-items: center; justify-content: space-between; gap: 30px 4%;}
.s13 .box_wrap .text{width: 32%;}
.s13 .box_wrap .text img{width: 100%;}
.s13 .box_wrap .img{width: 66%;}
.s13 .box_wrap .img img{width: 100%;}

.s15{background: url("../img/s15-bg.png") no-repeat; background-position: top center ; background-size: cover; padding: 180px 0 630px 0; position: relative;}
.s15 .ptxt{margin-bottom: 100px;}
.s15 .img{width: 100%; max-width: 750px; margin: 0 0 0 auto;}
.s15 .img img{width: 100%;}



@media all and (max-width: 1200px){
    .s4 .box_wrap .box h2{font-size: 3.0rem; margin-top: 20px;}
}
@media all and (max-width: 950px){
    .s7 .box_wrap .box h3{font-size: 2.2rem;}
    .s7 .box_wrap .box{max-width: 280px;}
    .s8 .box_wrap .box h3{font-size: 2.2rem;}
    .s8 .box_wrap .box{width: 49%;}
    .s10 .box_wrap .box h3{font-size: 2.2rem;}
    .s10 .box_wrap .box{max-width: 280px;}
}
@media all and (max-width: 900px){
    .s4 .box_wrap .box h2{font-size: 1.8rem;}
    .s4 .box_wrap{flex-wrap: wrap;}
    .s4 .box_wrap .box{width: 49%;}
}

@media all and (max-width: 800px){
    .sub_visual{background: url("../img/msubvi.png") no-repeat; background-position: bottom center ; background-size: cover; position: relative; padding: 140px 0 380px 0;;}
    .s2{padding: 50px 0 100px;}
    .s3{padding: 60px 0 70px 0; background: url("../img/ms3-bg.png") no-repeat}
    .s3 .stxt2{margin-top: 60px; margin-bottom: 30px;}
    .s4{padding: 50px 0 100px 0;}
    .s5 .img{margin-top: 60px;}
    .s5{padding: 50px 0 100px 0;}
    .s6{padding: 80px 0 80px 0;}
    .s7{padding: 70px 0 495px 0; background-position: center; background: url("../img/ms7-bg.png") no-repeat; background-size: cover;}
    .s7 .stxt{margin-bottom: 50px;}
    .s8{padding: 60px 0 70px 0;}
    .s8 .stxt2{margin-top: 80px; margin-bottom: 40px;}
    .s9{padding: 100px 0 30px 0; background: url("../img/ms9-bg.png") no-repeat; }
    .s9 .stxt{margin-bottom: 50px;}
    .s10{padding: 70px 0 70px;}
    /*.s10 .stxt{margin-bottom: 50px;}*/
    .s11{padding: 40px 0 30px 0;}
    .s11 .box_wrap{flex-direction: column;}
    .s11 .stxt{margin-bottom: 60px;}
    .s11 .box_wrap .img{width: 100%;}
    .s11 .box_wrap .text{width: 80%;}
    .s13{padding: 60px 0 40px;}
    .s13 .box_wrap{flex-direction: column;}
    .s13 .box_wrap .text{width: 70%;}
    .s13 .box_wrap .img{width: 100%;}
    .s15{padding: 60px 0 700px 0; background-position: 10% center; background: url("../img/ms15-bg.png") no-repeat; background-position: top center ; background-size: cover;}
    .s15 .ptxt{margin-bottom: 60px;}
    .s7 .box_wrap .box h3{font-size: 1.8rem; letter-spacing: -0.08em;}
    .s10 .box_wrap .box h3{font-size: 1.8rem; letter-spacing: -0.08em;}
    .page9 .ptxt{margin-top: 50px;}
    .s15 .img img{width: 100%; position: relative; }
}

@media all and (max-width: 510px){
    .s4 .box_wrap .box h2{font-size: 1.8rem;}
    .s4 .box_wrap{flex-wrap: wrap;}
    .s4 .box_wrap .box{width: 49%;}
    .s7{padding: 70px 0 355px 0; background-position: right; background: url("../img/mms7-bg.png") no-repeat; background-size: cover;}
    .s15{padding: 60px 0 300px 0; background-position: 10% center; background: url("../img/ms15-bg.png") no-repeat; background-position: top center ; background-size: cover;}
}