@charset "utf-8";
.sec_detail {
    position: relative;
    overflow: hidden;
}
.sec_detail .box_title .ttl .group {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    gap: clamp(10px, 1.7857vw, 30px);
}
.sec_detail .box_title .name {
    color: #3e3a39;
	font-size: clamp(4.5rem, 4.1666666666666666667vw, 7rem);
    letter-spacing: 0.04em;
    line-height: 1;
    display: flex;
    align-items: center;
}
.sec_detail .box_title .name .sm { font-size: 55%;}
.sec_detail .box_title .spec {
    font-size: clamp(1.7rem, 1.547619047619047619vw,2.6rem);
    letter-spacing: 0.1em;
}
.sec_detail .box_title .spec .lg {
    font-size: 177%;
    line-height: 1;
}
.sec_detail .box_title .spec .md { 
    font-size: 139%;
    line-height: 1;
}
.sec_detail .box_title .exclusive {
    font-size: clamp(1rem, 0.71428571428571428571vw,1.2rem);
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.sec_detail .box_title .exclusive .lg { font-size: 284%; line-height: 1; }
.sec_detail .box_title .exclusive .md { font-size: 217%; line-height: 1; }
.sec_detail .box_title .exclusive .sm { font-size: 117%; line-height: 1; }
.sec_detail .box_title .exclusive .sx { font-size: 134%; line-height: 1; }
.sec_detail .box_plan {
    position: relative;
    z-index: 1;
    max-width: 625px;
    margin: clamp(20px, 4.4643vw, 75px) auto 0;
    padding-bottom: clamp(35px, 2.6786vw, 45px);
}
.sec_detail .box_plan .image {
    margin: 0 auto 0px;
    width: 100%;
    text-align: center;
}
.sec_detail .box_plan .note {
    max-width: 480px;
    margin-top: clamp(10px, 3.2738vw, 55px);
}
.sec_detail .box_plan .capt {font-size: 12px;margin-top: clamp(10px, 0.8929vw, 15px);}
.sec_detail .galleries_block { background-color: #fff;}
.sec_detail .galleries_block .head_box { padding-top: clamp(50px, 4.1667vw, 70px);}
.sec_detail .galleries_block .head_box .ttl { margin-bottom: clamp(20px, 2.9762vw, 50px);}
.sec_detail .galleries {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
    padding-bottom: clamp(60px, 8.631vw, 145px);
}
.sec_detail .galleries .ttl {
    font-size: clamp(2.4rem, 1.6667vw, 2.8rem);
    letter-spacing: 0.02em;
    line-height: 1.7;
    color: #8aa9b5;
    margin-bottom: clamp(5px, 0.5952380952380952381vw, 10px);
}
.sec_detail .galleries .txt {
    font-size: clamp(1.2rem, 0.83333333333333333333vw,1.4rem);
    letter-spacing: 0.1em;
    line-height: 1.8;
}
@media screen and (max-width: 767px) {
    .sec_detail .box_title .ttl { margin-bottom: 65px;}
    .sec_detail .box_title .ttl .group { 
        grid-template-columns: max-content;
        top: 20px;
    }
    .sec_detail .box_title .spec { 
        margin-top: 0;
        position: absolute;
        bottom: -40px;
    }
    .sec_detail .box_title .exclusive { display: inline-block;}
    .sec_detail .box_title .exclusive + .exclusive { margin-left: 5px;}
	.sec_detail .galleries { grid-template-columns: 1fr;}
}
.sec_variation { padding: clamp(60px, 8.9286vw, 150px) 0 clamp(60px, 8.3333vw, 140px);}
.sec_variation::before {
    content: "";
	background-color: #d1d8dc;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}