/* ローディングアニメーション */
#loader-bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #C4B3A3;
    z-index: 10000;
}

#loader-bg #loader {
    position: absolute;
    width: 30%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media (max-width:768px) {
    #loader-bg #loader {
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}

/* セクション区切り */
.wave {
    position: relative;
    z-index: 10;
}
.wave svg {
    vertical-align: bottom;
    margin-block-end: -1px;
}
.blur-left {
    width: 16%;
    position: absolute;
    left: 3rem;
    bottom: 0;
}
.blur-right {
    width: 18%;
    position: absolute;
    right: 2rem;
    bottom: 0;
}
.wave04 {
    width: 10%;
    position: absolute;
    right: 10rem;
    bottom: 0;
}
.wave06 {
    width: 17%;
    position: absolute;
    left: 12rem;
    bottom: 4rem;
}


@media (max-width:768px) {
    .wave {
        position: relative;
        z-index: 10;
    }
    .wave svg {
        vertical-align: bottom;
    }
    .blur-left {
        width: 24%;
        position: absolute;
        left: 2rem;
        bottom: 0;
    }
    .blur-right {
        width: 20%;
        position: absolute;
        right: 2rem;
        bottom: 0;
    }
    .wave04 {
        width: 12%;
        position: absolute;
        right: 2rem;
        bottom: 0;
    }
    .wave06 {
        width: 30%;
        position: absolute;
        left: 2rem;
        bottom: 1rem;
    }
}


/* スクロールアニメーション */
.fadein {
	opacity : 0;
	transition : all 2000ms;
}
.fadein.scrollin {
	opacity : 1;
}
.fadeup {
	opacity : 0;
	transform : translate(0, 10rem);
	transition : all 1000ms;
}
.fadeup.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.faderight {
    opacity : 0;
	transform : translate(100%, 0);
	transition : all 1000ms;
}
.faderight.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.shop-img01 {
    background-image: url(../images/img_00025.jpg);
    background-position: center;
    background-size: cover;
    height: 32rem;
}
.shop-img02 {
    background-image: url(../images/img_00026.jpg);
    background-position: center;
    background-size: cover;
    height: 32rem;
}



/* SP */



