@charset "utf-8";
* {letter-spacing: normal;}
.main_pc {display: block;}

/************** hoebin **************/
.hoebin_wrap {width: 100%;height: calc(var(--vh, 1dvh) * 100);position: relative;overflow: hidden;background: url('../img/hoebin/hoebin_bg.png') no-repeat center/cover;}
.hoebin_wrap .in {max-width: 1300px;margin: auto;width: 100%;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);}

.top {display: flex;justify-content: space-between;align-items: flex-end;}
.title_area {color: #fff;text-align: left;}
.title_area h1 {font-size: 5.6rem;line-height: 7.8rem;font-weight: 700;margin-top: 0.5rem;}
.title_area span {font-size: 2.8rem;font-family: 'joly';display: block;font-weight: 500;}
.title_area p {font-size: 1.8rem;line-height: 3rem;margin-top: 1.5rem;}

.link_area {color: #fff;text-align: left;font-family: 'joly';display: flex;flex-direction: column;}
.link_area a,
.link_area p {color: #fff !important;font-size: 2.2rem;font-weight: 400;display: flex;align-items: center;gap: 1rem;}
.link_area a + a {margin-top: 1.6rem;}
.link_area a + .hour_area {margin-top: 1.6rem;}
.link_area .hour_txt {font-size: 1.6rem;padding-left: calc(22px + 1rem);margin-top: 1rem;}
.link_area .hour_txt + .hour_txt {margin-top: 0.5rem;}

.bottom {margin-top: 8.6rem}
.triple_slide_wrap {display:flex;gap:8rem;}
.triple_slide_wrap .slide_box {width:calc((100% - 16rem) / 3);}
.triple_slide_wrap .slide_swiper {overflow:hidden;position:relative;}
.triple_slide_wrap .swiper-slide img {width:100%;display:block;}
.triple_slide_wrap .swiper-button-prev {width:3rem;height:3rem;margin-top:-2.5rem;color:#fff;background: url('../img/hoebin/btn_prev.png') no-repeat center/contain;bottom: 1rem;right: 5rem;left: auto;top: auto;}
.triple_slide_wrap .swiper-button-next {width:3rem;height:3rem;margin-top:-2.5rem;color:#fff;background: url('../img/hoebin/btn_next.png') no-repeat center/contain;bottom: 1rem;right: 1rem;top: auto;}
.triple_slide_wrap .swiper-button-prev:after,
.triple_slide_wrap .swiper-button-next:after {display:none;}
.triple_slide_wrap .slide_txt {margin-top:1.5rem;color:#fff;font-size:2.8rem;font-weight:500;text-align: left;font-family: 'joly';}
.triple_slide_wrap .slide_txt2 {margin-top:2rem;color:#fff;font-size:1.6rem;text-align: left;line-height: 3rem;margin-top: 0.5rem;}




.hoebin_footer {width: 100%;max-height: 100px;box-sizing: border-box;padding: 25px 5%;position: absolute;bottom: 0;left: 0;z-index: 1;display: flex;align-items: center;justify-content: center;}
.hoebin_info {font-size: 1.6rem;display: flex;align-items: center;justify-content: center;width: 100%;}
.hoebin_info img {margin-bottom: 6px;}
.hoebin_info b {color: #999 !important;font-weight: 500;position: relative;padding-right: 2rem;_min-width: 4rem;display: inline-block;line-height: 3rem;}
.hoebin_info b::after {position: absolute;top: 50%;right: 1rem;transform: translateY(-50%);content: '';width: 1px;height: 12px;background: #999;}
.hoebin_info b.af_none,
.hoebin_info b.af_none_350 {display: none;}
.hoebin_info b.af_none::after,
.hoebin_info b.af_none_350::after {display: none;}
.hoebin_info p {color: #999 !important;font-size: 1.6rem;}
.hoebin_info p + p {margin-left: 5rem;}
.info_area {display: flex;align-items: center;margin-left: 3rem;}
.no_phone {pointer-events: none;-webkit-touch-callout: none;color: #999 !important;}

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

    .hoebin_wrap {height: auto;overflow: visible;}

    .hoebin_wrap .in {position: static;max-width: none;transform: none;padding: 6rem 2rem 5rem;box-sizing: border-box;}

    .top {display: block;}
    .title_area span {font-size: 2rem;line-height: 2.4rem;}
    .title_area h1 {font-size: 3.5rem;line-height: 4.6rem;}
    .title_area p {font-size: 1.3rem;line-height: 2.3rem;margin-top: 1.5rem;}

    .link_area {padding: 2rem 0;box-sizing: border;border-top: 1px solid rgba(204, 204, 204, 0.6);border-bottom: 1px solid rgba(204, 204, 204, 0.6);margin-top: 4rem;}
    .link_area a,
    .link_area p {font-size: 1.7rem;line-height: 2.9rem;}
    .link_area a + a {margin-top: 1.5rem;}
    .link_area a + p {margin-top: 1.5rem;}
    .link_area .hour_area {display: flex;align-items: flex-start;}
    .link_area .hour_txt {margin-top: 0;font-size: 1.4rem;padding-left: calc(15px + 1rem);}
    .link_area .hour_txt + .hour_txt {margin-top: -1rem;}


    .bottom {margin-top: 5rem;}
    .triple_slide_wrap {display: block;}
    .triple_slide_wrap .slide_box {width: 100%;}
    .slide_box + .slide_box {margin-top: 4rem;}
    .triple_slide_wrap .slide_txt {font-size: 1.9rem;}
    .triple_slide_wrap .slide_txt2 {font-size: 1.3rem;}



    .hoebin_footer {position: static; width: 100%;padding: 2rem;background-color: #271B16;}
    .hoebin_info {align-items: flex-start;}
    .hoebin_info img {margin-bottom: 0;height: 2.3rem;width: 5.8rem;object-fit: contain;}
    .info_area {display: flex;flex-wrap: wrap;align-items: center;width: calc(100% - 5rem);margin-left: 1.5rem;}

    .hoebin_info b {_min-width: 1.5rem;line-height: initial;color: #ccc !important;padding-right: 1.2rem;}
    .hoebin_info b::after {height: 1rem;right: 0.5rem;}
    .hoebin_info p {font-size: 1rem;line-height: 1.4;color: #ccc !important;}
    .hoebin_info p + p {margin: 0;}
    .info_area p:nth-child(1) {width: 100%;}
    .info_area p:nth-child(2) {margin-left: 0;margin-right: 2rem;}
    .info_area p:nth-child(3) {}
    .info_area p:nth-child(4) {margin-right: 2rem;}
}

@media only screen and (max-width:768px){
    .hoebin_list li:nth-child(1) img {object-position: 50% 34%;}
    .hoebin_list li:nth-child(2) img {object-position: 50% 37%;}
    .hoebin_list li:nth-child(3) img {object-position: 50% 80%;}
}


a[href^="tel"],
a[href^="tel"] * {color:inherit !important;text-decoration:none !important;}