/** Shopify CDN: Minification failed

Line 198:64 Expected ":"

**/

/***************************************************
ヘッダー
***************************************************/
/*フェードインアニメ*/
@keyframes fadeIn{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeOut{
    0% {opacity: 0; }
    100% {opacity: 1;}
}

/* 背景色 */
.header-wrapper{
    background-color:inherit;margin-bottom: -110px;
}
.header-wrapper .header{
    margin: 35px 80px;padding: 0;
    grid-template-columns: 15% 75% 10%;
    align-items: center;
}
.section-header{z-index: 9;}
.header__heading-logo-wrapper svg{
    mix-blend-mode: inherit; /* オーバーレイを指定 */
    width: calc(100% - 40px);height: auto;
}
.header__heading-logo-wrapper svg path{fill:#fff}
.header__icons{display: none;}

@media screen and (max-width: 1000px) {
    .header-wrapper .header{
        margin: 25px 40px;
        grid-template-columns: 30% 60% 10%;
    }
}

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

    .header-wrapper .header{
        margin: 25px 25px;
        grid-template-columns: 50% 50%;
    }

}
/* メニュー */
/******************************************/
.menu_sw{
    width: 65px;height: 7px;
    position: relative;
    order: 3;
    justify-self: flex-end;
    cursor: pointer;
    z-index: 999999;
}
.menu_sw .in_l{
    display: block ;
    height: 2px;width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;bottom: 0;
    transition: 0.3s all;
}
.menu_sw  .in_l:nth-child(1){transform: rotate(0eg)translate(0,-3px);}
.menu_sw  .in_l:nth-child(2){transform: rotate(0deg)translate(0,3px);}

.menu_sw.open .in_l{}
.menu_sw.open .in_l:nth-child(1){transform: rotate(165deg)translate(0px);}
.menu_sw.open .in_l:nth-child(2){transform: rotate(-165deg)translate(0px);}
.header__heading-link{z-index: 3;}

@media screen and (max-width: 749px) {
    .header__heading-link{z-index: 3;text-align: left;}
    .menu_sw{
        position: absolute;top: 0px;bottom:0;right: 25px;
        margin: auto;
        z-index: 3;
    }
}




/******************************************/

.header_menu{
    position: fixed;
    top:0;bottom: 0;right: 0;left: 0;
    width: 100%;height: 100%;display: none;
    animation-name: fadeIn;
  animation-fill-mode:forwards;
  animation-duration:0.5s;
}
.header_menu.open{
    display: block;
    /* animationプロパティ設定 */
    animation-name: fadeOut;
    animation-fill-mode:forwards;
    animation-duration:0.5s;
  
}
.header_menu .in_hed{
    height: 45%;
    justify-content: center;align-items: center;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .45rem;
    color: #fff;
    position:relative;
    overflow: hidden;
}
.header_menu .in_hed .txt{position: relative;z-index: 2;}
.header_menu .in_hed .txt span {
    font-size: 5rem;
    letter-spacing: 0px;
    padding-bottom: 10px;
    display: block;
}
.header_menu .in_hed img{
    display:block;
    position: absolute;
    top: 0;bottom: 0;right: 0;left: 0;
    height: 100%;width: 100%;
    object-fit: cover;

}

@media screen and (max-width:850px) {
    .header_menu .in_hed{display: none};
}

h1.header__heading{z-index: 2;}
/**　囲い付きメニュー　****************************************/
.b_menu .com_link a{
    color: #fff;border-color: #fff;font-size: 1.6rem;
    height: 35px;padding: 0 20px;
    margin:0 20px 0 0 ;
}

@media screen and (max-width: 749px) {
    .b_menu{
        position: fixed;
        bottom: 40px;left: 20px;
        width: calc(100% - 40px);gap:0 20px;
    }
    .b_menu .com_link{width: 50%;}
    .b_menu .com_link a{
        width: 100%;font-size: 1.2rem;
        margin-right: 0;
        display: flex;text-align: center;
    }
}
/******************************************/
.header_menu .in_menu{
    background-color: #E5E3DE;
    width: 100%;
    height: 55%;
    padding: 100px 80px 80px 80px;
    justify-content: space-between;
    align-content: flex-end;align-items: flex-end;
}
.header_menu .in_menu .in_left{width:30%;}
.header_menu .in_menu .in_left svg{display: block;margin-bottom: 30px;}

.header_menu .in_menu .in_left .add{margin-bottom: 60px;}
.header_menu .in_menu .in_left a{
    padding:25px 15px ;
    border: 1px solid #000;
    position: relative;
    font-size: 1.4rem;
    display: block;
    line-height: 1;
}
.header_menu .in_menu .in_left a span{
 font-size: 2.0rem;margin-bottom: 15px;
 display: block;
}
.header_menu .in_menu .in_left a:nth-child(n+2){
    margin-top: 25px;
}
@media screen and (max-width: 850px) {
    .header_menu .in_menu .in_left{width:100%;order: 2;}
    .header_menu .in_menu{
        height: 100%;padding-top: 80px;
        overflow-y: scroll;
        flex-wrap: wrap;
    }
}
/******************************************/
.header_menu .in_menu .in_right{width: 55%;}
.header_menu .in_menu .in_right .link_area .link_l,
.header_menu .in_menu .in_right .link_area .link_r{width: 50%;pa}
.header_menu .in_menu .in_right .link_area .link_l a,
.header_menu .in_menu .in_right .link_area .link_r a{
    display: block;line-height: 2.5;
}
.header_menu .in_menu .in_right .link_area .link_l a span,
.header_menu .in_menu .in_right .link_area .link_r a span{
    color: #787878;
    margin-left: 15px;
}

.header_menu .in_menu .in_right .link_area .link_l{padding-right: 20px;}
.header_menu .in_menu .in_right .info{margin-top: 65px;justify-content: space-between;}
.header_menu .in_menu .in_right .info p{padding-right: 20px;}
.header_menu .in_menu .in_right .info a img{vertical-align: middle;margin-right:8px;}


@media (max-width:1200px ) {
    .header_menu .in_hed{height: 35%;}
    .header_menu .in_menu{height: 65%;padding: 40px;}
    .header_menu .in_menu .in_right{width: 65%;}
    .header_menu .in_menu .in_left{width: 30%;}
}

@media (max-width:900px ) {
    .header_menu .in_hed{height: 35%;}
    .header_menu .in_menu{height: 65%;padding: 40px;}
}

@media (max-height: 1100px) {
    .header_menu .in_hed{height: 35%;font-size: 1.4rem;}
    .header_menu .in_menu{height: 65%;padding: 40px;}
}
@media (max-height: 900px) {
    .header_menu .in_hed{height: 35%;font-size: 1.4rem;}
    .header_menu .in_hed .txt span {font-size: 3.8rem;}
    .header_menu .in_menu{height: 65%;padding: 40px;
        overflow-y:scroll ;
        align-content: flex-start;align-items: flex-start;
    }

    .header_menu .in_menu .in_right{width: 60%;}
    .header_menu .in_menu .in_right .info{margin-top: 30px;font-size: 1.2rem;}
  }

  @media (max-height: 600px ) {
    .header_menu .in_hed{height: 35%;font-size: 1.0rem;text-align: center;}
    .header_menu .in_hed .txt span {font-size: 2.8rem;}
    .header_menu .in_menu{height: 65%;padding: 40px;font-size: 1.3rem;}
    .header_menu .in_menu .in_left a{padding: 15px 10px;}
    .header_menu .in_menu .in_left .add{margin-bottom: 30px;}
  }
  
  @media (max-width: 850px ) {
    .header_menu .in_menu .in_right{
        width: 100%;
        order: 1;
    }
    .header_menu .in_menu{height:100%;padding: 80px 40px;align-content: flex-start;}
    .header_menu .in_menu .in_right .link_area{flex-wrap: wrap;}
    .header_menu .in_menu .in_right .link_area .link_l,
    .header_menu .in_menu .in_right .link_area .link_r{
        width: 100%;
    }
    .header_menu .in_menu .in_left a{padding: 10px 10px;}
    .header_menu .in_menu .add,
    .header_menu .in_menu .info{display: none;}
    .header_menu .in_menu .in_right .link_area br{display: none;}

  }


/***************************************************
FOTTER
***************************************************/
.bottom_footer{position: relative;
    z-index: 2;
    background-color: #000;color: #fff;
    padding: 160px 80px 0;
    overflow: hidden;
}
.bottom_footer > *{color: #fff;}


.bottom_footer .in_hed a{
    color: #fff;
    font-size:min(8vw,12.8rem);
    line-height: 1;position: relative;
    align-items: center;
    
}
.bottom_footer .in_hed a span{
    font-size: 1.6rem;display: block;
    margin-left: 30px;
    line-height: 1.8;
    font-weight: 300;
    /* position: absolute; */
    left: 100%;
    width: 100%;
    bottom: 3rem;
}


@media screen and (max-width: 750px) {
    .bottom_footer{
        padding: 80px 25px 0;
    }
    .bottom_footer .in_hed a{
        display: block;
        font-size:min(16vw,12.8rem);
    }
    .bottom_footer .in_hed a span{margin:30px 0 0 0;}
}
/******************************************/

.bottom_footer .mid_ared{
    margin-top: 120px;
    justify-content: space-between;align-items: center;
    gap:0 3%;
}
.bottom_footer .mid_ared .tel{
    font-size:clamp(2.6rem, 3.8vw, 4.6rem);white-space: nowrap;
}

.bottom_footer .mid_ared .tel .enFont_model{font-size:2.0rem ;margin-right: 20px;vertical-align: super;}
.bottom_footer .mid_ared .tel p{
    font-size:clamp(1.0rem, 1.6vw, 1.6rem);font-weight: 300;
}
.bottom_footer .mid_ared .link_box{
    width: 100%;gap:0 3%;
}
.bottom_footer .mid_ared a{
    background-color: #fff;
    display: block;
    width: 50%;
    padding: 20px 25px;
    line-height: 1;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .bottom_footer .mid_ared{align-items: flex-start;}
    .bottom_footer .mid_ared .tel{
        width: 50%;
    }
    .bottom_footer .mid_ared .link_box{
        flex-wrap: wrap;
    }
    .bottom_footer .mid_ared .link_box a{
        width: 100%;
        margin-bottom: 15px;
    } 
}

@media screen and (max-width: 750px) {
    .bottom_footer .mid_ared{
        display: block;margin-top: 60px;
    }

    .bottom_footer .mid_ared .tel{
        width: 100%;font-size: clamp(2.6rem,12vw,4.6rem);
    }
    .bottom_footer .mid_ared .tel p{
        font-size:clamp(1.0rem, 6vw, 1.6rem);font-weight: 300;
    }
    .bottom_footer .mid_ared .link_box{
        margin-top: 40px;
    }


}


.bottom_footer .mid_ared  a p{font-size: 3.2rem;}
.bottom_footer .mid_ared  a span{
    font-size: 1.6rem;display: block;
    padding-top: 10px;
}
.bottom_footer .mid_ared a svg{
    position: absolute;right: 20px;top: 30px;
}
.bottom_footer .mid_ared a svg path{fill:#000}


@media screen and (max-width: 750px) {
    .bottom_footer .mid_ared  a p{font-size: 2.4rem;}
    .bottom_footer .mid_ared  a span{font-size: 1.4rem;}
}


/******************************************/
.bottom_footer .link_area{
    width: calc(100% + 160px);
    padding-top: 120px;
    margin-top: 120px;
    border-top: 1px solid;
    margin-left: -80px;
    padding: 120px 80px 0;
}
.bottom_footer .link_area .footer_logo{
    width: 25%;
    max-width:180px;
    margin-right:5%;
}
.bottom_footer .link_area .footer_logo svg{
    width: 100%;height: auto;
}

.bottom_footer .link_area .in_area{
    width: 40%;
}
.bottom_footer .link_area .in_area:nth-child(3){
    width: 30%;
}
.bottom_footer .link_area .in_link{
    width: 100%;
    gap: 0 4%;
    justify-content: space-between;
}
.bottom_footer .link_area .in_link a{
    color: #fff;display: block;
    text-decoration: none;
    line-height: 1.8;
    font-size: 1.6rem;
    margin-top: 10px;
}
.bottom_footer .link_area .in_link a span{color: #787878;margin-left: 20px;}


.bottom_footer .sns_area{justify-content: flex-end;margin-top: 40px;}
.bottom_footer .sns_area .com_tag{border-color: #fff; padding: 0 15px;}
.bottom_footer .sns_area a{color: #fff;margin-left: 25px;}
.bottom_footer .sns_area img{width: 16px;margin-right: 8px;vertical-align: middle;}


@media screen and (max-width: 1200px) {
    .bottom_footer .link_area .in_link a span{
        margin-left: 0;
        display: block;
        font-size: 1.4rem;
    }
    .bottom_footer .link_area .in_area:nth-child(3) a{
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 750px) {
    
    .bottom_footer .link_area{
        width: 100%;margin-left: 0;
        padding: 0;
        border-top: none;
        flex-wrap: wrap;
    }
    .bottom_footer .link_area .footer_logo{width: 55%;}
    .bottom_footer .link_area .in_link{
        flex-wrap: wrap;
        margin-top: 80px;
    }
    
    .bottom_footer .link_area .in_link .in_area{
        width: 100%;flex-wrap: wrap;
    }
    .bottom_footer .link_area .in_link  a span{
        display: inline-block;margin-left: 20px;
    }
    .bottom_footer .link_area .in_area:nth-child(3){width: 100%;}
    .bottom_footer .link_area .in_link .in_area:nth-child(n+2){
        border-top: 1px solid #fff;
        margin-top: 40px;padding-top: 40px;
    }
    
}
/******************************************/

.bottom_footer .bottom_txt{
    background:#BBBBBB;
    margin-top: 25px;
    padding: 5px;
    width: calc(100% + 160px);
    margin-left: -80px;
    color: #000;
}

/* 横にスクロールさせるアニメーション */
@keyframes animate-banner {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

.bottom_footer .bottom_txt .fix_hed{margin-left: 80px;width: 8%;white-space: nowrap;background-color: #BBBBBB;}
.bottom_footer .bottom_txt .move_area{overflow: hidden;margin-left: 20px;width: 90%; white-space :nowrap;}
  /* バナー内コンテンツ */
.bottom_footer .bottom_txt .move_area p{
    display: inline-block;
    color: #000;
    line-height: 30px;
    padding-left: 100%;
    white-space: nowrap;
    animation: animate-banner 20s linear infinite;
}
.bottom_footer .add_area{
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 15px;
}
.bottom_footer .add_area p {font-size: 1.4rem;letter-spacing: 1.5px;}
.bottom_footer .add_area p span{padding-right: 35px;}


@media screen and (max-width: 750px) {
    .bottom_footer .bottom_txt .fix_hed{width: 20%;}



    .bottom_footer .add_area{
       
    }
    .bottom_footer .add_area p span{padding-right: 10px;}
    .bottom_footer .add_area p {font-size: 1.2rem;letter-spacing: 1.5px;}
    .bottom_footer .add_area p.copy{display: none;}
}


/******************************************/

.f_bottom_link:hover{opacity: 1;}
.f_more_logo{
    position: relative;overflow:hidden;padding: 190px 0;
    text-align: center;
}
.f_more_logo .footer_logo {margin-top: 45px;}
.f_more_logo .footer_logo svg{ 
    width: 200px;
    height: auto;
}
.f_more_logo .txt{
    color:#fff;
    font-size: 4.6rem;
    text-align: center; 
}
.bottom_footer .more_logo{}
.bottom_footer .more_logo{}

.f_more_logo .intxt{position: relative;z-index: 2;}
.f_more_logo img{
    width: 100%;height: 100%;
    position: absolute;
    top: 0;bottom: 0;left:0;right: 0;
    z-index: 1;
    object-fit: cover; /* コンテンツボックスに収まるように拡大縮小 */
}