@media (max-width:768px) {
    /* 全ページ共通 */
    html {
        font-size: 62.5%;
    }
    body {
        font-family: kinuta-maruminold-stdn,serif;
        font-weight: 400;
        font-size: 1.4rem;
        font-style: normal;
        line-height: 2;
    }
    img {
        max-width: 100%;
        max-height: 100%;
    }
    p {
        font-size: 1.4rem;
    }
    span {
        font-size: 1.4rem;
    }



    /* TOPページ */



    .entrance {
        width: 100vw;
        height: 100vh;
        background-image: url(../images/img_00002.jpg);
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .entrance .container {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 95%;
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 30px;
    }

    .entrance .container .catchcopy {
        max-height: 40%;
    }

    .entrance .container .logo {
        max-height: 25%;
    }

    .entrance .container .link {
        max-height: 25%;
    }

    .entrance .container .link img {
        padding: 0 20px;
        transition: 0.2s;
    }

    .entrance .container .link img:hover {
        opacity: 0.5;
    }



    /* ドライヘッドスパ */



    #dry-head-spa {
        background-color: #EDDECC;
    }



    /* ハンバーガーメニュー */



    #dry-head-spa .header-wrap {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        background-color: #EDDECC;
    }
    #dry-head-spa .header-wrap .logo {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100px;
    }
    #dry-head-spa .header-wrap>div {
        display: flex;
        align-items: center;
    }
    #dry-head-spa .header-wrap .instagram {
        height: 40px;
        margin: 10px;
    }
    #dry-head-spa .header-wrap .line {
        color: #B3A192;
        font-size: 16px;
        background-color: #fff;
        border-bottom: 4px solid #B3A192;
        box-sizing: border-box;
        padding: 0 40px;
        display: flex;
        align-items: center;
    }
    #dry-head-spa .header-wrap #menu {
        display: block;
        background-color: #B3A192;
    }
    #dry-head-spa .header-wrap #menu .navToggle {
        display: block;
        cursor: pointer;
        z-index: 50;
        text-align: center;
        padding: 20px 10px;
        position: relative;
    }
    #dry-head-spa .header-wrap #menu .navToggle span {
        display: block;
        width: 40px;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    #dry-head-spa .header-wrap #menu .navToggle span:nth-child(1) {
        margin-top: 0px;
    }
    #dry-head-spa .header-wrap #menu .navToggle span:nth-child(2) {
        margin-top: 6px;
    }
    #dry-head-spa .header-wrap #menu .navToggle span:nth-child(3) {
        margin-top: 6px;
    }
    #dry-head-spa .header-wrap #menu .active span:nth-child(1) {
        background-color: #B3A192;
        -webkit-transform: rotate(-45deg) translate(-5px, 6px);
        -moz-transform: rotate(-45deg) translate(-5px, 6px);
        transform: rotate(-45deg) translate(-5px, 6px);
    }
    #dry-head-spa .header-wrap #menu .active span:nth-child(2) {
        opacity: 0;
    }
    #dry-head-spa .header-wrap #menu .active span:nth-child(3) {
        background-color: #B3A192;
        -webkit-transform: rotate(45deg) translate(-6px, -6px);
        -moz-transform: rotate(45deg) translate(-6px, -6px);
        transform: rotate(45deg) translate(-6px, -6px);
    }
    #dry-head-spa .header-wrap #menu .globalMenu.active {
        transform: translateY(0px);
        opacity: 1;
    }
    #dry-head-spa .header-wrap #menu .globalMenu {
        position: fixed;
        overflow: auto;
        z-index: 10;
        top: 0;
        left: 0;
        background: #fff;
        color: #000;
        transform: translateX(100%);
        transition: all 0.6s;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: flex;
        justify-content: center;
    }
    #dry-head-spa .header-wrap #menu .globalMenu .sitemap {
        font-size: 2.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 4rem;
        padding: 8rem 0;
    }
    #dry-head-spa .header-wrap #menu .globalMenu .sitemap li {
        color: #B3A192;
        text-align: center;
        width: 100%;
        line-height: 1;
    }
    #dry-head-spa .header-wrap #menu .globalMenu .sitemap li:last-of-type {
        padding-block-end: 8rem;
    }



    /* セクション01 */



    #dry-head-spa #sec_01 {
        color: #3E3A39;
        text-align: center;
        position: relative;
        background-color: #EDDECC;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_01 .fv-wrap {
        padding: 2rem 2rem 0;
    }

    #dry-head-spa #sec_01 .sec-img {
        width: 100%;
        height: 70vh;
        background-image: url(../images/img_00008.jpg);
        background-position: right;
        background-size: cover;
        border-radius: 0 20% 0 20%;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        box-sizing: content-box;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_01 .sec-img img {
        width: 90%;
        opacity: 0.5;
    }

    #dry-head-spa #sec_01 .ttl {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_01 .ttl span {
        color: #8D7766;
        font-size: 2.2rem;
        font-weight: 100;
    }
    #dry-head-spa #sec_01 .ttl h2 {
        color: #8D7766;
        letter-spacing: 0.2em;
        text-decoration-line: underline;
        text-underline-offset: 1rem;
        text-decoration-thickness: 1px;
        line-height: 1;
    }

    #dry-head-spa #sec_01 h3 {
        color: #8D7766;
        font-size: 3.2rem;
        letter-spacing: 0.2;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_01 p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        padding-block-end: 8rem;
    }



    /* セクション02 */



    #dry-head-spa #sec_02 {
        text-align: center;
        background-color: #fff;
        padding: 8rem 0 0;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_02 .ttl {
        text-align: center;
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_02 .ttl h2 {
        color: #8D7766;
        letter-spacing: 0.2em;
    }

    #dry-head-spa #sec_02 .ttl h2 ruby rt {
        transform: translateY(-.5em);
    }

    #dry-head-spa #sec_02 .sec02_img01 {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_02 .detail {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        margin-block-end: 8rem;
        padding: 0 2rem;
    }

    #dry-head-spa #sec_02 .detail:last-child {
        margin-block-end: 0;
    }



    /* セクション03 */



    #dry-head-spa #sec_03 {
        padding-top: 8rem;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_03 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_03 .ttl h2 span {
        font-size: 4.5rem;
    }

    #dry-head-spa #sec_03 .detail {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        text-align: center;
        margin-block-end: 8rem;
    }

    #dry-head-spa #sec_03 .method {
        display: flex;
        row-gap: 8rem;
        flex-flow: column;
        margin-block-end: 8rem;
        margin: 0 2rem 8rem;
    }

    #dry-head-spa #sec_03 .method .point {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        position: relative;
    }

    #dry-head-spa #sec_03 .method .point span {
        color: #8D7766;
        font-size: 7rem;
        line-height: 1;
        position: absolute;
        top: -0.5em;
        left: 2rem;
    }
    #dry-head-spa #sec_03 .method .point .container {
        border-radius: 4rem;
        background-color: #fff;
        overflow: hidden;
    }

    #dry-head-spa #sec_03 .method .point .container .detail_point {
        padding: 3rem 2rem;
    }

    #dry-head-spa #sec_03 .method .point .container h3 {
        text-align: center;
        font-size: 3.2rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_03 .method .point .container p {
        text-align: left;
    }



    /* セクション04 */
    #dry-head-spa #sec_04 {
        padding: 8rem 0 0;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_04 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_04 .sec-img {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 4rem;
        padding: 0 2rem;
    }

    #dry-head-spa #sec_04 .menu {
        margin: 0 2rem 4rem;
        padding: 1rem;
        border-left: 1px solid #8D7766;
        display: flex;
        flex-flow: column wrap;
        gap: 4rem;
    }

    #dry-head-spa #sec_04 .menu:last-of-type {
        margin-block-end: 8rem;
    }

    #dry-head-spa #sec_04 .menu ul {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        margin-inline-start: 2rem;
    }

    #dry-head-spa #sec_04 .menu li h3 {
        color: #8D7766;
        font-size: 2.2rem;
        text-decoration: underline;
        margin-block-end: 1rem;
    }

    #dry-head-spa #sec_04 .menu li ul li {
        font-size: 2.2rem;
        position: relative;
    }

    #dry-head-spa #sec_04 .menu li ul li::before {
        content: "";
        width: 0.8em;
        height: 0.8em;
        display: inline-block;
        border-radius: 100%;
        background-color: #8D7766;
        margin-inline-end: 1rem;
    }

    #dry-head-spa #sec_04 .menu li ul li .time {
        font-size: 2.2rem;
        margin-inline-end: 6rem;
    }



    /* セクション05 */



    #dry-head-spa #sec_05 {
        padding: 8rem 4rem;
    }

    #dry-head-spa #sec_05 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.4em;
        margin-block-end: 4rem;

    }

    #dry-head-spa #sec_05 .sec-img {
        width: 100%;
        max-width: 160px;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_05 .detail {
        width: 100%;
        margin: 0 auto 4rem;
        text-align: left;
    }

    #dry-head-spa #sec_05 .detail h3 {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_05 .detail h3 span {
        font-size: 3.2rem;
    }

    #dry-head-spa #sec_05 .detail span {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_05 .detail p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
    }

    #dry-head-spa #sec_05 .note {
        color: #8D7766;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem;
        margin: 0 auto;
    }

    #dry-head-spa #sec_05 .note .name {
        font-family: beloved-script,sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: right;
        line-height: 0;
    }

    #dry-head-spa #sec_05 .note .name span {
        font-size: 4.5rem;
    }



    /* セクション06 */



    #dry-head-spa #sec_06 {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_06 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    .ac-container {
        color: #3E3A39;
        width: 100%;
        padding: 0 2rem 8rem;
    }

    .ac-list:not(:first-child) {
        margin-top: 2rem;
    }

    .ac-title {
        cursor: pointer;
        font-size: 16px;
        padding: 2rem 0;
        padding-right: 48px;
        position: relative;
        border-bottom: 1px solid #3E3A39;
    }
    .ac-title span {
        font-size: 1.8rem;
        font-weight: 100;
        display: flex;
        align-items: center;
    }
    .ac-title span::before {
        content: "Q";
        font-size: 3.2rem;
        margin-inline-end: 2rem;
    }

    .ac-title:before {
        position: absolute;
        content: '';
        top: 50%;
        right: 0;
        height: 2px;
        width: 24px;
        background: #333;
        transform: rotate(90deg);
        transition: all .3s ease-in-out;
    }
    .ac-title:after {
        position: absolute;
        content: '';
        top: 50%;
        right: 0;
        height: 2px;
        width: 24px;
        background: #333;
        transition: all .3s ease-in-out;
    }

    .ac-title.open:before {
        transform: rotate(180deg);
    }
    .ac-title.open:after {
        opacity: 0;
    }

    .ac-text {
        display: none;
        padding: 2rem 0 0;
        padding-right: 30px;
    }

    .ac-text p::before {
        content: "A";
        font-size: 3.2rem;
        margin-inline-end: 2rem;
    }

    .ac-text p {
        font-size: 1.8rem;
        display: flex;
        align-items: baseline;
    }



    /* セクション07 */



    #dry-head-spa #sec_07 {
        padding: 8rem 0 0;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_07 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_07 .note {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        max-width: 980px;
        margin: 0 auto 4rem;
        text-align: left;
        padding: 0 4rem;
    }

    #dry-head-spa #sec_07 .note:last-child {
        margin-block-end: 0;
    }

    #dry-head-spa #sec_07 .note h3 {
        color: #E00036;
        font-size: 2.2rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_07 .list {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        max-width: 980px;
        margin: 0 auto 4rem;
        padding: 0 4rem;
    }

    #dry-head-spa #sec_07 .list li {
        font-size: 1.8rem;
        text-decoration: underline;
        margin-block-end: 1rem;
        display: flex;
        align-items: baseline;
    }

    #dry-head-spa #sec_07 .list li::before {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        background-color: #3E3A39;
        transform: rotate(45deg);
        margin-inline-end: 2rem;
        vertical-align: middle;
        flex-shrink: 0;
    }



    /* セクション08 */



    #dry-head-spa #sec_08 {
        padding-top: 8rem;
    }

    #dry-head-spa #sec_08 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 8rem;
        line-height: 1;
    }

    #dry-head-spa #sec_08 .shop-info {
        display: flex;
        gap: 1rem;
        justify-content: end;
        align-items: flex-end;
        padding-right: 2rem;
        margin-block-end: 8rem;
    }

    #dry-head-spa #sec_08 .shop-info .info-detail {
        max-width: 60%;
    }

    #dry-head-spa #sec_08 .shop-info .info-detail img {
        width: 90%;
        max-width: 24rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_08 .shop-info .info-detail address {
        color: #3E3A39;
        font-size: 1.4rem;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        line-height: 2;
        position: relative;
        letter-spacing: 0.1em;
    }

        #dry-head-spa #sec_08 .shop-info .info-detail address::before {
        content: "\f3c5";
        font-family: "Font Awesome 6 Free";
        font-size: 5rem;
        font-weight: 900;
        position: absolute;
        top: -2rem;
        left: -5rem;
    }

    #dry-head-spa #sec_08 .shop-img img {
        vertical-align: middle;
        vertical-align: -webkit-baseline-middle;
    }



    /* footer */



    footer {
        padding-top: 8rem;
        background-color: #B3A192;
    }
    footer .footer-info {
        padding: 0 2rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 4rem;
    }
    footer .footer-info .footer-logo {
        width: 50%;
    }
    footer .footer-info .inner-link {
        display: flex;
        justify-content: center;
        gap: 4rem;
    }
    footer .footer-info .inner-link img {
        max-height: 20rem;
        transition: 0.2s;
    }
    footer .footer-info .inner-link img:hover {
        opacity: 0.5;
    }
    footer .copyright {
        margin-block-start: 8rem;
        padding: 2rem;
        text-align: center;
    }

}



















