@charset "UTF-8";
/* ======================= 
main
=========================*/
.main__copy {
    text-align: center;
    font-family: "Noto Serif JP";
    font-size:clamp(1.8rem,4.8vw,2.5rem) ;
    line-height: 1.7;
    letter-spacing: 0.06em;
    margin-top: 4.5vh;
}
.main__copy span {
    font-size:clamp(1.6rem,3.8vw,2.2rem) ;
}
.main__logo {
    display: block;
    width: clamp(64px, 22vw, 130px);
    margin:5.6vw auto 0;
}
/* ================
fade slick 
===================*/
.fade {
    overflow: hidden;
    margin: 5.86vw auto 0;
    max-width: 500px;
}
.fade__item {
    margin: 0;
} 
.fade__item--pc {
    display: none!important;
}
.fade__item--sp {
    display: block!important;
}
/* slick pc 769px */
@media screen and (min-width: 769px) {
    /* .slider {
        margin: 60px auto 120px;
    } */
    .fade__item--pc {
        display: block!important;
    }
    .fade__item--sp {
        display: none!important;
    }
    .fade {
        width:50%;
        max-width: initial;
        margin: auto 0!important;
    }
}
/* pc 769px */


/* メイン　pc 769px */
@media screen and (min-width: 769px) {
    .main__copy {
        font-size: 1.9vw;
        font-size:clamp(2.2rem,1.9vw,3.2rem) ;/* 28px */
        line-height: 1.7;
        letter-spacing: 0.07em;
        margin: 0;
    }
    .main__copy span {
        font-size:clamp(2rem,1.6vw,3rem) ;
    }
    .main__logo {
        max-width: 13vw;
    }
    .article__header {
        display: flex;
        flex-direction: row-reverse;
        margin: 110px auto;
    }
    .main__copy--logo {
        display: block;
        width: 50%;
        margin: auto 0
    }
}/* pc 769px */
@media screen and (min-width: 1441px) {
     .fade {
        max-width: 740px;
     }
}
/* コンセプト */
.section__gray {
    background-color: var(--primary-gray);
}
.section__topic--concept {
    color: rgba(67, 67, 67, 0.05);
    text-align: center;
    font-family: Allura;
    font-size:clamp(12rem,37vw,18rem) ;
    line-height: normal;
}
.section__txt {
    margin-top: -60px;
    padding: 0 4.2vw 54px;
    text-align: center;
    font-size: clamp(1.4rem, 4.26vw, 1.7rem);
    font-weight: 500;
    line-height: 2.5;
    letter-spacing: 0.3vw;
}
.logo__name {
    font-family: "Noto Sans JP";
}
/* コンセプト pc  */
@media screen and (min-width: 769px) {
    .section__topic--concept {
        color: rgba(67, 67, 67, 0.05);
        font-size: clamp(22rem, 1.9vw, 32rem); /* 280px */
    }
    .section__txt {
        font-size: 2rem;
        line-height: 2.8;
        letter-spacing: 0.02vw;
        padding-bottom: 120px;
    }
}/* pc 769px */
/* プロフィール */
.profile__img {
    display: block;
    margin: 35px auto 0;
    width: clamp(16.875rem, 10.179rem + 33.48vw, 36.5rem);
}
.profile__content {
    background-image: url(../images/bg-Profile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.profile__detail {
    padding: 0 8.5vw;
}
.profile__name {
    margin-top: 33px;
    font-family: "Noto Sans JP";
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1;
}
.profile__title {
    margin-top: 19px;
    font-size: 1.8rem;
    line-height: 1;
}
.profile__txt{
    margin: 36px 0 72px;
    font-size: 1.6rem;
    letter-spacing: 0.4vw;
}
.profile__txt--bold {
    font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px solid rgba(56, 46, 39, 0.35);
    display: inline-block;
}
.profile__sign {
    display: none;
}
/* プロフィール　pc */
@media screen and (min-width: 769px) {
    .profile__content {
        display: flex;
        padding: 60px 10.1vw 0 7.91vw;
    }
    .profile__img {
        margin: auto;
        margin-right: 8.68vw;
    }
    .profile__detail {
        padding: 0;
    }
    .profile__name {
        margin: auto;
        margin-top: 26px;
        font-size: 3.4rem;
    }
    .profile__title {
        font-size: 2.2rem;
    }
    .profile__txt {
        margin-top: 50px;
        margin-bottom: 0;
        font-size: 1.6rem;
        letter-spacing: 0.06vw;
    }
    .profile__txt--bold {
        font-size: 2.2rem;
        border-bottom: 1px solid rgba(56, 46, 39, 0.35);
        display: inline-block;
        line-height: 2.4;
        letter-spacing: 0.09vw;
    }
    .profile__sign {
        display: block;
        font-size: clamp(2rem, 15vw, 22rem); /* 220px */
        color: rgba(67, 67, 67, 0.05);
        font-family: Allura;
        line-height: normal;
        text-align: center;
    }
}/* pc 769px */
/* ギャラリー */
.section__gallery {
    background-color: var(--primary-gray)
}
.section__topic--gray {
    color: rgba(56, 46, 39, 0.70);
    padding-top:72px;
    text-align: center;
    font-family: Allura;
    font-size: 4.2rem;
    line-height: normal;
}
.section__sbTopic--gray {
    color: rgba(56, 46, 39, 0.70);
    text-align: center;
    font-size: 1.8rem;
    line-height: normal;
}
/* ギャラリーpc 769px */
@media screen and (min-width: 769px) {
    .section__topic--gray {
        padding-top:120px;
        font-size: 10.1rem;
    }
}/* pc 769px */
/* ================
slick 
===================*/
.slider {
    overflow: hidden;
    margin: 39px auto 72px;
}
.slider__item {
    margin: 0 6px;
}
/* slick pc 769px */
@media screen and (min-width: 769px) {
    .slick-slider {
        margin: 60px auto 120px;
    }
    
}/* pc 769px */

/* ニュース */
.section__news {
    background-image: url(../images/bg-NewsSP.jpg);  
    background-size: cover;
    background-repeat: no-repeat;
    padding: 42px 4.2vw;
}
.section__news--content {
    background-color: var(--primary-white);
    padding:0 4.2vw 42px  ;
}
.section__topic--news {
    padding-top: 25px;
    text-align: center;
    font-family: Allura;
    font-size: 4.2rem;
    line-height: normal;
}
.section__sbTopic--news {
    text-align: center;
    font-size: 1.8rem;
    line-height: normal;
}
.tab__content {
    margin-top: 20px;
}
 .tabs {
    letter-spacing: 0.1vw;
    padding: 0 4.2vw;
    max-width: 500px;
    margin: 10% auto;
 }
 .tab-list {
    display: flex;
    justify-content: space-between;
    font-size: clamp(1.2rem, 3.73vw, 1.6rem);
  }
  .tab-item {
    padding: 0.5em 0.5em;
    color: rgba(67, 67, 67, 0.35);
    cursor: pointer;
    border-bottom: 1px solid rgba(67, 67, 67, 0.35); 
  }
  .tab-panel {
    display: none;
  }
  .tab-item.active {
    color: var(--primary-black);
    font-weight: bold;
    border-bottom: 1px solid var(--primary-black);
  }
  .tab-panel.active {
    display: block;
  }
.category {
    border-radius: 5px;
    border: 1px solid var(--primary-black, #382E27);
    background: rgba(253, 253, 253, 0.95);
    display: inline-block;
    padding: 3px 6px;
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 30px;
}
.news__topic time {
    padding: 4px 16px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
}
.news__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--primary-black);
}
.btn__news {
    display: block;
    text-align: center;
    margin-top: 45px;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.1vw;
}
.news__arrow {
    max-width: 172px;
    display: block;
    margin: 10px auto 0;
}
/*　ニュース　pc 1025px */
@media screen and (min-width: 1025px) {
    .section__news {
        background-image: url(../images/bg-News.jpg);  
        background-size: cover;
        background-repeat: no-repeat;
        padding: 120px 15.2vw;
    } 
    .section__new--flexLfet {
        width: 30%;
    }
    .section__news--content {
        padding: 60px 4.86vw 60px;
        position: relative;
    }
    .section__topic--news {
        padding-top: 0;
        text-align: left;
        font-family: Allura;
        font-size: 7.8rem;
    }
    .section__sbTopic--news {
        text-align: left;
    }
    .section__news--flex {
        display: flex;
    }
    .btn__news {
        display: block;
        text-align: left;
        margin-top: 45px;
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: 0.1vw;
        position: absolute;
        bottom:148px;
    }
    .news__arrow {
        max-width: 124px;
        display: block;
        align-items: flex-start;
        margin-top: 12px;
    }
    .tabs {
        font-size: 1.8rem;
        letter-spacing: 0.06vw;
        padding: 0;
        max-width: 500px;
        margin: 10% auto;
        width: 70%;
     }
}/* pc 1025px */
/* サービス */
.section__service {
    background-color: var(--primary-gray);
    padding: 0 8.5vw 54px;
}
.service__img {
    display: block;
    margin: 28px auto 0;
    width: clamp(19.438rem, 10.107rem + 46.65vw, 32.5rem);
}
.service__content li:nth-of-type(2) .service__img {
    margin-top: 74px;
}
.btn__service {
    font-family: "EB Garamond";
    font-size: 2.4rem;
    display: block;
    padding: 26px 24px 0;
    text-align: center;
    line-height: 1;
    position: relative;
    transition: 0.4s;
}
.service__jp {
    font-family: "Noto Serif JP";
    font-size: 1.4rem;
    margin-left: 2.6vw ;
    vertical-align: 1px;
}
.service__arrow {  
    max-width: 172px;
    display: block;
    margin: 0 auto;
}
.background__top {
    display: none;
}
/* サービス　769px */
@media screen and (min-width: 769px) {
    .section__service {
        padding: 0 5.5vw 145px;
    }
    .service__img {
        margin: auto;
        width: clamp(38rem, 27.7vw, 52rem);
    }
    .btn__service {
        font-size: 4rem;
        padding: 55px 24px 0;
    }
    .service__jp {
        font-size: clamp(1.3rem, 1.1vw, 1.6rem);
        margin-left: 0.69vw;
        vertical-align: 3px;
        letter-spacing: 0.05rem;
    }
    .service__arrow {  
        width: 330px;
        display: block;
        margin: 0 auto;
    }
    .service__content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 5%;
        justify-content: center;
    }
    .service__content li {
        width: 30%;
    }
    .service__content li:nth-child(2n+1) {
        margin-top: 50px;
    }
    .service__content li:nth-child(2n+2) {
        margin-top:248px;
    }
    .background__top {
        display: block;
    }
}/* pc 769px */