@charset "UTF-8";


.l_header_image{max-height: 800px;overflow-y: hidden;}
.l_header_image img{width: 100%;}
.area_main_img{position: relative;}
.area_main_img .wrap{display: block;}
.area_main_img::after{content: "";display: block;width: 100%;height: 100%;background: rgb(0 64 92 /.2);background-blend-mode: multiply;position: absolute;left: 0;top: 0;}
.l_header_image .message{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: flex;align-items: flex-end;max-width: 1200px;width: 100%;height: 100%;
    color: #FFF;font-family: 'Shippori Mincho', serif;font-size: 3.75rem;line-height: 1.7;letter-spacing: 0;font-weight: 500;padding-bottom: 121px;
}
.l_header_image .message span{text-shadow: 0 0 10px rgb(0 0 0 / .8);}
    

.come_title{font-family: 'Shippori Mincho', serif;line-height: 1.7;font-weight: 600;}
.come_title span{display: block;font-size: 3.75rem;}
.come_title h2{color: #333;font-size: 1.875rem;font-weight: 600;margin-top: -5px;}
.come_btn a{display: flex;justify-content: center;align-items: center;border-radius: 100vh;box-shadow: 0px 2px 4px 0px rgb(0 0 0/ .25);}


/**/
.home_about{padding-bottom: 47px;}
.home_about .frame{max-width: 1362px;background: #FFF;border-radius: 20px 20px 0 0;margin: -48px auto 0;position: relative;}
.home_about .wrapper{padding-top: 33px;}
.home_about .come_title{margin-bottom: 32px;}
.home_about .cont{display: flex;gap: 0 60px;}
.home_about .image{max-width: 574px;width: 50%;}
.home_about .image img{border-radius: 10px;}
.home_about .cont .text{padding-top: 33px;line-height: 2;letter-spacing: 0;max-width: calc(100% - 574px);width: 50%;}
.home_about .cont .text p{margin-bottom: 20px;}
.home_about .cont .text p:first-of-type{font-weight: bold;}


/**/
.home_news{padding-bottom: 50px;}
.home_news .wrapper{display: flex;gap: 0 133px;justify-content: space-between;}
.home_news .come_btn a{background: #C89E45;color: #FFF;width: 204px;height: 50px;}
.home_news .come_title{margin-bottom: 38px;}
.home_news .come_title h2{margin-top: -3px;}
.home_news .list_news{width: 100%;padding-top: 37px;}
.home_news .list_news ul{border-top: 1px solid #CCC;}
.home_news .list_news ul li{border-bottom: 1px solid #CCC;}
.home_news .list_news ul li a{text-decoration: none;height: 91px;display: flex;align-items: center;width: 100%;}
.home_news .list_news ul li a:hover{background: rgb(200 158 69 /.07);}
.home_news .list_news ul li time{color: rgb(200 158 69 / .7);}
.home_news .list_news ul li .box{display: flex;gap: 0 40px;}


.home_about .wrapper,.home_news .wrapper{max-width: 1150px;}
.home_about .come_title span,.home_news .come_title span{color: rgb(200 158 69 /.3);}


/**/
.home_point{padding-top: 50px;padding-bottom: 55px;}
.home_point .wrapper{max-width: 1200px;}
.home_point .wrapper::before {content: "";display: block;height: 438px;width: 100%;border-radius: 30px 30px 0 0;background: url(../images/home/bg_home_point.jpg) no-repeat;}
.home_point .wrapper p.image{margin-top: -435px;border-radius: 80px 80px 0 0;}
.home_point .wrapper p.image a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.home_point .wrapper p.image a:hover{opacity:0.8;}
.home_point .wrapper p.image img{border-radius: 80px 80px 0 0;}
.home_point .wrapper ul{display: grid;grid-template-columns: 1fr 1fr;gap: 0 22px;position: relative;max-width: 1100px;margin: -56px auto 0;}
.home_point .wrapper ul li{min-width: 0;}
.home_point .wrapper ul li .wrap{background: #FFF;height: 100%;overflow-wrap: break-word;box-shadow: 0px 0px 13.15px 0px rgba(0, 0, 0, 0.1);padding: 40px 37px 25px;}
.home_point .wrapper ul li.point_01 .wrap{border-radius: 35px 0 0 35px;}
.home_point .wrapper ul li.point_02 .wrap{border-radius: 0 35px 35px 0;}
.home_point .wrapper ul li .wrap .title{max-width: 530px;margin: 0 auto;}
.home_point .wrapper ul li .wrap .title p{height: 52px;text-align: center;line-height: 1;display: grid;place-content: center;}
.home_point .wrapper ul li.point_01 .wrap .title p{border-top: 2px solid #F08300;border-bottom: 2px solid #F08300;}
.home_point .wrapper ul li.point_02 .wrap .title p{border-top: 2px solid #F04F32;border-bottom: 2px solid #F04F32;}
.home_point .wrapper ul li .wrap .title h3{width: 237px;position: relative;left: 50%;transform: translateX(-50%);height: 38.2px;display: grid;border-radius: 12px 12px 0 0;place-content: center;color: #FFF;font-size: 1rem;padding-top: 4px;font-weight: bold;}
.home_point .wrapper ul li.point_01 .wrap .title h3{background: #F08300;}
.home_point .wrapper ul li.point_02 .wrap .title h3{background: #F04F32;}
.home_point .wrapper ul li .wrap .text{position: relative;max-width: 530px;margin-right: auto;margin-left: auto;padding-top: 17px;font-size: 0.875rem;letter-spacing: 0;line-height: 2.191;}
.home_point .wrapper ul li.point_01 .wrap .text{padding-left: 154px;}
.home_point .wrapper ul li.point_01 .wrap .text::before{content: "";display: block;width: 135px;height: 131px;background-image: url(../images/home/img_point_1.png);background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 39px;}
.home_point .wrapper ul li.point_01 .wrap .text span.date{display: block;font-size: 0.875rem;text-align: right;}
.home_point .wrapper ul li.point_02 .wrap .text{padding-left: 181px;}
.home_point .wrapper ul li.point_02 .wrap .text::before{content: "";display: block;width: 141px;height: 141px;background-image: url(../images/home/img_point_2.png);background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 37px;}
.home_point .wrapper p.image{overflow: hidden;}
.home_point .wrapper p.image img{max-width: 100%;}


/**/
.home_recruit .wrapper{padding-bottom: 100px;}
.home_recruit .wrapper a{display: block;max-width: 917px;height: 219px;margin: 0 auto;text-decoration: none;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);border-radius: 15px;background: #FFF;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.home_recruit .wrapper .frame{display: flex;width: 100%;height: 100%;background: url(../images/home/bg_bn_recruit.jpg) no-repeat;border-radius: 15px 0 0 15px;padding-left: 337px;}
.home_recruit .wrapper .frame .box{position: relative;padding-top: 52px;padding-left: 70px;padding-bottom: 22px;}
.home_recruit .wrapper .frame h2{font-weight: 700;font-size: 1.125rem;line-height: 26px;letter-spacing: 5%;margin-bottom: 8px;}
.home_recruit .wrapper .frame h2::before{content: "";display: block;width: 124px;height: 49px;background: url(../images/home/join_us.svg) no-repeat;position: absolute;left: 35px;top: 5px;}
.home_recruit .wrapper .frame .box p.message{font-weight: 500;font-size: 0.875rem;line-height: 1.8;letter-spacing: 2%;margin-bottom: 14px;}
.home_recruit .come_btn span{display: flex;justify-content: center;align-items: center;width: 280px;height: 47px;border-radius: 100vh;margin: 0 auto;background: #D36E7E;color: #FFF;font-weight: normal;font-size: 0.9375rem;}
.home_recruit .wrapper a:hover{color: #333;transform: translateY(-10px);}


/**/
.home_sightseeing .frame{max-width: 1362px;margin-right: auto;margin-left: auto;background: #F7E6E1;border-radius: 20px;padding: 61px 46px;}
.home_sightseeing .wrapper{position: relative;padding-bottom: 75px;}
.home_sightseeing .wrapper::before{content: "";display: block;width: 247px;height: 221px;background: url(../images/home/img_sightseeing.png) no-repeat;background-size: cover;position: absolute;bottom: 77px;left: -67px;}
.home_sightseeing .come_title{text-align: center;line-height: 1.7;margin-bottom: 41.5px;}
.home_sightseeing .come_title span{color: #F5CEC3;}


.area_scroll_img_list{display: flex;overflow: hidden;position: relative;}
.area_scroll_img_list ul{display: flex;list-style: none;padding: 0;animation: slider-scroll 80s infinite linear 0.5s both;margin-bottom: 46px;}
.area_scroll_img_list ul li{width: calc(100vw / 4);max-width: 360px;padding: 0 7.5px;}
@keyframes slider-scroll {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
.area_scroll_img_list.re ul{animation: slider-scroll-re 80s infinite linear 0.5s both;margin-bottom: 0;}
@keyframes slider-scroll-re{
    from {
        transform: translateX(0);
    }
    to {
    transform: translateX(-100%);
    }
}
.area_scroll_img_list ul li .wrap{display: grid;-webkit-border-radius: 10px;border-radius: 10px;}
.area_scroll_img_list ul li img {-webkit-border-radius: 10px;border-radius: 10px;height: 250px;width: 100%;overflow: hidden;object-fit: cover;object-position: center center;}



.home_sightseeing .text{text-align: center;line-height: 2;margin-bottom: 41.5px;}
.home_sightseeing .come_btn{display: flex;justify-content: center;}
.home_sightseeing .come_btn a{background: #C89E45;color: #FFF;width: 372px;height: 50px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.home_sightseeing .come_btn a:hover{color: #C89E45;background: #FFF;border: 2px solid #C89E45;}

/**/
.home_menu{padding-top: 92px;padding-bottom: 100px;}
.home_menu .wrapper{max-width: 1200px;}
.home_menu .wrapper ul{display: flex;gap: 0 30px;}
.home_menu .wrapper ul li{width: 50%;height: 420px;}
.home_menu .wrapper ul li a{position: relative;display: block;width: 100%;height: 100%;border-radius: 10px;text-decoration: none;display: flex;align-items: end;justify-content: end;padding-bottom: 50px;}
.home_menu .wrapper ul li a::before{content: "";display: block;width: 100%;height: 100%;border-radius: 10px;position: absolute;inset: 0;}
.home_menu .wrapper ul li.mn_lineup a{background: url(../images/home/bg_lineup.jpg) no-repeat;background-size: cover;padding-right: 40px;}
.home_menu .wrapper ul li.mn_lineup a::before{background: rgb(40 111 169 /.5); mix-blend-mode: multiply;}
.home_menu .wrapper ul li.mn_recruit a{background: url(../images/home/bg_recruit.jpg) no-repeat;background-size: cover;padding-right: 50px;}
.home_menu .wrapper ul li.mn_recruit a::before{background: rgb(0 0 0 /.2); mix-blend-mode: multiply;}
.home_menu .wrapper ul li a .box{position: relative;color: #FFF;z-index: 1;}
.home_menu .wrapper ul li a .box .come_title span{font-size: 1.25rem;}
.home_menu .wrapper ul li a .box .come_title h2{color: #FFF;font-size: 2.5rem;font-weight: 500;margin-top: -5px;}
.home_menu .wrapper ul li a .box .text{line-height: 2;margin-bottom: 15px;}
.home_menu .wrapper ul li a .box .come_btn span{display: flex;justify-content: center;align-items: center;border-radius: 100vh;width: 303px;height: 47px;font-weight: normal;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.home_menu .wrapper ul li.mn_lineup a .box .come_btn span{background: #FFF;color: #C89E45;}
.home_menu .wrapper ul li.mn_recruit a .box .come_btn span{background: #D36E7E;}
.home_menu .wrapper ul li.mn_lineup a::after{content: "";display: block;width: 162px;height: 316px;
background: url(../images/home/img_mn_lineup.png) no-repeat;background-size: cover;position: absolute;left: 44px;bottom: 60px;
}

.home_menu .wrapper ul li.mn_lineup a:hover .box .come_btn span{background: #C89E45;color: #FFF;}
.home_menu .wrapper ul li.mn_recruit a:hover .box .come_btn span{background: #FFF;color: #D36E7E;}




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

    .l_header_image .message{padding-left: 30px;padding-left: 30px;font-size: 2.5rem;}

   .home_sightseeing{padding-right: 30px;padding-left: 30px;}
   .area_scroll_img_list ul{margin-bottom: 20px;}
   .area_scroll_img_list ul li img{height: 200px;}
   .home_sightseeing .wrapper::before{width: 178px;height: 159px;bottom: 40px;}

}

@media screen and (max-width:980px) {
    .home_news .wrapper{flex-direction: column;}

    .home_about .cont{gap: 0 30px;}
    .home_about .image{width: 100%;max-width: 300px;}
    .home_about .image img{width: 100%;}
    .home_about .cont .text{max-width: calc(100% - 200px);width: 100%;padding-top: 0;font-size: 0.9375rem;}



    .home_news .title_box{display: flex;align-items: center;justify-content: space-between;}

    .home_point .wrapper ul li .wrap .title p img{width: 100%;}
    .home_point .wrapper::before{background-position: center;}
    .home_point .wrapper ul li .wrap{padding: 40px 20px 25px;}
    .home_point .wrapper ul li.point_01 .wrap .text,.home_point .wrapper ul li.point_02 .wrap .text{padding-left: 0;padding-top: 180px;}
    .home_point .wrapper ul li.point_01 .wrap .text::before,.home_point .wrapper ul li.point_02 .wrap .text::before{left: 50%;top: 25px;transform: translateX(-50%);}


    .home_menu .wrapper ul{flex-direction: column;gap: 30px 0;}
    .home_menu .wrapper ul li{width: 100%;height: 210px;}
    .home_menu .wrapper ul li a{padding-bottom: 20px;}
    .home_menu .wrapper ul li a .box .come_title span{font-size: 0.8125rem;}
    .home_menu .wrapper ul li a .box .come_title h2{font-size: 1.375rem;}
    .home_menu .wrapper ul li a .box .text{font-size: 0.875rem;}
    
    .home_menu .wrapper ul li.mn_lineup a::after{background: url(../images/home/sp_img_mn_lineup.png) no-repeat;}
    .home_menu .wrapper ul li.mn_lineup a,.home_menu .wrapper ul li.mn_recruit a{padding-right: 30px;}
    .home_menu .wrapper ul li.mn_recruit .box{text-align: right;}
    .home_menu .wrapper ul li a .box .come_btn span{height: 40px;}

    .home_menu .wrapper ul li.mn_recruit a{background-position: left 20%;}
   
    .home_sightseeing .wrapper::before{bottom: 6px;}
    .home_sightseeing .come_title span{font-size: 3.3rem;letter-spacing: 0;}
    .home_sightseeing .wrapper{padding-right: 0;padding-left: 0;}
    .area_scroll_img_list ul li img{height: 150px;}

}

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

    .area_main_img .wrap{padding-top: 60px;}
    .l_header_image .message{padding-bottom: 80px;padding-left: 20px;font-size: 1.75rem;}

    .come_title h2{font-size: 1.25rem;}
    .come_title span{font-size: 1.75rem;}

    .home_about{padding-bottom: 26px;}
    .home_about .cont{flex-direction: column;}
    .home_about .image{width: 100%;max-width: 100%;margin-bottom: 20px;}
    .home_about .cont .text{font-size: 0.875rem;max-width: 100%;}

    .home_news{padding-bottom: 25px;}
    .home_news .come_title{margin-bottom: 28px;}
    .home_news .list_news{padding-top: 0;margin-bottom: 25px;}
    .home_news .list_news ul li .box{flex-direction: column;gap: 0;}
    .home_news .list_news ul li a{font-size: 0.9375rem;padding: 19px 40px 19px 0;height: auto;position: relative;}
    .home_news .list_news ul li a::after{content: "";display: block;width: 8px;height: 12px;background: url(../images/icon_arrow_y.svg) no-repeat;background-size: contain;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
    .home_news .come_btn a{margin: 0 auto;}


    .home_point{padding-top: 25px;padding-bottom: 50px;}
    .home_point .wrapper ul{ grid-template-columns: 1fr;gap: 20px 0;}
    .home_point .wrapper ul li.point_01 .wrap{border-radius: 35px 35px 0 0;}
    .home_point .wrapper ul li.point_02 .wrap{border-radius: 0 0 35px 35px;}

    .home_sightseeing .wrapper::before{width: 140px;height: 125px;background-size: cover;position: absolute;bottom: auto;left: -30px;top: -220px;}
    .home_point .wrapper::before{height: 219px;width: 100%;background-size: cover;}

    .home_sightseeing{padding-right: 20px;padding-left: 20px;}
    .home_sightseeing .wrapper{padding-right: 0;padding-left: 0;padding-bottom: 35px;}
    .home_sightseeing .come_title span{font-size: 1.8rem;}
    .home_sightseeing .frame{padding: 30px 20px;}
    .area_scroll_img_list ul li{width: calc(100vw / 3);padding: 0 3.5px;}
    .home_sightseeing .come_title{margin-bottom: 18.5px;}
    .home_sightseeing .text{text-align: left;font-size: 0.875rem;margin-bottom: 20px;}
    .area_scroll_img_list ul li img{height: 80px;}
    .area_scroll_img_list ul{margin-bottom: 23px;}


    .home_menu{padding-top: 50px;padding-bottom:50px;}



.home_recruit .wrapper .frame {
    background-position: -20%;
    padding-left: 36%;
}
.home_recruit .wrapper .frame .box {
    position: relative;
    padding-top: 52px;
    padding-left: 20px;
    padding-bottom: 22px;
    background: #FFF;
    padding-right: 20px;
}
.home_recruit .wrapper .frame .box p.message {
    font-size: 0.8125rem;
    margin-bottom: 0px;
}
.home_recruit .wrapper .frame h2::before {
    left: 10px;
    top: 2px;
}
}

@media screen and (max-width: 680px) {
    .home_recruit .wrapper a{height: auto;}
    .home_recruit .wrapper .frame{height: 100%;background-size: contain;border-radius: 15px 15px 0 0;padding-left: 0;padding-top: 65%;flex-direction: column;background-position: left top;}
    .home_recruit .wrapper .frame .box{padding-left: 30px;padding-right: 30px;}
}

@media screen and (max-width: 500px) {
    .l_header_image{height: 290px;}
    .area_main_img,.area_main_img ul,.area_main_img ul li{height: 100%;}
    .l_header_image img{width: 100%;height: 100%;object-fit: cover;}
    .l_header_image .message{height: 290px;font-size: 1.5rem;line-height: 1.5;padding-bottom: 60px;}
}