/* PC */




@media (min-width:769px) {
    /* 全ページ共通 */



    html {
        font-size: 62.5%;
    }

    body {
        font-family: kinuta-maruminold-stdn,serif;
        font-weight: 400;
        font-size: 1.6rem;
        font-style: normal;
        line-height: 2;
    }

    img {
        max-width: 100%;
        max-height: 100%;
    }

    p {
        font-size: 1.6rem;
    }

    span {
        font-size: 1.6rem;
    }



    /* TOPページ */



    .entrance {
        width: 100vw;
        height: 100vh;
        background-image: url(../images/img_00002.jpg);
        background-position: center;
        background-size: cover;
        position: relative;
    }

    .entrance .container {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 95%;
        display: flex;
        flex-flow: column;
        align-items: center;
        gap: 30px;
    }

    .entrance .container .catchcopy {
        max-height: 40%;
    }

    .entrance .container .logo {
        max-height: 25%;
    }

    .entrance .container .link {
        max-height: 25%;
    }

    .entrance .container .link img {
        padding: 0 20px;
        transition: 0.2s;
    }

    .entrance .container .link img:hover {
        opacity: 0.5;
    }




    /* ドライヘッドスパ */



    #dry-head-spa {
        background-color: #EDDECC;
    }



    /* ハンバーガーメニュー */



    #dry-head-spa .header-wrap {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        background-color: #EDDECC;
    }
    #dry-head-spa .header-wrap .logo {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100px;
    }
    #dry-head-spa .header-wrap>div {
        display: flex;
        align-items: center;
    }
    #dry-head-spa .header-wrap .instagram {
        height: 40px;
        margin: 10px;
    }
    #dry-head-spa .header-wrap .line {
        color: #B3A192;
        font-size: 16px;
        background-color: #fff;
        border-bottom: 4px solid #B3A192;
        box-sizing: border-box;
        padding: 0 40px;
        display: flex;
        align-items: center;
    }
    #dry-head-spa .header-wrap #menu {
        display: block;
        background-color: #B3A192;
    }
    #dry-head-spa .header-wrap #menu .navToggle {
        display: block;
        cursor: pointer;
        z-index: 50;
        text-align: center;
        padding: 20px 10px;
        position: relative;
    }
    #dry-head-spa .header-wrap #menu .navToggle span {
        display: block;
        width: 40px;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    #dry-head-spa .header-wrap #menu .navToggle span:nth-child(1) {
        margin-top: 0px;
    }
    #dry-head-spa .header-wrap #menu .navToggle span:nth-child(2) {
        margin-top: 6px;
    }
    #dry-head-spa .header-wrap #menu .navToggle span:nth-child(3) {
        margin-top: 6px;
    }
    #dry-head-spa .header-wrap #menu .active span:nth-child(1) {
        background-color: #B3A192;
        -webkit-transform: rotate(-45deg) translate(-5px, 6px);
        -moz-transform: rotate(-45deg) translate(-5px, 6px);
        transform: rotate(-45deg) translate(-5px, 6px);
    }
    #dry-head-spa .header-wrap #menu .active span:nth-child(2) {
        opacity: 0;
    }
    #dry-head-spa .header-wrap #menu .active span:nth-child(3) {
        background-color: #B3A192;
        -webkit-transform: rotate(45deg) translate(-6px, -6px);
        -moz-transform: rotate(45deg) translate(-6px, -6px);
        transform: rotate(45deg) translate(-6px, -6px);
    }
    #dry-head-spa .header-wrap #menu .globalMenu.active {
        transform: translateY(0px);
        opacity: 1;
    }
    #dry-head-spa .header-wrap #menu .globalMenu {
        position: fixed;
        overflow: auto;
        z-index: 10;
        top: 0;
        left: 0;
        background: #fff;
        color: #000;
        transform: translateX(100%);
        transition: all 0.6s;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #dry-head-spa .header-wrap #menu .globalMenu .sitemap {
        font-size: 2.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 4rem;
    }
    #dry-head-spa .header-wrap #menu .globalMenu .sitemap li {
        color: #B3A192;
        text-align: center;
        width: 100%;
        line-height: 1;
    }



    /* セクション01 */



    #dry-head-spa #sec_01 {
        color: #3E3A39;
        text-align: center;
        position: relative;
        background-color: #EDDECC;
        overflow: hidden;
    }

    #dry-head-spa #sec_01 .fv-wrap {
        padding: 2rem 2rem 0;
    }

    #dry-head-spa #sec_01 .sec-img {
        width: 90%;
        height: 80vh;
        background-image: url(../images/img_00008.jpg);
        background-position: center;
        background-size: cover;
        border-radius: 0 120px 0 120px;
        overflow: hidden;
        box-sizing: content-box;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_01 .ttl {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_01 .ttl span {
        color: #8D7766;
        font-size: 2.2rem;
        font-weight: 100;
    }
    #dry-head-spa #sec_01 .ttl h2 {
        color: #8D7766;
        letter-spacing: 0.2em;
        text-decoration-line: underline;
        text-underline-offset: 1rem;
        text-decoration-thickness: 1px;
        line-height: 1;
    }

    #dry-head-spa #sec_01 h3 {
        color: #8D7766;
        font-size: 3.2rem;
        letter-spacing: 0.2;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_01 p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        padding-block-end: 8rem;
    }



    /* セクション02 */



    #dry-head-spa #sec_02 {
        text-align: center;
        background-color: #fff;
        padding: 8rem 0 0;
        overflow: hidden;
        position: relative;
    }

    #dry-head-spa #sec_02 .ttl {
        text-align: center;
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_02 .ttl h2 {
        color: #8D7766;
        letter-spacing: 0.2em;
    }

    #dry-head-spa #sec_02 .ttl h2 ruby rt {
        transform: translateY(-.5em);
    }

    #dry-head-spa #sec_02 .sec02_img01 {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_02 .detail {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        margin-block-end: 4rem;
    }



    /* セクション03 */



    #dry-head-spa #sec_03 {
        padding: 8rem 0 0;
        overflow: hidden;
        position: relative;
    }

    #dry-head-spa #sec_03 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_03 .ttl h2 span {
        font-size: 4.5rem;
    }

    #dry-head-spa #sec_03 .detail {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        text-align: center;
        margin-block-end: 8rem;
    }

    #dry-head-spa #sec_03 .method {
        display: flex;
        gap: 4rem;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 8rem 8rem;
    }

    #dry-head-spa #sec_03 .method .point {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 30%;
        position: relative;
    }

    #dry-head-spa #sec_03 .method .point span {
        color: #8D7766;
        font-size: 7rem;
        line-height: 1;
        position: absolute;
        top: -0.5em;
        left: 2rem;
    }
    #dry-head-spa #sec_03 .method .point .container {
        border-radius: 4rem;
        background-color: #fff;
        overflow: hidden;
    }

    #dry-head-spa #sec_03 .method .point .container .detail_point {
        padding: 3rem 2rem;
    }

    #dry-head-spa #sec_03 .method .point .container h3 {
        text-align: center;
        font-size: 3.2rem;
        margin-block-end: 2rem;
        word-break: keep-all;
    }

    #dry-head-spa #sec_03 .method .point .container p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        text-align: left;
    }



    /* セクション04 */
    #dry-head-spa #sec_04 {
        padding: 8rem 0 0;
        background-color: #fff;
        overflow: hidden;
        position: relative;
    }

    #dry-head-spa #sec_04 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_04 .sec-img {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_04 .menu {
        margin: 0 auto 4rem;
        padding: 1rem;
        border-left: 1px solid #8D7766;
        display: flex;
        flex-flow: column wrap;
        max-width: 480px;
    }
    #dry-head-spa #sec_04 .menu:last-of-type{
        margin-block-end: 8rem;
    }

    #dry-head-spa #sec_04 .menu ul {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        margin-inline-start: 2rem;
    }

    #dry-head-spa #sec_04 .menu li h3 {
        color: #8D7766;
        font-size: 2.2rem;
        text-decoration: underline;
        margin-block-end: 1rem;
    }

    #dry-head-spa #sec_04 .menu li ul li {
        font-size: 2.2rem;
        position: relative;
    }

    #dry-head-spa #sec_04 .menu li ul li::before {
        content: "";
        width: 0.7em;
        height: 0.7em;
        display: inline-block;
        border-radius: 100%;
        background-color: #8D7766;
        margin-inline-end: 1rem;
    }

    #dry-head-spa #sec_04 .menu li ul li .time {
        margin-inline-end: 6rem;
    }



    /* セクション05 */



    #dry-head-spa #sec_05 {
        padding: 8rem 2rem;
    }

    #dry-head-spa #sec_05 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_05 .sec-img {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_05 .detail {
        width: 100%;
        max-width: 980px;
        padding: 0 4rem;
        margin: 0 auto 4rem;
        text-align: center;
    }

    #dry-head-spa #sec_05 .detail h3 {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #dry-head-spa #sec_05 .detail h3 span {
        font-size: 3.2rem;
    }

    #dry-head-spa #sec_05 .detail span {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_05 .detail p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
    }

    #dry-head-spa #sec_05 .note {
        color: #8D7766;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 40%;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem;
        margin: 0 auto;
    }

    #dry-head-spa #sec_05 .note .name {
        font-family: beloved-script,sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: right;
        line-height: 1;
    }

    #dry-head-spa #sec_05 .note .name span {
        font-size: 4.5rem;
    }



    /* セクション06 */



    #dry-head-spa #sec_06 {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    #dry-head-spa #sec_06 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    .ac-container {
        color: #3E3A39;
        width: 100%;
        max-width: 980px;
        margin: 0 auto 8rem;
    }

    .ac-list:not(:first-child) {
        margin-top: 2rem;
    }

    .ac-title {
        cursor: pointer;
        font-size: 16px;
        font-weight: 100;
        padding: 2rem 4rem;
        position: relative;
        border-bottom: 1px solid #3E3A39;
    }

    .ac-title span::before {
        content: "Q";
        font-size: 2.2rem;
        margin-inline-end: 2rem;
    }

    .ac-title:before {
        position: absolute;
        content: '';
        top: 50%;
        right: 25px;
        height: 2px;
        width: 15px;
        background: #333;
        transform: rotate(90deg);
        transition: all .3s ease-in-out;
    }
    .ac-title:after {
        position: absolute;
        content: '';
        top: 50%;
        right: 25px;
        height: 2px;
        width: 15px;
        background: #333;
        transition: all .3s ease-in-out;
    }

    .ac-title.open:before {
        transform: rotate(180deg);
    }
    .ac-title.open:after {
        opacity: 0;
    }

    .ac-text {
        display: none;
        padding: 2rem 4rem 0;
    }

    .ac-text p::before {
        content: "A";
        font-size: 2.2rem;
        margin-inline-end: 2rem;
    }

    .ac-text p {
        display: flex;
        align-items: baseline;
    }



    /* セクション07 */



    #dry-head-spa #sec_07 {
        padding: 8rem 0 0;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    #dry-head-spa #sec_07 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #dry-head-spa #sec_07 .note {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        max-width: 980px;
        margin: 0 auto 8rem;
        text-align: center;
    }

    #dry-head-spa #sec_07 .note:last-child {
        margin-block-end: 0;
    }

    #dry-head-spa #sec_07 .note h3 {
        color: #E00036;
        font-size: 2.2rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_07 .list {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        max-width: 980px;
        margin: 0 auto 4rem;
    }

    #dry-head-spa #sec_07 .list li {
        font-size: 1.8rem;
        text-decoration: underline;
        margin-block-end: 1rem;
        display: flex;
        align-items: baseline;
    }

    #dry-head-spa #sec_07 .list li::before {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        background-color: #3E3A39;
        transform: rotate(45deg);
        margin-inline-end: 2rem;
        vertical-align: middle;
        flex-shrink: 0;
    }



    /* セクション08 */



    #dry-head-spa #sec_08 {
        padding-top: 8rem;
        overflow: hidden;
    }

    #dry-head-spa #sec_08 .ttl {
        color: #8D7766;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 8rem;
        line-height: 1;
    }

    #dry-head-spa #sec_08 .shop-info {
        display: flex;
        gap: 2rem;
        justify-content: center;
        max-width: 980px;
        margin: 0 auto 8rem;
        align-items: flex-end;
    }

    #dry-head-spa #sec_08 .shop-info .info-img {
        max-width: 30%;
    }

    #dry-head-spa #sec_08 .shop-info .info-detail {
        max-width: 30%;
    }

    #dry-head-spa #sec_08 .shop-info .info-detail img {
        width: 24rem;
        margin-block-end: 2rem;
    }

    #dry-head-spa #sec_08 .shop-info  .info-detail address {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        letter-spacing: 0.1em;
        position: relative;
    }

    #dry-head-spa #sec_08 .shop-info .info-detail address::before {
        content: "\f3c5";
        font-family: "Font Awesome 6 Free";
        font-size: 5rem;
        font-weight: 900;
        position: absolute;
        top: -2rem;
        left: -5rem;
    }

    #dry-head-spa #sec_08 .shop-img {
        display: flex;
        flex-wrap: wrap;
    }

    #dry-head-spa #sec_08 .shop-img .img01 {
        display: flex;
        order: 0;
        width: 50%;
    }

    #dry-head-spa #sec_08 .shop-img .img02 {
        display: flex;
        order: 1;
        width: 50%;
    }

    #dry-head-spa #sec_08 .shop-img iframe {
        display: flex;
        order: 2;
    }



    /* footer */



    footer {
        padding-top: 8rem;
        background-color: #B3A192;
    }
    footer .footer-info {
        padding: 0 2rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 4rem;
    }
    footer .footer-info .footer-logo {
        width: 10%;
    }
    footer .footer-info .inner-link {
        display: flex;
        justify-content: center;
        gap: 4rem;
    }
    footer .footer-info .inner-link img {
        max-height: 20rem;
        transition: 0.2s;
    }
    footer .footer-info .inner-link img:hover {
        opacity: 0.5;
    }
    footer .copyright {
        margin-block-start: 8rem;
        padding: 2rem;
        text-align: center;
    }
}











