@charset "utf-8";
::selection{color:#fff;background-color:#640D15;}
::-moz-selection{color:#fff;background-color:#640D15;}
.show1220,
.show768,
.show486{display:none !important;}
.rad{font-family:'Rajdhani' !important;}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.tly-50{position:absolute;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.preload{display:none;}
.ita{font-style:italic !important;}
.tdu{text-decoration:underline !important;}
.justi{text-align:justify !important;}
/* main */
 /*#################### container #######################*/
 #container{width:100%;}
        

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


    .main_visual{width: 100%; height: 100vh; position: relative;}
    .main_visual img{width: 100%; height: 100vh; object-fit: cover;}
    .main_visual > div{position: absolute;}
    .main_visual .main_txt{width: 90%; top: 45%; left: 50%; transform: translate(-50%, -45%); text-align: center; color: #ffffff;}
    .main_visual .main_txt > span{display: inline-block; font-weight: 300; letter-spacing: 0; font-size: 12px; text-transform:uppercase; margin-bottom: 10px;}
    .main_visual .main_txt h2{font-size: 30px; line-height: 35px; margin-bottom: 20px; font-weight: 300;}
    .main_visual .main_txt h2 span:nth-of-type(1){font-size: 20px; line-height: 26px;}
    .main_visual .main_txt h2 span:nth-of-type(2){color: #FFEACE; font-weight: 700;}
    .main_visual .main_txt h2 b{font-weight: 700;}
    .main_visual .main_txt p{font-size: 12px; line-height: 18px;}    
    .main_visual .main_banner{width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(7, 7, 7, 0.6); display: flex; align-items: center; flex-wrap: wrap; padding: 10px;}
    .main_visual .main_banner div{width: 48%; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    .main_visual .main_banner div p:nth-of-type(1){margin-bottom: 5px;}
    .main_visual .main_banner div p span{display: inline-block;}
    .main_visual .main_banner div p span:nth-of-type(1){font-size: 14px; margin-bottom: 3px;}
    .main_visual .main_banner div p span:nth-of-type(2){font-size: 16px; font-weight: 700;}
    .main_visual .main_banner div p:nth-of-type(2){font-size: 12px; color: #D2C5AC;}
    .main_visual .main_banner ul{width: 50%; height: 100%;}
    .main_visual .main_banner ul li{width: 100%; background-color: #E6DFD5; text-align: center; font-size: 14px; font-weight: 600; color: #333333; padding: 15px 0;}


    article:not(.main_visual, .s_02, .s_05){padding: 100px 0;}
    .title_box{width: 92.91%; margin: 0 auto 50px; display: flex; justify-content: space-between; align-items: flex-end;}
    .title_box h2{font-size: 25px; line-height: 35px; color: #333333; font-weight: 600;}
    .title_box h2 b{font-weight: 700; color: #F68D00;}
    .title_box span{display: none; font-family: 'NotoSerif'; font-size: 50px; font-weight: 800; color: #ECE8E3;}

    .s_01{background: url("/img/s1_bg.png")no-repeat center / cover; background-attachment: fixed; padding-top: 150px;}
    .s_01 ul{width: 92.91%; margin: 0 auto;}
    .s_01 ul li{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    .s_01 ul li:not(:last-child){margin-bottom: 50px;}
    .s_01 ul li div{width: 100%;}
    .s_01 ul li .img_box{margin-bottom: 20px;}
    .s_01 ul li .img_box img{width: 100%; height: 230px; object-fit: cover; border-radius: 20px;}
    .s_01 ul li .txt_box{padding: 0 10px;}
    .s_01 ul li .txt_box > span{display: inline-block; font-size: 12px; line-height: 18px; font-family: 'NotoSerif'; text-transform: uppercase; color: #4D4E20; margin-bottom: 10px;}
    .s_01 ul li .txt_box h3{font-size: 18px; line-height: 26px; color: #333333; font-weight: 500; margin-bottom: 10px;}
    .s_01 ul li .txt_box h3 span{color: #F68D00; font-weight: 700;}
    .s_01 ul li .txt_box h3 b{font-weight: 700;}
    .s_01 ul li .txt_box p{font-size: 14px; line-height: 20px; color: #333333;}


    .banner{width: 100%; height: 280px; background: url("/img/banner.png")no-repeat right 50% center / cover; position: relative;}
    .banner div{color: #ffffff; position: absolute; top: 60%; left: 5%; transform: translateY(-60%);}
    .banner div h2{font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 10px;}
    .banner div h2 b{font-weight: 700;}
    .banner div h2 span{font-weight: 700; color: #F68D00;}
    .banner div p{font-size: 12px; line-height: 18px;}


    .s_02{padding-top: 100px;}
    .s_02 .cont{width: 92.91%; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .s_02 .cont > div{width: 100%;}
    .s_02 .img_box{margin-bottom: 30px;}
    .s_02 .img_box img{display: block; width: 80%; margin: 0 auto;}
    .s_02 .main_dr{padding-bottom: 70px;}
    .s_02 .main_dr .img_box{position: relative;}
    .s_02 .main_dr .img_box::before{content: ""; display: block; width: 180px; height: 180px; background: url("/img/s2_s1bg.png")no-repeat center / cover; position: absolute; top: 50px; left: 0; z-index: -1;}
    .s_02 > div:nth-of-type(3){background-color: #FBFBFB; z-index: 1;}
    [class $="dr"] .txt_box > div{width: 90%; margin: 0 auto 30px; border-bottom: 1px solid #A8A8A8; padding-bottom: 20px; text-align: center;}
    [class $="dr"] .txt_box > div > span{display: inline-block; font-size: 12px; line-height: 18px; font-family: 'NotoSerif'; text-transform: uppercase; color: #FCC377; margin-bottom: 10px;}
    [class $="dr"] .txt_box > div h3{font-size: 16px; color: #333333; }
    [class $="dr"] .txt_box > div h3 span{font-family: 'NotoSerif'; font-size: 25px; line-height: 30px;}
    [class $="dr"] .txt_box ul li{font-size: 12px; line-height: 18px; position: relative; padding-left: 15px; color: #333333; font-weight: 500; text-align: center;}
    [class $="dr"] .txt_box ul li:not(:last-child){margin-bottom: 5px;}
    /* [class $="dr"] .txt_box ul li::before{content: "•";  position: absolute; left: 0;  top: 0; font-size: 0.8em; color: #F68D00;} */
    .s_02 .sub_dr{padding: 70px 0;}
    .s_02 .sub_dr{position: relative;}
    .s_02 .sub_dr::before{content: ""; display: block; width: 200px; height: 200px; background: url("/img/s2_s2bg.png")no-repeat center / cover; position: absolute; bottom: 0; right: 5%; z-index: 0;} 


    .s_03{position: relative; background-color: #ECE8E3; z-index: 1;}
    .s_03::after{content: ""; display: block; width: 100%; height: 300px; background: url("/img/s3_bg.png")no-repeat center / cover; position: absolute; top: 0; left: 0; z-index: -1;}
    .s_03 .title_box h2{color: #ffffff;}
    .s_03 .title_box span{color: #9F9A93;}
    .s_03 ul{width: 92.91%; margin: 0 auto; position: relative;}
    .s_03 ul li{position: relative; margin: 0 10px;}
    .s_03 ul li img{width: 100%; height: 230px; object-fit: cover; border-radius: 20px;}
    .s_03 ul li span{display: inline-block; position: absolute; top: 20px; right: 20px; font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 700; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 2px solid #ffffff; }
    .s_03 ul li dl{position: absolute; bottom: 30px; left: 30px; width: 80%; color: #ffffff;}
    .s_03 ul li dl dt{font-size: 20px; line-height: 40px; font-weight: 700; margin-bottom: 5px;}
    .s_03 ul li dl dd{font-size: 14px; line-height: 20px;}
    .s_03 .slick-arrow{position: absolute; bottom: -30px; transform: translateY(-50%); width: 35px; height: 35px; z-index: 99;}
    .s_03  button{text-indent: -9999px;}
    .s_03 .slick-prev{background:url("/img/arrow_prev.png")no-repeat center / cover; right: 20%;}
    .s_03 .slick-next{background:url("/img/arrow_next.png")no-repeat center / cover; right: 5%;}


    .s_04 ul li{padding: 0 10px;}
    .s_04 ul li img{width: 100%;}
    .s_04 .slick-arrow{position: absolute; bottom: -3px; transform: translateY(-50%); width: 35px; height: 35px; z-index: 99;}
    .s_04  button{text-indent: -9999px;}
    .s_04 .slick-prev{background:url("/img/arrow_prev.png")no-repeat center / cover; right:20%;}
    .s_04 .slick-next{background:url("/img/arrow_next.png")no-repeat center / cover; right: 5%;}

    .s_05{background-color: #ECE8E3; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    .s_05 .left_box{width: 100%; padding: 70px 10px;}
    .s_05 .left_box h2{font-size: 20px; line-height: 30px; color: #333333; font-weight: 700; margin-bottom: 5px;}
    .s_05 .left_box h2 span{color: #F68D00;}
    .s_05 .left_box > p{font-size: 30px; line-height: 40px; color: #333333; font-weight: 600; margin-bottom: 30px;}
    .s_05 .left_box div:not(:last-child){margin-bottom: 30px;}
    .s_05 .left_box div strong{display: inline-block; font-size: 18px; line-height: 26px; color: #333333; margin-bottom: 10px;}
    .s_05 .left_box div p{font-size: 14px; line-height: 20px; color: #333333;}
    .s_05 .left_box div:nth-of-type(2) > span{font-size: 14px; line-height: 20px; color: #333333;}
    .s_05 .left_box div ul{display: flex; flex-wrap: wrap; margin-bottom: 10px; border-top: 1px solid #AEAEAE; border-bottom: 1px solid #AEAEAE; }
    .s_05 .left_box div ul li{width: 100%; font-size: 16px; line-height: 22px; color: #333333; font-weight: 500; padding: 10px 0;}
    .s_05 .left_box div ul li{border-top: 1px solid #AEAEAE;}
    .s_05 .left_box div ul .orange span{color: #F68D00;}
    .s_05 .left_box div ul li span{  display: inline-block;}
    .s_05 .left_box div ul li span i{font-style: normal; font-size: 16px;}
    .s_05 .left_box div ul li span:nth-of-type(1){width: 45%;}
    .s_05 .right_box{width: 100%;}
    .s_05 .right_box .map_area{width: 80%; height: 280px;}
    .s_05 .right_box .map_area .map{width: 100%; height: 280px;}
    .s_05 .right_box .map_area .cont{display: none;}

 

}


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


    .main_visual{width: 100%; height: 760px; position: relative;}
    .main_visual img{width: 100%; height: 760px; object-fit: cover;}
    .main_visual > div{position: absolute;}
    .main_visual .main_txt{width: 65%; top: 45%; left: 50%; transform: translate(-50%, -45%); text-align: center; color: #ffffff;}
    .main_visual .main_txt > span{display: inline-block; font-weight: 300; letter-spacing: 1px; font-size: 14px; text-transform:uppercase; margin-bottom: 20px;}
    .main_visual .main_txt h2{font-size: 60px; line-height: 70px; margin-bottom: 20px;font-weight: 300;}
    .main_visual .main_txt h2 span:nth-of-type(1){font-size: 35px; line-height: 45px; }
    .main_visual .main_txt h2 span:nth-of-type(2){color: #FFEACE; font-weight: 700;}
    .main_visual .main_txt h2 b{font-weight: 700;}
    .main_visual .main_txt p{font-size: 16px; line-height: 22px;}
    .main_visual .main_banner{width: 100%; height: 50px; bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(7, 7, 7, 0.6); display: flex; align-items: center; padding: 0 30px;}
    .main_visual .main_banner div{width: 70%; color: #ffffff; display: flex; justify-content: flex-start; align-items: center;}
    .main_visual .main_banner div p:nth-of-type(1){margin-right: 20px;}
    .main_visual .main_banner div p span{display: inline-block;}
    .main_visual .main_banner div p span:nth-of-type(1){font-size: 14px; margin-right: 10px;}
    .main_visual .main_banner div p span:nth-of-type(2){font-size: 16px; font-weight: 700;}
    .main_visual .main_banner div p:nth-of-type(2){font-size: 12px; color: #D2C5AC;}
    .main_visual .main_banner ul{width: 50%;}
    .main_visual .main_banner ul li{width: 100%; height: 50px; background-color: #E6DFD5; text-align: center; font-size: 14px; font-weight: 600; color: #333333; padding: 18px 0;}


    article:not(.main_visual, .s_02, .s_05){padding: 100px 0;}
    .title_box{width: 92.91%; margin: 0 auto 70px; display: flex; justify-content: space-between; align-items: flex-end;}
    .title_box h2{font-size: 25px; line-height: 35px; color: #333333; font-weight: 600;}
    .title_box h2 b{font-weight: 700; color: #F68D00;}
    .title_box span{font-family: 'NotoSerif'; display: inline-block; font-size: 50px; font-weight: 800; color: #ECE8E3;}

    .s_01{background: url("/img/s1_bg.png")no-repeat center / cover; background-attachment: fixed; padding-top: 150px;}
    .s_01 ul{width: 92.91%; margin: 0 auto;}
    .s_01 ul li{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    .s_01 ul li:not(:last-child){margin-bottom: 50px;}
    .s_01 ul li div{width: 50%;}
    .s_01 ul li:nth-child(even) .img_box{order: 1;}
    .s_01 ul li .img_box img{width: 100%;}
    .s_01 ul li .txt_box{padding: 0 30px;}
    .s_01 ul li .txt_box > span{display: inline-block; font-size: 12px; line-height: 18px; font-family: 'NotoSerif'; text-transform: uppercase; color: #4D4E20; margin-bottom: 10px;}
    .s_01 ul li .txt_box h3{font-size: 18px; line-height: 26px; color: #333333; font-weight: 500; margin-bottom: 20px;}
    .s_01 ul li .txt_box h3 span{color: #F68D00; font-weight: 700;}
    .s_01 ul li .txt_box h3 b{font-weight: 700;}
    .s_01 ul li .txt_box p{font-size: 12px; line-height: 18px; color: #333333;}


    .banner{width: 100%; height: 430px; background: url("/img/banner.png")no-repeat center / cover; position: relative;}
    .banner div{color: #ffffff; position: absolute; top: 50%; left: 5%; transform: translateY(-50%);}
    .banner div h2{font-size: 30px; line-height: 40px; font-weight: 300; margin-bottom: 30px;}
    .banner div h2 b{font-weight: 700;}
    .banner div h2 span{font-weight: 700; color: #F68D00;}
    .banner div p{font-size: 16px; line-height: 22px;}


    .s_02{padding-top: 100px;}
    .s_02 .cont{width: 72.91%; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .s_02 .cont > div{width: 100%;}
    .s_02 .img_box{margin-bottom: 30px;}
    .s_02 .img_box img{display: block; width: 80%; margin: 0 auto;}
    .s_02 .main_dr{padding-bottom: 100px;}
    .s_02 .main_dr .img_box{position: relative;}
    .s_02 .main_dr .img_box::before{content: ""; display: block; width: 400px; height: 380px; background: url("/img/s2_s1bg.png")no-repeat center / cover; position: absolute; top: 100px; left: 0; z-index: -1;}
    .s_02 > div:nth-of-type(3){background-color: #FBFBFB; z-index: 1;}
    [class $="dr"] .txt_box > div{width: 80%; margin: 0 auto 30px; border-bottom: 1px solid #A8A8A8; padding-bottom: 20px; text-align: center;}
    [class $="dr"] .txt_box > div > span{display: inline-block; font-size: 14px; line-height: 22px; font-family: 'NotoSerif'; text-transform: uppercase; color: #FCC377; margin-bottom: 10px;}
    [class $="dr"] .txt_box > div h3{font-size: 20px; color: #333333; }
    [class $="dr"] .txt_box > div h3 span{font-family: 'NotoSerif'; font-size: 30px; line-height: 50px;}
    [class $="dr"] .txt_box ul li{font-size: 16px; line-height: 22px; position: relative; padding-left: 15px; color: #333333; font-weight: 500; text-align: center;}
    [class $="dr"] .txt_box ul li:not(:last-child){margin-bottom: 5px;}
    /* [class $="dr"] .txt_box ul li::before{content: "•";  position: absolute; left: 0;  top: 0; font-size: 0.8em; color: #F68D00;} */
    .s_02 .sub_dr{padding: 100px 0;}
    .s_02 .sub_dr{position: relative;}
    .s_02 .sub_dr::before{content: ""; display: block; width: 300px; height: 300px; background: url("/img/s2_s2bg.png")no-repeat center / cover; position: absolute; bottom: 0; right: 5%; z-index: 0;} 


    .s_03{position: relative; background-color: #ECE8E3; z-index: 1;}
    .s_03::after{content: ""; display: block; width: 100%; height: 300px; background: url("/img/s3_bg.png")no-repeat center / cover; position: absolute; top: 0; left: 0; z-index: -1;}
    .s_03 .title_box h2{color: #ffffff;}
    .s_03 .title_box span{color: #9F9A93;}
    .s_03 ul{width: 92.91%; margin: 0 auto; position: relative;}
    .s_03 ul li{position: relative; margin: 0 10px;}
    .s_03 ul li img{width: 100%;}
    .s_03 ul li span{display: inline-block; position: absolute; top: 20px; right: 20px; font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 700; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 2px solid #ffffff; }
    .s_03 ul li dl{position: absolute; bottom: 30px; left: 30px; width: 80%; color: #ffffff;}
    .s_03 ul li dl dt{font-size: 20px; line-height: 40px; font-weight: 700; margin-bottom: 5px;}
    .s_03 ul li dl dd{font-size: 14px; line-height: 20px;}
    .s_03 .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; z-index: 99;}
    .s_03  button{text-indent: -9999px;}
    .s_03 .slick-prev{background:url("/img/arrow_prev.png")no-repeat center / cover; left: -15px;}
    .s_03 .slick-next{background:url("/img/arrow_next.png")no-repeat center / cover; right: -15px;}


    .s_04 ul li{padding: 0 10px;}
    .s_04 ul li img{width: 100%;}
    .s_04 .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; z-index: 99;}
    .s_04  button{text-indent: -9999px;}
    .s_04 .slick-prev{background:url("/img/arrow2_prev.png")no-repeat center / cover; left:10%;}
    .s_04 .slick-next{background:url("/img/arrow2_next.png")no-repeat center / cover; right: 10%;}

    .s_05{background-color: #ECE8E3; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    .s_05 .left_box{width: 100%; padding: 100px 30px;}
    .s_05 .left_box h2{font-size: 25px; line-height: 35px; color: #333333; font-weight: 700; margin-bottom: 10px;}
    .s_05 .left_box h2 span{color: #F68D00;}
    .s_05 .left_box > p{font-size: 35px; line-height: 45px; color: #333333; font-weight: 600; margin-bottom: 30px;}
    .s_05 .left_box div:not(:last-child){margin-bottom: 30px;}
    .s_05 .left_box div strong{display: inline-block; font-size: 18px; line-height: 26px; color: #333333; margin-bottom: 10px;}
    .s_05 .left_box div p{font-size: 16px; line-height: 22px; color: #333333;}
    .s_05 .left_box div:nth-of-type(2) > span{font-size: 14px; line-height: 20px; color: #333333;}
    .s_05 .left_box div ul{display: flex; flex-wrap: wrap; margin-bottom: 10px; border-top: 1px solid #AEAEAE; border-bottom: 1px solid #AEAEAE; }
    .s_05 .left_box div ul li{width: 50%; font-size: 16px; line-height: 22px; color: #333333; font-weight: 500; padding: 10px 0;}
    .s_05 .left_box div ul li:nth-child(n+3){border-top: 1px solid #AEAEAE;}
    .s_05 .left_box div ul .orange span{color: #F68D00;}
    .s_05 .left_box div ul li span{display: inline-block;}
    .s_05 .left_box div ul li span i{font-style: normal; font-size: 16px;}
    .s_05 .left_box div ul li span:nth-of-type(1){width: 45%;}
    .s_05 .right_box{width: 100%;}
    .s_05 .right_box .map_area{width: 80%; height: 380px;}
    .s_05 .right_box .map_area .map{width: 100%; height: 380px;}
    .s_05 .right_box .map_area .cont{display: none;}


}


@media screen and (min-width: 1280px){


    .main_visual{width: 100%; height: 916px; position: relative;}
    .main_visual img{width: 100%; height: 916px; object-fit: cover;}
    .main_visual > div{position: absolute;}
    .main_visual .main_txt{width: 40%; top: 45%; left: 50%; transform: translate(-50%, -45%); text-align: center; color: #ffffff;}
    .main_visual .main_txt > span{display: inline-block; font-weight: 300; letter-spacing: 1px; font-size: 18px; text-transform:uppercase; margin-bottom: 20px;}
    .main_visual .main_txt h2{font-size: 80px; line-height: 90px; margin-bottom: 20px; font-weight: 300;}
    .main_visual .main_txt h2 span:nth-of-type(1){font-size: 50px; line-height: 60px;}
    .main_visual .main_txt h2 span:nth-of-type(2){color: #FFEACE; font-weight: 700;}
    .main_visual .main_txt h2 b{font-weight: 700;}
    .main_visual .main_txt p{font-size: 20px; line-height: 28px;}
    .main_visual .main_banner{width: 100%; height: 60px; bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(7, 7, 7, 0.6); display: flex; align-items: center; padding: 0 260px;}
    .main_visual .main_banner div{width: 50%; color: #ffffff; display: flex; justify-content: flex-start; align-items: center;}
    .main_visual .main_banner div p:nth-of-type(1){margin-right: 20px;}
    .main_visual .main_banner div p span{display: inline-block;}
    .main_visual .main_banner div p span:nth-of-type(1){font-size: 20px; margin-right: 10px;}
    .main_visual .main_banner div p span:nth-of-type(2){font-size: 25px; font-weight: 700;}
    .main_visual .main_banner div p:nth-of-type(2){font-size: 18px; color: #D2C5AC;}
    .main_visual .main_banner ul{width: 50%;}
    .main_visual .main_banner ul li{width: 100%; height: 60px; background-color: #E6DFD5; text-align: center; font-size: 18px; font-weight: 600; color: #333333; padding: 20px 0;}


    article:not(.main_visual, .s_02, .s_05){padding: 150px 0;}
    .title_box{width: 72.91%; margin: 0 auto 100px; display: flex; justify-content: space-between; align-items: flex-end;}
    .title_box h2{font-size: 40px; line-height: 50px; color: #333333; font-weight: 600;}
    .title_box h2 b{font-weight: 700; color: #F68D00;}
    .title_box span{font-family: 'NotoSerif'; display: inline-block; font-size: 100px; font-weight: 800; color: #ECE8E3;}

    .s_01{background: url("/img/s1_bg.png")no-repeat center / cover; background-attachment: fixed; padding-top: 150px;}
    .s_01 ul{width: 72.91%; margin: 0 auto;}
    .s_01 ul li{display: flex; justify-content: space-between; align-items: center;}
    .s_01 ul li:not(:last-child){margin-bottom: 70px;}
    .s_01 ul li div{width: 50%;}
    .s_01 ul li:nth-child(even) .img_box{order: 1;}
    .s_01 ul li .img_box img{width: 100%;}
    .s_01 ul li .txt_box{padding: 0 70px;}
    .s_01 ul li .txt_box > span{display: inline-block; font-size: 16px; line-height: 22px; font-family: 'NotoSerif'; text-transform: uppercase; color: #4D4E20; margin-bottom: 10px;}
    .s_01 ul li .txt_box h3{font-size: 30px; line-height: 40px; color: #333333; font-weight: 500; margin-bottom: 20px;}
    .s_01 ul li .txt_box h3 span{color: #F68D00; font-weight: 700;}
    .s_01 ul li .txt_box h3 b{font-weight: 700;}
    .s_01 ul li .txt_box p{font-size: 18px; line-height: 24px; color: #333333;}


    .banner{width: 100%; height: 790px; background: url("/img/banner.png")no-repeat center / cover; position: relative;}
    .banner div{color: #ffffff; position: absolute; top: 50%; left: 5%; transform: translateY(-50%);}
    .banner div h2{font-size: 60px; line-height: 70px; font-weight: 300; margin-bottom: 30px;}
    .banner div h2 b{font-weight: 700;}
    .banner div h2 span{font-weight: 700; color: #F68D00;}
    .banner div p{font-size: 30px; line-height: 40px;}

    .s_02{padding-top: 150px;}
    .s_02 .cont{width: 72.91%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
    .s_02 .cont > div{width: 50%;}
    .s_02 .img_box img{display: block; width: 80%; margin: 0 auto;}
    .s_02 .main_dr .img_box{position: relative;}
    .s_02 .main_dr .img_box::before{content: ""; display: block; width: 400px; height: 380px; background: url("/img/s2_s1bg.png")no-repeat center / cover; position: absolute; top: 100px; left: 0; z-index: -1;}
    .s_02 > div:nth-of-type(3){background-color: #FBFBFB; z-index: 1;}
    [class $="dr"] .txt_box{padding-left: 70px;}
    [class $="dr"] .txt_box > div{width: 100%; border-bottom: 1px solid #A8A8A8; margin-bottom: 30px; padding-bottom: 20px;}
    [class $="dr"] .txt_box > div > span{display: inline-block; font-size: 16px; line-height: 22px; font-family: 'NotoSerif'; text-transform: uppercase; color: #FCC377; margin-bottom: 10px;}
    [class $="dr"] .txt_box > div h3{font-size: 25px; color: #333333; }
    [class $="dr"] .txt_box > div h3 span{font-family: 'NotoSerif'; font-size: 40px; line-height: 50px;}
    [class $="dr"] .txt_box ul li{font-size: 20px; line-height: 28px; position: relative; padding-left: 15px; color: #333333; font-weight: 500;}
    [class $="dr"] .txt_box ul li:not(:last-child){margin-bottom: 5px;}
    [class $="dr"] .txt_box ul li::before{content: "•";  position: absolute; left: 0;  top: 0; font-size: 0.8em; color: #F68D00;}
    .s_02 .sub_dr{padding: 100px 0;}
    .s_02 .sub_dr .cont{position: relative;}
    .s_02 .sub_dr .cont::before{content: ""; display: block; width: 400px; height: 380px; background: url("/img/s2_s2bg.png")no-repeat center / cover; position: absolute; bottom: 0; right: 0; z-index: 0;} 


    .s_03{position: relative; background-color: #ECE8E3; z-index: 1;}
    .s_03::after{content: ""; display: block; width: 100%; height: 500px; background: url("/img/s3_bg.png")no-repeat center / cover; position: absolute; top: 0; left: 0; z-index: -1;}
    .s_03 .title_box h2{color: #ffffff;}
    .s_03 .title_box span{color: #9F9A93;}
    .s_03 ul{width: 72.91%; margin: 0 auto; position: relative;}
    .s_03 ul li{position: relative; margin: 0 10px;}
    .s_03 ul li img{width: 100%;}
    .s_03 ul li span{display: inline-block; position: absolute; top: 30px; right: 30px; font-size: 25px; line-height: 30px; color: #ffffff; font-weight: 700; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 2px solid #ffffff; }
    .s_03 ul li dl{position: absolute; bottom: 50px; left: 30px; width: 70%; color: #ffffff;}
    .s_03 ul li dl dt{font-size: 35px; line-height: 45px; font-weight: 700; margin-bottom: 5px;}
    .s_03 ul li dl dd{font-size: 18px; line-height: 26px;}
    .s_03 .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; z-index: 99;}
    .s_03  button{text-indent: -9999px;}
    .s_03 .slick-prev{background:url("/img/arrow_prev.png")no-repeat center / cover; left: -25px;}
    .s_03 .slick-next{background:url("/img/arrow_next.png")no-repeat center / cover; right: -25px;}


    .s_04 ul li{padding: 0 20px;}
    .s_04 ul li img{width: 100%;}
    .s_04 .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; z-index: 99;}
    .s_04  button{text-indent: -9999px;}
    .s_04 .slick-prev{background:url("/img/arrow2_prev.png")no-repeat center / cover; left:20%;}
    .s_04 .slick-next{background:url("/img/arrow2_next.png")no-repeat center / cover; right: 20%;}

    .s_05{background-color: #ECE8E3; display: flex; justify-content: space-between; align-items: center;}
    .s_05 .left_box{width: 45%; padding: 0 100px;}
    .s_05 .left_box h2{font-size: 30px; line-height: 40px; color: #333333; font-weight: 700; margin-bottom: 10px;}
    .s_05 .left_box h2 span{color: #F68D00;}
    .s_05 .left_box > p{font-size: 45px; line-height: 55px; color: #333333; font-weight: 600; margin-bottom: 30px;}
    .s_05 .left_box div:not(:last-child){margin-bottom: 30px;}
    .s_05 .left_box div strong{display: inline-block; font-size: 25px; line-height: 35px; color: #333333; margin-bottom: 10px;}
    .s_05 .left_box div p{font-size: 20px; line-height: 30px; color: #333333;}
    .s_05 .left_box div:nth-of-type(2) span{font-size: 18px; line-height: 26px; color: #333333;}
    .s_05 .left_box div ul{display: flex; flex-wrap: wrap; margin-bottom: 20px; border-top: 1px solid #AEAEAE; border-bottom: 1px solid #AEAEAE; }
    .s_05 .left_box div ul li{width: 50%; font-size: 20px; line-height: 30px; color: #333333; font-weight: 500; padding: 10px 0;}
    .s_05 .left_box div ul li:nth-child(n+3){border-top: 1px solid #AEAEAE;}
    .s_05 .left_box div ul .orange span{color: #F68D00;}
    .s_05 .left_box div ul li span{display: inline-block;}
    .s_05 .left_box div ul li span i{font-style: normal; font-size: 16px;}
    .s_05 .left_box div ul li span:nth-of-type(1){width: 45%;}
    .s_05 .right_box{width: 55%;}
    .s_05 .right_box .map_area .cont{display: none;}

       

}