/* ヘアサロン */



/* SP */



@media (max-width:768px) {
    #hair-salon {
        background-color: #D8D8D8;
    }
    /* ハンバーガーメニュー */
    #hair-salon .header-wrap {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        background-color: #D8D8D8;
    }
    #hair-salon .header-wrap .logo {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100px;
    }
    #hair-salon .header-wrap>div {
        display: flex;
        align-items: center;
    }
    #hair-salon .header-wrap .instagram {
        height: 40px;
        margin: 10px;
    }
    #hair-salon .header-wrap .line {
        color: #00113F;
        font-size: 16px;
        background-color: #fff;
        border-bottom: 4px solid #00113F;
        box-sizing: border-box;
        padding: 0 40px;
        display: flex;
        align-items: center;
    }
    #hair-salon .header-wrap #menu {
        display: block;
        background-color: #00113F;
    }
    #hair-salon .header-wrap #menu .navToggle {
        display: block;
        cursor: pointer;
        z-index: 50;
        text-align: center;
        padding: 20px 10px;
        position: relative;
    }
    #hair-salon .header-wrap #menu .navToggle span {
        display: block;
        width: 40px;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    #hair-salon .header-wrap #menu .navToggle span:nth-child(1) {
        margin-top: 0px;
    }
    #hair-salon .header-wrap #menu .navToggle span:nth-child(2) {
        margin-top: 6px;
    }
    #hair-salon .header-wrap #menu .navToggle span:nth-child(3) {
        margin-top: 6px;
    }
    #hair-salon .header-wrap #menu .active span:nth-child(1) {
        background-color: #B3A192;
        -webkit-transform: rotate(-45deg) translate(-5px, 6px);
        -moz-transform: rotate(-45deg) translate(-5px, 6px);
        transform: rotate(-45deg) translate(-5px, 6px);
    }
    #hair-salon .header-wrap #menu .active span:nth-child(2) {
        opacity: 0;
    }
    #hair-salon .header-wrap #menu .active span:nth-child(3) {
        background-color: #B3A192;
        -webkit-transform: rotate(45deg) translate(-6px, -6px);
        -moz-transform: rotate(45deg) translate(-6px, -6px);
        transform: rotate(45deg) translate(-6px, -6px);
    }
    #hair-salon .header-wrap #menu .globalMenu.active {
        transform: translateY(0px);
        opacity: 1;
    }
    #hair-salon .header-wrap #menu .globalMenu {
        position: fixed;
        overflow: auto;
        z-index: 10;
        top: 0;
        left: 0;
        background: #fff;
        color: #000;
        transform: translateX(100%);
        transition: all 0.6s;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: flex;
        justify-content: center;
    }
    #hair-salon .header-wrap #menu .globalMenu .sitemap {
        font-size: 2.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 4rem;
        padding: 8rem 0;
    }
    #hair-salon .header-wrap #menu .globalMenu .sitemap li {
        color: #00113F;
        text-align: center;
        width: 100%;
        line-height: 1;
    }
    #hair-salon .header-wrap #menu .globalMenu .sitemap li:last-of-type {
        padding-block-end: 8rem;
    }


    /* セクション01 */



    #hair-salon #sec_01 {
        color: #3E3A39;
        text-align: center;
        position: relative;
        background-color: #D8D8D8;
        overflow: hidden;
    }

    #hair-salon #sec_01 .fv-wrap {
        padding: 2rem 2rem 0;
    }

    #hair-salon #sec_01 .sec-img {
        width: 100%;
        height: 70vh;
        background-image: url(../images/img_00020.jpg);
        background-position: left;
        background-size: cover;
        border-radius: 0 25% 0 25%;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        box-sizing: content-box;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_01 .sec-img img {
        width: 100%;
        opacity: 0.8;
    }

    #hair-salon #sec_01 .ttl {
        color: #001D56;
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_01 .ttl span {
        color: #001D56;
        font-size: 2.2rem;
        font-weight: 100;
    }
    #hair-salon #sec_01 .ttl h2 {
        color: #001D56;
        letter-spacing: 0.2em;
        text-decoration-line: underline;
        text-underline-offset: 1rem;
        text-decoration-thickness: 1px;
        line-height: 1;
    }

    #hair-salon #sec_01 h3 {
        color: #001D56;
        font-size: 2.6rem;
        letter-spacing: 0.2;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_01 p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        padding-block-end: 8rem;
    }



    /* セクション02 */


    #hair-salon #sec_02 {
        padding: 8rem 0 0;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    #hair-salon #sec_02 .ttl {
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #hair-salon #sec_02 .ttl h2 {
        color: #00113F;
    }

    #hair-salon #sec_02 .sec-img {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 4rem;
        padding: 0 2rem;
    }

    #hair-salon #sec_02 .menu {
        padding: 1rem 1rem;
        border-left: 1px solid #001D56;
        display: flex;
        flex-flow: column wrap;
        gap: 4rem;
        margin: 0 2rem 4rem;
    }
    #hair-salon #sec_02 .menu:last-of-type {
        margin-block-end: 8rem;
    }

    #hair-salon #sec_02 .menu ul {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        margin-inline-start: 5rem;
        display: flex;
        flex-flow: column;
        row-gap: 2rem;
    }

    #hair-salon #sec_02 .menu li h3 {
        color: #00113F;
        font-size: 2.2rem;
        text-decoration: underline;
        margin-block-end: 1rem;
    }

    #hair-salon #sec_02 .menu li ul li {
        font-size: 2.2rem;
        position: relative;
    }

    #hair-salon #sec_02 .menu li ul li::before {
        content: "";
        width: 0.8em;
        height: 0.8em;
        display: inline-block;
        border-radius: 100%;
        background-color: #001D56;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -1.6em;
    }

    #hair-salon #sec_02 .menu li ul li .container {
        display: flex;
        justify-content: space-between;
    }

    #hair-salon #sec_02 .menu li ul li .container span {
        font-size: 2.2rem;
    }

    #hair-salon #sec_02 .menu li ul li .container .only01 {
        line-height: 1.5;
        font-size: 1.8rem;
    }

    #hair-salon #sec_02 .menu li ul li .container .only02 {
        position: absolute;
        top: 50px;
        left: 0;
    }





    /* セクション03 */



    #hair-salon #sec_03 {
        padding: 8rem 0 0;
        position: relative;
        overflow: hidden;
    }

    #hair-salon #sec_03 .ttl {
        color: #001D56;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.4em;
        margin-block-end: 4rem;

    }

    #hair-salon #sec_03 .sec-img {
        width: 100%;
        max-width: 160px;
        margin: 0 auto 4rem;
    }

    #hair-salon #sec_03 .detail {
        width: 100%;
        margin: 0 auto 4rem;
        text-align: left;
        padding: 0 4rem;
    }

    #hair-salon #sec_03 .detail h3 {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_03 .detail h3 span {
        font-size: 2.8rem;
    }

    #hair-salon #sec_03 .detail span {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        margin-block-end: 2rem;
    }

    #hair-salon #sec_03 .detail p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
    }

    #hair-salon #sec_03 .note {
        color: #001D56;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 90%;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem 2rem 1rem;
        margin: 0 auto 8rem;
    }

    #hair-salon #sec_03 .note .name {
        font-family: beloved-script,sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: right;
    }

    #hair-salon #sec_03 .note .name span {
        font-size: 4.5rem;
        line-height: 1;
    }




    /* セクション04 */



    #hair-salon #sec_04 {
        background-color: #fff;
        padding-top: 8rem;
    }

    #hair-salon #sec_04 .ttl {
        color: #001D56;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 8rem;
        line-height: 1;
    }

    #hair-salon #sec_04 .shop-info {
        display: flex;
        gap: 1rem;
        justify-content: end;
        align-items: flex-end;
        padding-right: 2rem;
        margin-block-end: 8rem;
    }

    #hair-salon #sec_04 .shop-info .info-detail {
        max-width: 60%;
    }

    #hair-salon #sec_04 .shop-info .info-detail img {
        width: 90%;
        max-width: 24rem;
        margin-block-end: 2rem;
    }

    #hair-salon #sec_04 .shop-info .info-detail address {
        color: #3E3A39;
        font-size: 1.4rem;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        line-height: 2;
        position: relative;
        letter-spacing: 0.1em;
    }

    #hair-salon #sec_04 .shop-info .info-detail address::before {
        content: "\f3c5";
        font-family: "Font Awesome 6 Free";
        font-size: 5rem;
        font-weight: 900;
        position: absolute;
        top: -2rem;
        left: -5rem;
    }

    #hair-salon #sec_04 .shop-img {
        display: flex;
        flex-direction: column;
    }



    /* 注意事項（追加） */
    #hair-salon #caution {
        padding: 8rem 4rem 0 ;
        background-color: #fff;
    }
    #hair-salon #caution .ttl {
        color: #001D56;
        font-size: 2.2rem;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
        text-align: center;
    }

    #hair-salon #caution .note {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
    }

    #hair-salon #caution .note h3 {
        color: #E00036;
        font-size: 2.2rem;
        margin-block-end: 2rem;
    }
}



















/* PC */




@media (min-width:769px) {
    #hair-salon {
        background-color: #D8D8D8;
    }
    /* ハンバーガーメニュー */
    #hair-salon .header-wrap {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        background-color: #D8D8D8;
    }
    #hair-salon .header-wrap .logo {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100px;
    }
    #hair-salon .header-wrap>div {
        display: flex;
        align-items: center;
    }
    #hair-salon .header-wrap .instagram {
        height: 40px;
        margin: 10px;
    }
    #hair-salon .header-wrap .line {
        color: #001D56;
        font-size: 16px;
        background-color: #fff;
        border-bottom: 4px solid #001D56;
        box-sizing: border-box;
        padding: 0 40px;
        display: flex;
        align-items: center;
    }
    #hair-salon .header-wrap #menu {
        display: block;
        background-color: #001D56;
    }
    #hair-salon .header-wrap #menu .navToggle {
        display: block;
        cursor: pointer;
        z-index: 50;
        text-align: center;
        padding: 20px 10px;
        position: relative;
    }
    #hair-salon .header-wrap #menu .navToggle span {
        display: block;
        width: 40px;
        height: 2px;
        background-color: #fff;
        border-radius: 4px;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    #hair-salon .header-wrap #menu .navToggle span:nth-child(1) {
        margin-top: 0px;
    }
    #hair-salon .header-wrap #menu .navToggle span:nth-child(2) {
        margin-top: 6px;
    }
    #hair-salon .header-wrap #menu .navToggle span:nth-child(3) {
        margin-top: 6px;
    }
    #hair-salon .header-wrap #menu .active span:nth-child(1) {
        background-color: #001D56;
        -webkit-transform: rotate(-45deg) translate(-5px, 6px);
        -moz-transform: rotate(-45deg) translate(-5px, 6px);
        transform: rotate(-45deg) translate(-5px, 6px);
    }
    #hair-salon .header-wrap #menu .active span:nth-child(2) {
        opacity: 0;
    }
    #hair-salon .header-wrap #menu .active span:nth-child(3) {
        background-color: #001D56;
        -webkit-transform: rotate(45deg) translate(-6px, -6px);
        -moz-transform: rotate(45deg) translate(-6px, -6px);
        transform: rotate(45deg) translate(-6px, -6px);
    }
    #hair-salon .header-wrap #menu .globalMenu.active {
        transform: translateY(0px);
        opacity: 1;
    }
    #hair-salon .header-wrap #menu .globalMenu {
        position: fixed;
        overflow: auto;
        z-index: 10;
        top: 0;
        left: 0;
        background: #fff;
        color: #000;
        transform: translateX(100%);
        transition: all 0.6s;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #hair-salon .header-wrap #menu .globalMenu .sitemap {
        font-size: 2.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 4rem;
    }
    #hair-salon .header-wrap #menu .globalMenu .sitemap li {
        color: #001D56;
        text-align: center;
        width: 100%;
        line-height: 1;
    }



    /* セクション01 */



    #hair-salon #sec_01 {
        color: #3E3A39;
        text-align: center;
        position: relative;
        background-color: #D8D8D8;
        overflow: hidden;
    }

    #hair-salon #sec_01 .fv-wrap {
        padding: 2rem 2rem 0;
    }

    #hair-salon #sec_01 .sec-img {
        width: 90%;
        height: 80vh;
        background-image: url(../images/img_00020.jpg);
        background-position: center;
        background-size: cover;
        border-radius: 0 120px 0 120px;
        overflow: hidden;
        margin: 0 auto 8rem;
    }

    #hair-salon #sec_01 .sec-img img {
        width: 40%;
        opacity: 0.8;
    }

    #hair-salon #sec_01 .ttl {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_01 .ttl span {
        color: #001D56;
        font-size: 2.2rem;
        font-weight: 100;
    }
    #hair-salon #sec_01 .ttl h2 {
        color: #001D56;
        letter-spacing: 0.2em;
        text-decoration-line: underline;
        text-underline-offset: 1rem;
        text-decoration-thickness: 1px;
        line-height: 1;
    }

    #hair-salon #sec_01 h3 {
        color: #001D56;
        font-size: 3.2rem;
        letter-spacing: 0.2;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_01 p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        padding-block-end: 8rem;
    }




    /* セクション02 */
    #hair-salon #sec_02 {
        padding: 8rem 0 0;
        background-color: #fff;
        position: relative;
        overflow: hidden;
    }

    #hair-salon #sec_02 .ttl {
        color: #001D56;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #hair-salon #sec_02 .sec-img {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 4rem;
    }

    #hair-salon #sec_02 .menu {
        padding: 1rem 1rem;
        border-left: 1px solid #001D56;
        display: flex;
        flex-flow: column wrap;
        gap: 4rem;
        margin: 0 auto 4rem;
        max-width: 480px;
    }

    #hair-salon #sec_02 .menu:last-of-type {
        margin-block-end: 8rem;
    }

    #hair-salon #sec_02 .menu ul {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        margin-inline-start: 5rem;
        display: flex;
        flex-flow: column;
        row-gap: 2rem;
    }

    #hair-salon #sec_02 .menu li h3 {
        color: #00113F;
        font-size: 2.2rem;
        text-decoration: underline;
        margin-block-end: 1rem;
    }

    #hair-salon #sec_02 .menu li ul li {
        font-size: 2.2rem;
        position: relative;
    }

    #hair-salon #sec_02 .menu li ul li::before {
        content: "";
        width: 0.8em;
        height: 0.8em;
        display: inline-block;
        border-radius: 100%;
        background-color: #001D56;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -1.6em;
    }

    #hair-salon #sec_02 .menu li ul li .container {
        display: flex;
        justify-content: space-between;
    }

    #hair-salon #sec_02 .menu li ul li .container span {
        font-size: 2.2rem;
    }

    #hair-salon #sec_02 .menu li ul li .container .only02 {
        position: absolute;
        top: 30px;
        left: 0;
    }



    /* セクション03 */



    #hair-salon #sec_03 {
        padding: 8rem 0 0;
        position: relative;
        overflow: hidden;
    }

    #hair-salon #sec_03 .ttl {
        color: #001D56;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 4rem;
        line-height: 1;
    }

    #hair-salon #sec_03 .sec-img {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 4rem;
    }

    #hair-salon #sec_03 .detail {
        width: 100%;
        max-width: 980px;
        padding: 0 4rem;
        margin: 0 auto 4rem;
        text-align: center;
    }

    #hair-salon #sec_03 .detail h3 {
        font-size: 2.2rem;
        margin-block-end: 4rem;
    }

    #hair-salon #sec_03 .detail h3 span {
        font-size: 3.2rem;
    }

    #hair-salon #sec_03 .detail span {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        margin-block-end: 2rem;
    }

    #hair-salon #sec_03 .detail p {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
    }

    #hair-salon #sec_03 .note {
        color: #001D56;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 40%;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem;
        margin: 0 auto 8rem;
    }

    #hair-salon #sec_03 .note .name {
        font-family: beloved-script,sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: right;
        line-height: 1;
    }

    #hair-salon #sec_03 .note .name span {
        font-size: 4.5rem;
    }


    /* セクション04 */



    #hair-salon #sec_04 {
        background-color: #fff;
        padding-top: 8rem;
    }

    #hair-salon #sec_04 .ttl {
        color: #001D56;
        font-size: 2.2rem;
        text-align: center;
        letter-spacing: 0.2em;
        margin-block-end: 8rem;
        line-height: 1;
    }

    #hair-salon #sec_04 .shop-info {
        display: flex;
        gap: 2rem;
        justify-content: center;
        max-width: 980px;
        margin: 0 auto 8rem;
        align-items: flex-end;
    }

    #hair-salon #sec_04 .shop-info .info-img {
        max-width: 30%;
    }

    #hair-salon #sec_04 .shop-info .info-detail {
        max-width: 30%;
    }

    #hair-salon #sec_04 .shop-info .info-detail img {
        width: 24rem;
        margin-block-end: 2rem;
    }

    #hair-salon #sec_04 .shop-info  .info-detail address {
        color: #3E3A39;
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        letter-spacing: 0.1em;
        position: relative;
    }

    #hair-salon #sec_04 .shop-info .info-detail address::before {
        content: "\f3c5";
        font-family: "Font Awesome 6 Free";
        font-size: 5rem;
        font-weight: 900;
        position: absolute;
        top: -2rem;
        left: -5rem;
    }

    #hair-salon #sec_04 .shop-img {
        display: flex;
        flex-wrap: wrap;
    }

    #hair-salon #sec_04 .shop-img .img01 {
        display: flex;
        order: 0;
        width: 50%;
    }

    #hair-salon #sec_04 .shop-img .img02 {
        display: flex;
        order: 1;
        width: 50%;
    }

    #hair-salon #sec_04 .shop-img iframe {
        display: flex;
        order: 2;
    }



    /* 注意事項（追加） */
    #hair-salon #caution {
        padding: 8rem 2rem 0;
        background-color: #fff;
        text-align: center;
    }
    #hair-salon #caution .ttl {
        color: #001D56;
        font-size: 2.2rem;
        letter-spacing: 0.2em;
        margin-block-end: 8rem;
        line-height: 1;
    }

    #hair-salon #caution .note {
        font-family: a-otf-ryumin-pr6n, serif;
        font-weight: 300;
        font-style: normal;
        width: 100%;
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
    }

    #hair-salon #caution .note h3 {
        color: #E00036;
        font-size: 2.2rem;
        margin-block-end: 2rem;
    }
}