@charset "UTF-8";
/*
Theme Name: Vert Original Theme
Description: Vert Original templete.
Author: https://besties.co.jp
Version: 1.0.0
*/





/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............目次
 * COMMON..............共通パーツ
 * HEADER..............ヘッダー
 * FOOTER..............フッター
 * INDEX...............TOPページ
 * ARCHIVE.............一覧
 * SINGLE..............記事
 * ABOUT...............ABOUT US
 * SERVICE.............各種サービス
 */





/*------------------------------------*\
    $COMMON
\*------------------------------------*/
.main--underlayer {
    padding-top: min(278px, calc(100vw * (278 / 1200)));
    padding-bottom: min(108px, calc(100vw * (108 / 1200)));
}
@media screen and (max-width: 767px) {
    .main--underlayer {
        padding-top: min(225px, calc(100vw * (225 / 1125)));
        padding-bottom: min(250px, calc(100vw * (250 / 1125)));
    }
}


.container {
    padding-right: min(60px, calc(100vw * (60 / 1125)));
    padding-left: min(60px, calc(100vw * (60 / 1125)));
}
.content {
    width: min(100%, 950px);
    margin-right: auto;
    margin-left: auto;
}
.content--wide {
    width: min(100%, 1200px);
    margin-right: auto;
    margin-left: auto;
}
.content--small {
    width: min(100%, 830px);
    margin-right: auto;
    margin-left: auto;
}


.page-title {
    margin-bottom: min(8px, calc(100vw * (8 / 1200)));
    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
    font-weight: 700;
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .page-title {
        margin-bottom: min(72px, calc(100vw * (72 / 1125)));
        font-size: min(7.2rem, calc(100vw * (72 / 1125)));
    }
}

.page-title--min {
    position: relative;
    margin-bottom: min(227px, calc(100vw * (227 / 1200)));
    font-family: var(--fontEn);
    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
    font-weight: 600;
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .page-title--min {
        margin-bottom: min(321px, calc(100vw * (321 / 1125)));
        font-size: min(3.6rem, calc(100vw * (36 / 1125)));
    }
}
    .page-title--min::before {
        content: "";
        position: absolute;
        top: min(49px, calc(100vw * (49 / 1200)));
        left: 50%;
        transform: translateX(-50%);
        width: min(21px, calc(100vw * (21 / 1200)));
        height: min(79px, calc(100vw * (79 / 1200)));
        background-image: url(../images/common/icon-born.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    @media screen and (max-width: 767px) {
        .page-title--min::before {
            top: min(87px, calc(100vw * (87 / 1125)));
            width: min(28px, calc(100vw * (28 / 1125)));
            height: min(106px, calc(100vw * (106 / 1125)));
        }
    }


.content-title {
    margin-bottom: min(7px, calc(100vw * (7 / 1200)));
    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
    font-weight: 500;
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .content-title {
        margin-bottom: min(24px, calc(100vw * (24 / 1125)));
        font-size: min(7.2rem, calc(100vw * (72 / 1125)));
    }
}

.content-title--min {
    margin-bottom: min(60px, calc(100vw * (60 / 1200)));
    font-family: var(--fontEn);
    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
    font-weight: 600;
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .content-title--min {
        margin-bottom: min(93px, calc(100vw * (93 / 1125)));
        font-size: min(3.6rem, calc(100vw * (36 / 1125)));
    }
}



.content__container:not(:last-child) { margin-bottom: min(143px, calc(100vw * (143 / 1200))) }
@media screen and (max-width: 767px) {
    .content__container:not(:last-child) { margin-bottom: min(166px, calc(100vw * (166 / 1125))) }
}


.block,
.block--common {
    padding-right: clamp(20px, calc(100vw * (60 / 1125)), 60px);
    padding-left: clamp(20px, calc(100vw * (60 / 1125)), 60px);
}
.block {
    position: relative;
    z-index: 1;
}
.block--common { margin-bottom: clamp(95.666px, calc(100vw * (287 / 1125)), 240px) }
@media screen and (orientation: landscape) {
    .block--common {
        display: flex;
        justify-content: space-between;
    }
}
    @media screen and (orientation: landscape) {
        .block__container--common {
            display: flex;
            justify-content: space-between;
            width: min(1200px, 100%);
            margin-right: auto;
            margin-left: auto;
        }
    }
    .block__inner,
    .block__inner--top {
        margin-right: auto;
        margin-left: auto;
    }
    .block__inner { width: min(950px, 100%) }
    .block__inner--top { width: min(1200px, 100%) }
    @media screen and (orientation: landscape) {
        .block__inner--common { width: calc(100% * (500 / 1200)) }
    }




.common {
    display: flex;
    justify-content: space-between;
    padding-top: min(90px, calc(100vw * (90 / 1200)));
    padding-bottom: min(90px, calc(100vw * (90 / 1200)));
}
@media screen and (max-width: 767px) {
    .common {
        flex-direction: column-reverse;
        padding-top: min(120px, calc(100vw * (120 / 1125)));
        padding-bottom: min(194px, calc(100vw * (194 / 1125)));
    }
}
    @media screen and (min-width: 768px) {
        .common__box { width: min(520px, calc(100% * (520 / 1200))) }
    }
    @media screen and (max-width: 767px) {
        .common__box:not(:first-child) { margin-bottom: min(234px, calc(100vw * (234 / 1125))) }
    }

    .access__caption { margin-bottom: min(45px, calc(100% * (45 / 520))) }
    @media screen and (min-width: 768px) {
        .access__caption {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
    }
    @media screen and (max-width: 767px) {
        .access__caption { margin-bottom: min(60px, calc(100vw * (60 / 1125))) }
    }

        .access__logo {
            width: min(246px, calc(100% * (246 / 520)));
        }
        @media screen and (max-width: 767px) {
            .access__logo {
                width: min(688px, calc(100vw * (688 / 1125)));
                margin-right: auto;
                margin-left: auto;
            }
        }

        .access__tel {
            content-visibility: auto;
            padding-bottom: max(1px, calc(1em * (4 / 14)));
            border-bottom: max(1px, calc(1em * (2 / 14))) solid var(--green);
            font-size: min(1.4rem, calc(100vw * (14 / 1200)));
            line-height: 1.5;
            letter-spacing: .06em;
            white-space: nowrap;
        }
        @media screen and (max-width: 767px) {
            .access__tel {
                width: max-content;
                padding-bottom: min(17px, calc(1em * (17 / 58)));
                border-bottom: max(1px, calc(1em * (2 / 14))) solid var(--green);
                margin-right: auto;
                margin-left: auto;
                margin-bottom: min(115px, calc(100vw * (115 / 1125)));
                font-size: min(5.8rem, calc(100vw * (58 / 1125)));
                line-height: 1.45;
                text-align: center;
            }
        }
            .access__tel strong {
                font-family: var(--fontEn);
                font-size: min(2.6rem, calc(100vw * (26 / 1200)));
                font-weight: 600;
                line-height: calc(28 / 26);
            }
            @media screen and (max-width: 767px) {
                .access__tel strong {
                    font-size: min(7.4rem, calc(100vw * (74 / 1125)));
                    line-height: 1;
                }
            }

    .access__address {
        margin-bottom: min(16px, calc(100% * (16 / 520)));
        font-size: min(1.8rem, calc(100vw * (18 / 1200)));
        line-height: 1.6875;
    }
    @media screen and (max-width: 767px) {
        .access__address {
            margin-bottom: min(81px, calc(100vw * (81 / 1125)));
            font-size: min(4.8rem, calc(100vw * (48 / 1125)));
            text-align: center;
        }
    }

    .access__datetime { margin-bottom: min(42px, calc(100% * (42 / 520))) }
    @media screen and (max-width: 767px) {
        .access__datetime { margin-bottom: min(6px, calc(100vw * (6 / 1125))) }
    }
        .access__datetime__box { white-space: nowrap }
        @media screen and (min-width: 768px) {
            .access__datetime__box { display: flex }
        }
            .access__datetime__title {
                position: relative;
                font-size: min(2.0rem, calc(100vw * (20 / 1200)));
                font-weight: 500;
                line-height: 1.6;
            }
            @media screen and (min-width: 768px) {
                .access__datetime__title { width: calc(100% * (156 / 520)) }
            }
            @media screen and (max-width: 767px) {
                .access__datetime__title {
                    margin-bottom: min(17px, calc(100vw * (17 / 1125)));
                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    line-height: 1;
                    text-align: center;
                }
            }
                @media screen and (min-width: 768px) {
                    .access__datetime__title::before {
                        content: "";
                        position: absolute;
                        top: .8em;
                        right: .7em;
                        width: 2.5em;
                        height: .1em;
                        background-color: var(--black);
                    }
                }

            .access__datetime__text {
                font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                line-height: 2;
            }
            @media screen and (min-width: 768px) {
                .access__datetime__text { width: calc(100% * (364 / 520)) }
            }
            @media screen and (max-width: 767px) {
                .access__datetime__text {
                    font-size: min(4rem, calc(100vw * (40 / 1125)));
                    line-height: calc(77 / 40);
                    text-align: center;
                }
            }
                .access__datetime__text strong { font-weight: 500 }
                @media screen and (max-width: 767px) {
                    .access__datetime__text strong {
                        font-size: min(4.4rem, calc(100vw * (44 / 1125)));
                        line-height: calc(77 / 44);
                    }
                }


    .access__map {
        position: relative;
        padding-bottom: calc(100% * (300 / 520));
    }
    @media screen and (max-width: 767px) {
        .access__map {
            width: calc(100vw * (900 / 1125));
            padding-bottom: calc(100vw * (500 / 1125));
            margin-right: auto;
            margin-left: auto;
        }
    }
        .access__map iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .common__title {
        margin-bottom: min(9px, calc(100% * (9 / 520)));
        font-size: min(2.6rem, calc(100vw * (26 / 1200)));
        font-weight: 500;
        line-height: 1;
    }
    @media screen and (max-width: 767px) {
        .common__title {
            margin-bottom: min(11px, calc(100vw * (11 / 1125)));
            font-size: min(7.2rem, calc(100vw * (72 / 1125)));
            text-align: center;
        }
    }

    .common__title--min {
        margin-bottom: min(43px, calc(100% * (43 / 520)));
        font-family: var(--fontEn);
        font-size: min(1.8rem, calc(100vw * (18 / 1200)));
        font-weight: 500;
        line-height: calc(20 / 18);
    }
    @media screen and (max-width: 767px) {
        .common__title--min {
            margin-bottom: min(54px, calc(100% * (54 / 1125)));
            font-size: min(3.6rem, calc(100vw * (36 / 1125)));
            line-height: 1;
            text-align: center;
        }
    }




/* Information */
@media screen and (min-width: 768px) {
    .info {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}
    .info__list { margin-bottom: auto }
    @media screen and (max-width: 767px) {
        .info__list { margin-bottom: min(100vw * (90 / 1125)) }
    }
        .info__item {
            margin-bottom: min(7px, calc(100vw * (7 / 1200)));
            border-bottom: 1px solid var(--gray);
        }
        @media screen and (max-width: 767px) {
            .info__item {
                margin-bottom: min(6px, calc(100vw * (6 / 1125)));
                border-bottom: 1px solid var(--gray);
            }
        }
            .info__link {
                display: flex;
                align-items: center;
                height: 3.25em;
                font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                white-space: nowrap;
            }
            @media screen and (max-width: 767px) {
                .info__link {
                    height: 3em;
                    font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                }
            }
                .info__datetime {
                    display: block;
                    width: calc(100% * (174 / 520));
                    font-family: var(--fontEn);
                    font-weight: 600;
                }
                @media screen and (max-width: 767px) {
                    .info__datetime { width: calc(100% * (388 / 1005)) }
                }

                .info__title {
                    flex-grow: 1;
                    width: 1px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

    .info__linkBox--archive {
        display: flex;
        justify-content: flex-end;
        margin-top: auto;
    }
    @media screen and (max-width: 767px) {
        .info__linkBox--archive { justify-content: center }
    }
        .info__link--archive {
            position: relative;
            display: block;
            width: calc(1em * (150 / 18));
            padding-left: calc(1em * (20 / 18));
            border-bottom: max(1px, calc(100vw * (2 / 1200))) solid var(--black);
            font-size: min(1.8rem, calc(100vw * (18 / 1200)));
            font-weight: 500;
            line-height: calc(40 / 18);
            letter-spacing: .1em;
        }
        @media screen and (max-width: 767px) {
            .info__link--archive {
                width: calc(1em * (150 / 18));
                padding-left: calc(1em * (20 / 18));
                border-bottom: max(1px, calc(100vw * (2 / 1200))) solid var(--black);
                font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                line-height: calc(40 / 18);
            }
        }
            .info__link--archive::after {
                content: "";
                position: absolute;
                bottom: calc(-1 * max(1px, calc(100vw * (2 / 1200))));
                right: 0;
                transform: rotate(30deg);
                transform-origin: top right;
                width: calc(1em * (15 / 18));
                height: max(1px, calc(100vw * (2 / 1200)));
                background-color: var(--black);
            }





/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: min(140px, calc(100vw * (140 / 1920)));
    background-color: rgba(255, 255, 255, .75);
    z-index: 9999;
}
@media screen and (max-width: 1279px) {
    .header {
        display: flex;
        align-items: center;
        width: 100%;
        height: 40px;
        padding-right: calc(20px / 3);
        padding-left: calc(20px / 3);
        background-color: var(--white);
        box-shadow: 0 calc(4px / 3) calc(10px / 3) rgba(94, 93, 93, .5);
    }
}

    .logo {
        position: absolute;
        width: min(364px, calc(100vw * (364 / 1920)));
        font-size: min(6rem, calc(100vw * (60 / 1920)));
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        z-index: 10;
    }
    @media screen and (min-width: 1280px) {
        .logo {
            top: min(40px, calc(100vw * (40 / 1920)));
            left: min(50px, calc(100vw * (50 / 1920)));
        }
    }
    @media screen and (max-width: 1279px) {
        .logo {
            position: relative;
            width: 150px;
        }
    }
        .logo__link {
            display: block;
            max-width: 100%;
            max-height: 100%;
        }
            .logo img {
                height: auto;
                max-height: 100%
            }

    .nav {
        position: absolute;
        top: 0;
        right: 0;
    }
        .nav__button {
            position: absolute;
            top: calc(40px / 3);
            right: calc(62px / 3);
            width: 30px;
            height: calc(65px / 3);
            background-image: url(../images/common/menu.png);
            background-repeat: no-repeat;
            background-position: bottom center;
            background-size: contain;
            z-index: 10;
        }
            .nav__button::before,
            .nav__button::after {
                content: "";
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                width: 100%;
                height: 1px;
                background-color: var(--black);
                transition:
                    top .1s .1s var(--linear),
                    transform .1s var(--linear);
            }
            .nav__button::before { top: 0 }
            .nav__button::after { top: 8px }
            .nav__button.active::before,
            .nav__button.active::after {
                top: 4px;
                transition:
                    top .1s var(--linear),
                    transform .1s .1s var(--linear);
            }
            .nav__button.active::before { transform: translateX(-50%) rotate(15deg) }
            .nav__button.active::after { transform: translateX(-50%) rotate(-15deg) }

        @media screen and (min-width: 1280px) {
            .nav__container {
                display: flex;
                align-items: baseline;
                padding-top: min(57px, calc(100vw * (57 / 1920)));
                padding-right: min(60px, calc(100vw * (60 / 1920)));
            }
        }
        @media screen and (max-width: 1279px) {
            .nav__container {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 0;
                background-color: var(--white);
                overflow: hidden;
                transition: height .3s var(--easeOutQuart);
            }
            .nav__button.active + .nav__container { height: 100vh }
        }
            @media screen and (max-width: 1279px) {
                .nav__inner {
                    height: 100%;
                    padding-top: 62px;
                }
            }
                @media screen and (min-width: 1280px) {
                    .nav__list { display: flex }
                }
                @media screen and (max-width: 1279px) {
                    .nav__list {
                        width: max-content;
                        margin-right: auto;
                        margin-left: auto;
                    }
                }

                    @media screen and (min-width: 1280px) {
                        .nav__list li { margin-left: min(26px, calc(100vw * (26 / 1920))) }
                    }

                    .nav__list a {
                        position: relative;
                        display: block;
                        font-family: var(--fontJp);
                        font-size: min(1.6rem, calc(100vw * (48 / 1125)));
                        font-weight: 500;
                        line-height: 1;
                        text-align: center;
                    }
                    @media screen and (max-width: 1279px) {
                        .nav__list a { line-height: calc(150 / 48) }
                    }
                    @media screen and (min-width: 1280px) {
                        .nav__list a { transition: opacity .3s var(--easeOutQuart) }
                        .nav__list a:hover { opacity: .5 }
                    }

            .nav__tel { margin-left: min(38px, calc(100vw * (38 / 1920))) }
                .nav__tel a {
                    font-family: var(--fontEn);
                    font-size: 2.6rem;
                    letter-spacing: .06em;
                }


.header__sns {
    position: fixed;
    top: 50%;
    right: calc(100% * (50 / 1920));
    transform: translateY(-50%);
    z-index: 10;
}
    .header__sns__item { width: 30px }
    .header__sns__item:not(:last-of-type) { margin-bottom: calc(100vh * (70 / 1080)); }

        .header__sns__link { display: block }




/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer {
    padding-top: min(145px, calc(100vw * (145 / 1200)));
    padding-bottom: min(153px, calc(100vw * (153 / 1200)));
    background-color: var(--lightGreen);
}
@media screen and (min-width: 768px) {
    .footer {
        padding-top: min(106px, calc(100vw * (106 / 1125)));
        padding-bottom: min(157px, calc(100vw * (157 / 1125)));
    }
}
    @media screen and (min-width: 768px) {
        .footer__inner {
            display: flex;
            justify-content: center;
        }
    }
        .footer__logo { width: calc(100% * (193 / 1200)) }
        @media screen and (min-width: 768px) {
            .footer__logo { margin-right: min(50px, calc(100vw * (50 / 1200))); }
        }
        @media screen and (max-width: 767px) {
            .footer__logo {
                width: calc(100% * (385 / 1005));
                margin-right: auto;
                margin-left: auto;
                margin-bottom: clamp(42.666px, calc(100vw * (128 / 1125)), 128px);
            }
        }
            .footer__logo__link { display: block }

        .footer__nav {
            width: max-content;
            max-width: calc(100% * (1000 / 1200));
        }
        @media screen and (max-width: 767px) {
            .footer__nav {
                display: flex;
                flex-direction: column;
                max-width: 100%;
                margin-right: auto;
                margin-left: auto;
            }
        }
            .footer__nav__menu { margin-bottom: min(20px, calc(100vw * (20 / 1200))) }
            @media screen and (max-width: 767px) {
                .footer__nav__menu {
                    order: -1;
                    margin-bottom: min(123px, calc(100vw * (123 / 1125)));
                }
            }
                @media screen and (min-width: 768px) {
                    .footer__nav__menu ul.menu {
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                    }
                }
                    .footer__nav__menu .menu ul {
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                    }
                        .footer__nav .menu li { margin-right: min(12px, calc(100vw * (12 / 1200))) }
                        .footer__nav .menu a {
                            display: block;
                            padding-left: 1.125em;
                            background-image: url(../images/common/icon-footer-arrow.png);
                            background-repeat: no-repeat;
                            background-position: center left;
                            background-size: .75em;
                            font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                            line-height: 1.5;
                            white-space: nowrap;
                        }
                        @media screen and (max-width: 767px) {
                            .footer__nav .menu a {
                                padding-left: calc(1em * (58 / 45));
                                background-size: .8em;
                                font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                                line-height: 1.75;
                            }
                        }

        .footer__sns { margin-bottom: min(15px, calc(100vw * (15 / 1200))) }
        @media screen and (max-width: 767px) {
            .footer__sns { margin-bottom: min(72px, calc(100vw * (72 / 1125))) }
        }
            .footer__sns__list { display: flex }
                .footer__sns__item { width: min(20px, calc(100vw * (20 / 1200))) }
                @media screen and (max-width: 767px) {
                    .footer__sns__item { width: min(60px, calc(100vw * (60 / 1125))) }
                }
                    .footer__sns__item:not(:last-child) { margin-right: min(20px, calc(100vw * (20 / 1200))) }
                    @media screen and (max-width: 767px) {
                        .footer__sns__item:not(:last-child) { margin-right: min(60px, calc(100vw * (60 / 1125))) }
                    }
                        .footer__sns__link { display: block }


    .copyright {
        font-family: var(--fontEn);
        font-size: min(1.4rem, calc(100vw * (14 / 1200)));
        font-weight: 400;
        line-height: 1;
    }
    .copyright::first-letter {
        font-size: min(2.4rem, calc(100vw * (24 / 1200)));
        vertical-align: middle;
    }
    @media screen and (orientation: portrait) {
        .copyright { font-size: min(3rem, calc(100vw * (30 / 1125))) }
        .copyright::first-letter { font-size: min(5.2rem, calc(100vw * (52 / 1125))) }
    }



.footer__bar {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding-top: 8px;
    padding-right: 13.333px;
    padding-left: 38.333px;
    background-color: var(--white);
    box-shadow: 0 -1.333px 3.333px rgba(94, 93, 93, .5);
}
    .footer__bar__list {
        display: flex;
        width: 283.333px;
    }
        .footer__bar__item { width: 50% }
            .footer__bar__link { display: block }
                .footer__bar__link span {
                    display: block;
                    margin-bottom: 2px;
                    font-size: 1rem;
                    line-height: 1;
                }
                .footer__bar__link strong {
                    display: block;
                    font-family: var(--fontEn);
                    font-size: 1.5rem;
                    line-height: 1;
                }

    .top__return {
        display: block;
        width: 22px;
    }



.return-top {
    position: fixed;
    right: min(210px, calc(100vw * (210 / 1920)));
    bottom: 4%;
    width: min(101px, calc(100vw * (101 / 1920)));
    z-index: 999;
}
    .return-top__link {
        display: block;
        animation: returnTop 12s var(--linear) infinite;
    }

@keyframes returnTop {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}






/*------------------------------------*\
    $INDEX
\*------------------------------------*/
.visual {
    padding-top: min(280px, calc(100vw * (280 / 1920)));
    padding-bottom: min(82px, calc(100vw * (82 / 1920)));
}
@media screen and (orientation: portrait) {
    .visual {
        padding-top: min(120px, calc(100vw * (120 / 1125)));
        padding-right: 0;
        padding-left: 0;
        padding-bottom: min(79px, calc(100vw * (79 / 1125)));
    }
}
    .visual__imageBox {
        width: min(100%, 1200px);
        margin-right: auto;
        margin-left: auto;
    }
        /* picture */.visual__image {
            width: 100%;
            margin-bottom: clamp(8.333px, calc(100vw * (13 / 1920)), 13px);
            background-color: var(--brown);
        }
            .visual__image img { width: 100% }

        /* figcaption */.visual__title {
            font-family: var(--fontEn);
            font-size: clamp(1.6rem, calc(100vw * (24 / 1920)), 2.4rem);
            font-weight: 600;
            font-style: italic;
            line-height: 1.5;
            text-align: right;
        }
        @media screen and (orientation: portrait) {
            /* figcaption */.visual__title { padding-right: min(28px, calc(100vw * (28 / 1125))) }
        }


/* Concept */
.top-concept {
    background-color: var(--lightGreen);
    padding-top: min(70px, calc(100vw * (70 / 1125)));
    padding-bottom: min(90px, calc(100vw * (90 / 1125)));
}
@media screen and (max-width: 767px) {
    .top-concept {
        padding-top: min(86px, calc(100vw * (86 / 1125)));
        padding-bottom: min(69px, calc(100vw * (69 / 1125)));
    }
}

    .top-concept__title {
        font-size: min(2.4rem, calc(100vw * (24 / 1200)));
        line-height: 1;
    }
    @media screen and (max-width: 767px) {
        .top-concept__title { font-size: min(4.8rem, calc(100vw * (48 / 1125))) }
    }

    h2.top-concept__title {
        margin-bottom: min(19px, calc(100vw * (19 / 1200)));
        font-weight: 500;
    }
    @media screen and (max-width: 767px) {
        h2.top-concept__title { margin-bottom: min(15px, calc(100vw * (15 / 1125))) }
    }

    h3.top-concept__title {
        margin-bottom: min(19px, calc(100vw * (19 / 1200)));
        font-family: var(--fontEn);
        font-weight: 600;
    }
    @media screen and (max-width: 767px) {
        h3.top-concept__title { margin-bottom: min(71px, calc(100vw * (71 / 1125))) }
    }

        .top-concept__title span { font-weight: 700 }

    .top-concept__text {
        margin-bottom: min(29px, calc(100vw * (29 / 1200)));
        font-family: var(--fontMin);
        font-size: min(1.8rem, calc(100vw * (18 / 1200)));
        line-height: calc(35 / 18);
    }
    @media screen and (max-width: 767px) {
        .top-concept__text {
            margin-bottom: min(54px, calc(100vw * (54 / 1200)));
            font-size: min(4.5rem, calc(100vw * (45 / 1125)));
            line-height: 1.75;
        }
    }

    .top-concept__linkBox {
        display: flex;
        justify-content: flex-end;
    }
        .top-concept__link {
            position: relative;
            display: block;
            width: calc(1em * (300 / 18));
            padding-left: calc(1em * (30 / 18));
            font-size: min(1.8rem, calc(100vw * (18 / 1200)));
            font-weight: 500;
            line-height: calc(43 / 18);
            letter-spacing: .1em;
            transition:
                color .3s var(--easeOutQuart),
                width .3s var(--easeOutQuart);
        }
        @media screen and (min-width: 768px) {
            .top-concept__link:hover {
                color: var(--brown);
                width: calc(1em * (310 / 18));
            }
        }
        @media screen and (max-width: 767px) {
            .top-concept__link {
                width: calc(1em * (500 / 36));
                padding-left: calc(1em * (50 / 36));
                font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                line-height: calc(58 / 36);
            }
        }
            .top-concept__link::before,
            .top-concept__link::after {
                content: "";
                position: absolute;
                bottom: 0;
                right: 0;
                height: clamp(1px, calc(100vw * (2 / 1200)), 2px);
                background-color: var(--black);
                transition: background-color .3s var(--easeOutQuart),
            }
            .top-concept__link::before { width: 100% }
            .top-concept__link::after {
                transform: rotate(30deg);
                transform-origin: top right;
                width: calc(1em * (15 / 18));
            }
            @media screen and (min-width: 768px) {
                .top-concept__link:hover::before,
                .top-concept__link:hover::after { background-color: var(--brown) }
            }
            @media screen and (max-width: 767px) {
                .top-concept__link::before,
                .top-concept__link::after { height: clamp(1px, calc(100vw * (3 / 1125)), 3px) }
                .top-concept__link::after { width: calc(1em * (20 / 36)) }
            }



.top-accident {
    padding-top: min(169px, calc(100vw * (169 / 1200)));
    padding-bottom: min(217px, calc(100vw * (217 / 1200)));
}
@media screen and (max-width: 767px) {
    .top-accident {
        padding-top: min(111px, calc(100vw * (111 / 1125)));
        padding-bottom: min(211px, calc(100vw * (211 / 1125)));
    }
}

    .top-accident__content { display: flex }
    @media screen and (max-width: 767px) {
        .top-accident__content {
            flex-direction: column-reverse;
        }
    }
        @media screen and (min-width: 768px) {
            .top-accident__imageBox { width: calc(100% * (460 / 950)) }
        }

        @media screen and (min-width: 768px) {
            .top-accident__textBox {
                width: calc(100% * (490 / 950));
                padding-top: calc(100% * (9 / 950));
                padding-left: calc(100% * (28 / 950));
            }
        }
        @media screen and (max-width: 767px) {
            .top-accident__textBox { margin-bottom: min(68px, calc(100vw * (68 / 1125))) }
        }

            .top-accident__title {
                margin-bottom: min(11px, calc(100vw * (11 / 1200)));
                font-size: min(2.2rem, calc(100vw * (22 / 1200)));
                font-weight: 500;
                line-height: 1.25;
            }
            @media screen and (max-width: 767px) {
                .top-accident__title {
                    margin-bottom: min(23px, calc(100vw * (23 / 1125)));
                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    white-space: nowrap;
                }
            }

            .top-accident__text {
                margin-bottom: .5em;
                font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                line-height: 1.75;
            }
            @media screen and (max-width: 767px) {
                .top-accident__text {
                    margin-bottom: min(53px, calc(100vw * (53 / 1125)));
                    font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                }
            }

            .top-accident__linkBox {
                display: flex;
                justify-content: flex-end;
            }
                .top-accident__link {
                    position: relative;
                    display: block;
                    width: 9.375em;
                    padding-left: 1.375em;
                    font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                    font-weight: 500;
                    line-height: 2.375;
                    letter-spacing: .1em;
                    white-space: nowrap;
                    transition:
                        color .3s var(--easeOutQuart),
                        width .3s var(--easeOutQuart);
                }
                @media screen and (min-width: 768px) {
                    .top-accident__link:hover {
                        color: var(--brown);
                        padding-right: 3em;
                    }
                }
                @media screen and (max-width: 767px) {
                    .top-accident__link {
                        width: calc(1em * (500 / 36));
                        padding-left: min(50px, calc(100vw * (50 / 1125)));
                        font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                        line-height: calc(58 / 36);
                    }
                }

                    .top-accident__link::before,
                    .top-accident__link::after {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        height: clamp(1px, calc(100vw * (2 / 1200)), 2px);
                        background-color: var(--black);
                        transition: background-color .3s var(--easeOutQuart),
                    }
                    .top-accident__link::before { width: 100% }
                    .top-accident__link::after {
                        transform: rotate(30deg);
                        transform-origin: top right;
                        width: .9375em;
                    }
                    @media screen and (min-width: 768px) {
                        .top-accident__link:hover::before,
                        .top-accident__link:hover::after { background-color: var(--brown) }
                    }
                    @media screen and (max-width: 767px) {
                        .top-accident__link::before,
                        .top-accident__link::after { height: clamp(1px, calc(100vw * (3 / 1125)), 3px) }
                        .top-accident__link::after { width: calc(1em * (20 / 36)) }
                    }





.top-treatment {
    padding-top: min(40px, calc(100vw * (40 / 1200)));
    padding-bottom: min(167px, calc(100vw * (167 / 1200)));
}
@media screen and (max-width: 767px) {
    .top-treatment {
        padding-top: min(90px, calc(100vw * (90 / 1125)));
        padding-bottom: min(67px, calc(100vw * (67 / 1125)));
    }
}

    h2.top-treatment__title {
        margin-bottom: min(7px, calc(100vw * (7 / 1200)));
        font-size: min(2.4rem, calc(100vw * (24 / 1200)));
        font-weight: 700;
        line-height: 1;
    }
    h3.top-treatment__title {
        margin-bottom: min(10px, calc(100vw * (10 / 1200)));
        font-family: var(--fontEn);
        font-size: min(1.4rem, calc(100vw * (14 / 1200)));
        font-weight: 600;
        line-height: 1;
    }
    @media screen and (max-width: 767px) {
        .top-treatment__title { text-align: center }
        h2.top-treatment__title {
            margin-bottom: min(9px, calc(100vw * (9 / 1125)));
            font-size: min(7.2rem, calc(100vw * (72 / 1125)));
        }
        h3.top-treatment__title {
            margin-bottom: min(43px, calc(100vw * (43 / 1125)));
            font-size: min(3.6rem, calc(100vw * (36 / 1125)));
        }
    }

    .top-treatment__container {}
        .top-treatment__list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
            .top-treatment__item {
                position: relative;
                margin-bottom: min(50px, calc(100vw * (50 / 1200)));
            }
            @media screen and (min-width: 768px) {
                .top-treatment__item { width: calc(100% * (450 / 950)) }
            }
            @media screen and (max-width: 767px) {
                .top-treatment__item {
                    margin-bottom: min(100px, calc(100vw * (100 / 1125)));
                }
            }

                .top-treatment__textBox {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    width: calc(100% * (380 / 450));
                    height: 84%;
                    padding-top: min(10px, calc(100vw * (10 / 1200)));
                    padding-right: min(5px, calc(100vw * (5 / 1200)));
                    padding-left: min(5px, calc(100vw * (5 / 1200)));
                    padding-bottom: min(10px, calc(100vw * (10 / 1200)));
                    background-color: rgba(240, 255, 232, .7);
                    transition: background-color .6s var(--easeOutQuart);
                }
                @media screen and (min-width: 768px) {
                    .top-treatment__textBox:hover { background-color: rgba(240, 255, 232, .9) }
                }
                @media screen and (max-width: 767px) {
                    .top-treatment__textBox {
                        width: calc(100% * (848 / 1005));
                        height: calc(100% * (469 / 555));
                        padding-top: min(24px, calc(100vw * (24 / 1125)));
                        padding-right: min(11px, calc(100vw * (11 / 1125)));
                        padding-left: min(11px, calc(100vw * (11 / 1125)));
                        padding-bottom: min(24px, calc(100vw * (24 / 1125)));
                        background-color: rgba(240, 255, 232, .8);
                    }
                }

                    .top-treatment__name {
                        position: relative;
                        width: max-content;
                        padding-right: .05em;
                        padding-left: .05em;
                        margin-right: auto;
                        margin-left: auto;
                        font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                        font-weight: 500;
                        line-height: 1.5;
                        white-space: nowrap;
                    }
                    @media screen and (max-width: 767px) {
                        .top-treatment__name {
                            font-size: min(5.4rem, calc(100vw * (54 / 1125)));
                            line-height: calc(72 / 54);
                        }
                    }
                        .top-treatment__name::before {
                            content: "";
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 1.5em;
                            height: clamp(1px, calc(100vw * (2 / 1200)), 2px);
                            background-color: var(--black);
                            transition: width .6s var(--easeOutQuart);
                        }
                        @media screen and (min-width: 768px) {
                            .top-treatment__textBox:hover .top-treatment__name::before { width: 100% }
                        }
                        @media screen and (max-width: 767px) {
                            .top-treatment__name::before {
                                width: 100%;
                                height: min(4px, calc(100vw * (4 / 1125)));
                            }
                        }

                    .top-treatment__details {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        height: calc(50% - min(18px, calc(100vw * (18 / 1200))));
                    }
                    @media screen and (min-width: 768px) {
                        .top-treatment__details {
                            opacity: 0;
                            overflow: hidden;
                            transition:
                                opacity .3s var(--easeOutQuart),
                                height .6s var(--easeOutQuart);
                        }
                        .top-treatment__textBox:hover .top-treatment__details {
                            height: calc(50% + min(40px, calc(100vw * (40 / 1200))));
                            opacity: 1;
                            transition-delay: .6s, 0s;
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .top-treatment__details { height: calc(50% + min(52px, calc(100vw * (52 / 1125)))) }
                    }

                        .top-treatment__text {
                            width: calc(100% * (300 / 380));
                            padding-top: min(18px, calc(100vw * (18 / 1200)));
                            margin-right: auto;
                            margin-left: auto;
                            font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                            line-height: calc(24 / 14);
                        }
                        @media screen and (max-width: 767px) {
                            .top-treatment__text {
                                width: 90%;
                                padding-top: min(38px, calc(100vw * (38 / 1125)));
                                font-size: min(4.2rem, calc(100vw * (42 / 1125)));
                                line-height: calc(54 / 42);
                            }
                        }

                        .top-treatment__linkBox {
                            display: flex;
                            justify-content: flex-end;
                        }
                            .top-treatment__link {
                                position: relative;
                                display: block;
                                width: 9.375em;
                                padding-left: min(22px, calc(100vw * (22 / 1200)));
                                padding-bottom: min(11px, calc(100vw * (11 / 1200)));
                                font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                                line-height: 1;
                                letter-spacing: .1em;
                                white-space: nowrap;
                                transition:
                                    color .3s var(--easeOutQuart),
                                    width .3s var(--easeOutQuart);
                            }
                            @media screen and (min-width: 768px) {
                                .top-treatment__link:hover {
                                    width: 10em;
                                    color: var(--brown);
                                }
                            }
                            @media screen and (max-width: 767px) {
                                .top-treatment__link {
                                    width: calc(1em * (344 / 36));
                                    padding-left: min(52px, calc(100vw * (52 / 1125)));
                                    padding-bottom: min(24px, calc(100vw * (24 / 1125)));
                                    font-size: min(3.6rem, calc(100vw * (36 / 1200)));
                                }
                            }
                                .top-treatment__link::before,
                                .top-treatment__link::after {
                                    content: "";
                                    position: absolute;
                                    bottom: 0;
                                    right: 0;
                                    height: max(1px, .125em);
                                    background-color: var(--black);
                                    transition: background-color .3s var(--easeOutQuart);
                                }
                                .top-treatment__link::before { width: 100% }
                                .top-treatment__link::after {
                                    transform: rotate(30deg);
                                    transform-origin: top right;
                                    width: .9375em;
                                }
                                @media screen and (min-width: 768px) {
                                    .top-treatment__link:hover::before,
                                    .top-treatment__link:hover::after { background-color: var(--brown) }
                                }
                                @media screen and (max-width: 767px) {
                                    .top-treatment__link::before,
                                    .top-treatment__link::after { height: max(1px, calc(100vw * (4 / 1125))) }
                                }


.sns { padding-top: min(90px, calc(100vw * (90 / 1200))) }
@media screen and (min-width: 768px) {
    .sns {
        padding-bottom: min(120px, calc(100vw * (120 / 1200)));
        background-image: linear-gradient(var(--lightGreen), var(--lightGreen));
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% calc(100% * (250 / 780));
    }
}
@media screen and (max-width: 767px) {
    .sns { padding-top: min(30px, calc(100vw * (30 / 1125))) }
}
    @media screen and (min-width: 768px) {
        .sns__container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
    }
        .sns__block {
            width: min(380px, calc(100% - 30px));
            margin-right: 15px;
            margin-left: 15px;
            margin-bottom: min(40px, calc(100vw * (40 / 1200)));
        }
        @media screen and (max-width: 767px) {
            .sns__block {
                width: min(100%, 380px);
                margin-right: auto;
                margin-left: auto;
                margin-bottom: min(85px, calc(100vw * (85 / 1125)));
            }
        }
            .sns__title {
                margin-bottom: 8px;
                font-family: var(--fontEn);
                font-size: 2.4rem;
                font-weight: 600;
                line-height: 1;
                white-space: nowrap;
            }
            @media screen and (max-width: 767px) {
                .sns__title {
                    margin-bottom: .5em;
                    font-size: calc(48px, calc(100vw * (48 / 1125)));
                }
            }

            .sns__body {
                height: 500px;
                border: 0px solid var(--white);
                overflow: hidden;
            }
            @media screen and (max-width: 767px) {
                .sns__body {
                    height: min(1322px, calc(100vw * (1322 / 1125)));
                    border-width: clamp(1px, calc(100vw * (2 / 1125)), 2px);
                }
            }

                .sns__inline {
                    width: 100%;
                    height: 100%;
                    overflow-y: auto;
                }





.top-archive {
    padding-top: min(90px, calc(100vw * (90 / 1200)));
    padding-bottom: min(150px, calc(100vw * (150 / 1200)));
}
@media screen and (max-width: 767px) {
    .top-archive {
        padding-top: min(97px, calc(100vw * (97 / 1125)));
        padding-bottom: min(125px, calc(100vw * (125 / 1125)));
    }
}

    .top-archive__mainTitle {
        line-height: 1;
        text-align: center;
        white-space: nowrap;
    }
    h2.top-archive__mainTitle {
        margin-bottom: min(20px, calc(100vw * (20 / 1200)));
        font-size: min(3.6rem, calc(100vw * (36 / 1200)));
        font-weight: 500;
    }
    h3.top-archive__mainTitle {
        margin-bottom: min(83px, calc(100vw * (83 / 1200)));
        font-family: var(--fontEn);
        font-size: min(1.6rem, calc(100vw * (16 / 1200)));
        letter-spacing: .1em;
    }
    @media screen and (max-width: 767px) {
        h2.top-archive__mainTitle {
            margin-bottom: min(23px, calc(100vw * (23 / 1125)));
            font-size: min(7.2rem, calc(100vw * (72 / 1125)));
        }
        h3.top-archive__mainTitle {
            margin-bottom: min(153px, calc(100vw * (153 / 1125)));
            font-size: min(3.6rem, calc(100vw * (36 / 1125)));
        }
    }

    .slider { position: relative }
        .slider__list {
            display: flex;
            width: 100%;
            padding-left: max(min(60px, calc(100vw * (60 / 1125))), calc((100% - 1200px) / 2));
            margin-bottom: min(104px, calc(100vw * (104 / 1200)));
            scroll-snap-type: x mandatory;
            scroll-padding-left: max(min(60px, calc(100vw * (60 / 1125))), calc((100% - 1200px) / 2));
            overflow-x: auto;
        }
        .slider__list::-webkit-scrollbar { display: none }
        @media screen and (max-width: 767px) {
            .slider__list {
                padding-left: min(120px, calc(100vw * (120 / 1125)));
                scroll-padding-left: min(120px, calc(100vw * (120 / 1125)));
            }
        }
            .slider__list::after {
                content: "";
                display: block;
                padding-right: max(min(60px, calc(100vw * (60 / 1125))), calc((100% - 1200px) / 2));
            }
            .slider__item {
                margin-right: 50px;
                scroll-snap-align: start;
            }
            @media screen and (max-width: 767px) {
                .slider__item { margin-right: min(120px, calc(100vw * (120 / 1125))) }
            }
                .slider__link {
                    display: block;
                    width: 250px;
                }
                @media screen and (max-width: 767px) {
                    .slider__link { width: calc(100vw - min(240px, calc(100vw * (240 / 1125)))) }
                }
                    .top-archive__imageBox {
                        position: relative;
                        padding-bottom: 72%;
                        border-top: 5px solid var(--green);
                        background-color: var(--green);
                    }
                    @media screen and (max-width: 767px) {
                        .top-archive__imageBox {
                            padding-bottom: calc(100% * (678 / 944));
                            border-width: min(calc(100vw * (19 / 1125)), 19px);
                        }
                    }
                        .top-archive__image {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            object-position: center center;
                        }

                    .top-archive__textBox {
                        padding-top: 25px;
                        font-size: 1.5rem;
                        line-height: 1;
                        white-space: nowrap;
                    }
                    @media screen and (max-width: 767px) {
                        .top-archive__textBox {
                            padding-top: min(25px, calc(100vw * (25 / 1125)));
                            font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                            line-height: 1;
                            white-space: nowrap;
                        }
                    }
                        .top-archive__datetime {
                            display: block;
                            margin-bottom: 11px;
                            font-family: var(--fontEn);
                        }
                        @media screen and (max-width: 767px) {
                            .top-archive__datetime { margin-bottom: .5em }
                        }

                        .top-archive__title {
                            position: relative;
                            width: max-content;
                            max-width: 100%;
                            padding-right: .5em;
                            padding-left: .5em;
                            text-overflow: ellipsis;
                            overflow: hidden;
                        }
                            .top-archive__title::before,
                            .top-archive__title::after {
                                position: absolute;
                                top: 0;
                            }
                            .top-archive__title::before {
                                content: "【";
                                left: -.5em;
                            }
                            .top-archive__title::after {
                                content: "】";
                                right: -.5em;
                            }

        .slider__buttonBox {
            position: absolute;
            top: calc(-1 * min(120px, calc(100vw * (120 / 1200))));
            right: max(min(60px, calc(100vw * (60 / 1125))), calc((100% - 1200px) / 2));
            display: flex;
            justify-content: space-between;
            width: 85px;
        }
        @media screen and (max-width: 767px) {
            .slider__buttonBox {
                top: calc(-1 * min(130px, calc(100vw * (130 / 1125))));
                right: min(120px, calc(100vw * (120 / 1125)));
                width: min(200px, calc(100vw * (200 / 1125)));
            }
        }
            .slider__button {
                position: relative;
                width: 35px;
                height: 35px;
                background-color: var(--green);
            }
            @media screen and (max-width: 767px) {
                .slider__button {
                    position: relative;
                    width: min(82px, calc(100vw * (82 / 1125)));
                    height: min(82px, calc(100vw * (82 / 1125)));
                    background-color: var(--green);
                }
            }
                .slider__button::before,
                .slider__button::after {
                    content: "";
                    position: absolute;
                    top: calc(100% * (20 / 35));
                    height: 1px;
                    background-color: var(--white);
                }
                .slider__button::before { width: calc(100% * (20 / 35)) }
                .slider__button::after { width: calc(100% * (12 / 35)) }
                .slider__button.slider__button--prev::before { right: 0 }
                .slider__button.slider__button--next::before { left: 0 }
                .slider__button.slider__button--prev::after {
                    left: calc(100% * (15 / 35));
                    transform: rotate(-30deg);
                    transform-origin: bottom left;
                }
                .slider__button.slider__button--next::after {
                    right: calc(100% * (15 / 35));
                    transform: rotate(30deg);
                    transform-origin: bottom right;
                }

    .top-archive__link {
        display: flex;
        justify-content: center;
    }

        .top__link {
            position: relative;
            display: block;
            width: max-content;
            padding-right: 5.25em;
            font-family: var(--fontEn);
            font-size: 1.6rem;
            line-height: 1.5;
            letter-spacing: .1em;
            white-space: nowrap;
            transition: color .15s var(--easeOutQuart);
        }
        @media screen and (min-width: 768px) {
            .top__link:hover { color: var(--brown) }
        }
        @media screen and (max-width: 767px) {
            .top__link {
                padding-right: min(180px, calc(100vw * (180 / 1125)));
                font-size: min(4.8rem, calc(100vw * (48 / 1125)));
            }
        }
            .top__link::before,
            .top__link::after {
                content: "";
                position: absolute;
                bottom: .625em;
                right: 0;
                height: 1px;
                background-color: var(--black);
                transition: background-color .15s var(--easeOutQuart);
            }
            .top__link::before { width: 45px }
            .top__link::after {
                width: .5625em;
                transform: rotate(30deg);
                transform-origin: bottom right;
            }
            @media screen and (min-width: 768px) {
                .top__link:hover::before,
                .top__link:hover::after { background-color: var(--brown) }
            }
            @media screen and (max-width: 767px) {
                .top__link::before,
                .top__link::after {
                    height: min(3px, calc(100vw * (3 / 1125)));
                    bottom: min(25px, calc(100vw * (25 / 1125)));
                }
                .top__link::before { width: min(150px, calc(100vw * (150 / 1125))) }
                .top__link::after { width: min(30px, calc(100vw * (30 / 1125))) }
            }





/*------------------------------------*\
    $ARCHIVE
\*------------------------------------*/


/* .archive {} */
    .archive__list {
        display: flex;
        flex-wrap: wrap;
    }
    @media screen and (orientation: landscape) {
        .archive__list {
            margin-right: calc(-1 * (100vw * (23 / 1200)));
            margin-left: calc(-1 * (100vw * (23 / 1200)));
        }
    }
    @media screen and (orientation: portrait) {
        .archive__list { justify-content: space-between }
    }
        .archive__item {
            width: calc((100% - (100vw * (138 / 1200))) / 3);
            margin-bottom: clamp(33px, calc(100vw * (99 / 1125)), 70px);
        }
        @media screen and (orientation: landscape) {
            .archive__item {
                margin-right: calc(100vw * (23 / 1200));
                margin-left: calc(100vw * (23 / 1200));
            }
        }
        @media screen and (orientation: portrait) {
            .archive__item { width: calc(100% * (455 / 1005)) }
        }
            .archive__link { display: block }

                .archive__imageBox {
                    position: relative;
                    border-top: clamp(3.333px, calc(100vw * (10 / 1125)), 5px) solid var(--green);
                    padding-bottom: 74%;
                }
                    .archive__image {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                .archive__textBox {
                    padding-top: clamp(8px, calc(100vw * (24 / 1125)), 2em);
                    font-size: clamp(1rem, calc(100vw * (30 / 1125)), 1.5rem);
                    line-height: 1;
                    white-space: nowrap;
                }
                    .archive__datetime {
                        display: block;
                        margin-bottom: .8em;
                        font-family: var(--fontEn);
                    }
                    .archive__title {
                        position: relative;
                        width: max-content;
                        max-width: 100%;
                        padding-right: .5em;
                        padding-left: .5em;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }
                        .archive__title::before,
                        .archive__title::after {
                            position: absolute;
                            top: 0;
                        }
                        .archive__title::before {
                            content: "【";
                            left: -.5em;
                        }
                        .archive__title::after {
                            content: "】";
                            right: -.5em;
                        }

.pager {
    display: flex;
    justify-content: flex-end;
    transform-origin: center right;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
    .pager { transform: scale(0.666) }
}
@media screen and (orientation: portrait) and (max-width: 414px) {
    .pager { transform: scale(0.333) }
}
    .pager__list { display: flex }
        .pager__item { margin-left: 15px }
            .pager__link {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 40px;
                height: 40px;
                background-color: var(--green);
                color: var(--white);
                font-family: var(--fontEn);
                font-size: 3rem;
                text-align: center;
                white-space: nowrap;
                transition: opacity .15s var(--easeOutQuart);
            }
            span.pager__link::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: var(--green);
                mix-blend-mode: color-burn;
            }
            .pager__link.pager__link--first {
                font-size: 1.1rem;
                line-height: calc(40 / 11);
            }
            .pager__link.pager__link--last {
                font-size: 1.3rem;
                line-height: calc(40 / 13);
            }
            a.pager__link:hover { opacity: .75 }
                .pager__link.pager__link--arrow::before,
                .pager__link.pager__link--arrow::after {
                    content: "";
                    position: absolute;
                    top: calc(100% * (20 / 35));
                    height: 1px;
                    background-color: var(--white);
                }
                .pager__link.pager__link--arrow::before { width: calc(100% * (20 / 35)) }
                .pager__link.pager__link--arrow::after { width: calc(100% * (12 / 35)) }
                .pager__link.pager__link--arrow.arrow-prev::before { right: 0 }
                .pager__link.pager__link--arrow.arrow-next::before { left: 0 }
                .pager__link.pager__link--arrow.arrow-prev::after {
                    left: calc(100% * (15 / 35));
                    transform: rotate(-30deg);
                    transform-origin: bottom left;
                }
                .pager__link.pager__link--arrow.arrow-next::after {
                    right: calc(100% * (15 / 35));
                    transform: rotate(30deg);
                    transform-origin: bottom right;
                }





/*------------------------------------*\
    $SINGLE
\*------------------------------------*/
.single__header { position: relative }
    .single__time {
        display: block;
        font-family: var(--fontEn);
        font-size: clamp(1.2rem, calc(100vw * (36 / 1125)), 1.5rem);
        line-height: 1;
        letter-spacing: .1em;
    }
    .single__title {
        padding-top: calc(1em * (40 / 30));
        padding-bottom: calc(1em * (43 / 30));
        margin-left: -.5em;
        font-size: clamp(1.6rem, calc(100vw * (48 / 1125)), 3rem);
        font-weight: 500;
        line-height: 1.5;
    }
    @media screen and (max-width: 767px) {
        .single__title {
            padding-top: calc(1em * (9 / 16));
            padding-bottom: calc(1em * (36 / 16));
        }
    }
        .single__link {
            position: absolute;
            bottom: calc(100% + clamp(10px, calc(100vw * (30 / 1125)), 30px));
            right: 0;
            display: block;
            font-family: var(--fontEn);
            font-size: clamp(1.2rem, calc(100vw * (36 / 1125)), 1.5rem);
            line-height: 1;
            transition: color .15s var(--easeOutQuart);
        }
        @media screen and (min-width: 768px) {
            .single__link:hover { color: var(--brown) }
        }


.single__body {
    font-size: 1.6rem;
    line-height: 1.75;
}
    .single__body h1,
    .single__body h2,
    .single__body h3,
    .single__body h4,
    .single__body h5,
    .single__body h6 {
        margin-bottom: 1em;
        font-weight: 500;
        line-height: 1.5;
    }
    .single__body h1 { font-size: 2.8rem }
    .single__body h2 { font-size: 2.6rem }
    .single__body h3 { font-size: 2.4rem }
    .single__body h4 { font-size: 2.2rem }
    .single__body h5 { font-size: 2.0rem }
    .single__body h6 { font-size: 1.8rem }

    .single__body p { margin-bottom: 2em }
    .single__body a { color: var(--brown) }
    .single__body .wp-block-image,
    .single__body .wp-block-cover { margin-bottom: clamp(11.333px, calc(100vw * (34 / 1125)), 45px) }







/*------------------------------------*\
    $ABOUT
\*------------------------------------*/
/* .about__greeting {} */

    .about__greeting__main { margin-bottom: min(92px, calc(100vw * (92 / 1200))) }
    @media screen and (min-width: 768px) {
        .about__greeting__main {
            display: flex;
            justify-content: space-between;
        }
    }
    @media screen and (max-width: 767px) {
        .about__greeting__main { margin-bottom: min(108p, calc(100vw * (108 / 1125))) }
    }
        .about__greeting__main__imageBox { width: calc(100% * (400 / 950)) }
        @media screen and (max-width: 767px) {
            .about__greeting__main__imageBox {
                width: calc(100% * (600 / 1005));
                margin-right: auto;
                margin-left: auto;
            }
        }

        @media screen and (min-width: 768px) {
            .about__greeting__main__textBox { width: calc(100% * (500 / 950)) }
        }
            .about__greeting__main__nameBox {
                padding-top: min(46px, calc(100vw * (46 / 1200)));
                padding-bottom: min(88px, calc(100vw * (88 / 1200)));
                margin-bottom: min(24px, calc(100vw * (24 / 1200)));
                border-bottom: max(1px, calc(100vw * (2 / 1200))) solid var(--black);
            }
            @media screen and (max-width: 767px) {
                .about__greeting__main__nameBox {
                    padding-top: min(45px, calc(100vw * (45 / 1125)));
                    padding-bottom: min(45px, calc(100vw * (45 / 1125)));
                    margin-bottom: min(50px, calc(100vw * (50 / 1125)));
                    border-bottom-width: max(1px, calc(100vw * (3 / 1125)));
                }
            }
                .about__greeting__main__name {
                    position: relative;
                    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                    font-weight: 500;
                }
                @media screen and (min-width: 768px) {
                    .about__greeting__main__name {
                        width: max-content;
                        margin-right: auto;
                        margin-left: auto;
                        writing-mode: vertical-lr;
                    }
                }
                @media screen and (max-width: 767px) {
                    .about__greeting__main__name {
                        font-size: min(7.2rem, calc(100vw * (72 / 1125)));
                        text-align: center;
                        white-space: nowrap;
                    }
                }
                    .about__greeting__main__name--sub { font-size: min(1.4rem, calc(100vw * (14 / 1200))) }
                    @media screen and (min-width: 768px) {
                        .about__greeting__main__name--sub {
                            position: absolute;
                            top: .1em;
                            left: calc(100% + .5em);
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .about__greeting__main__name--sub {
                            display: inline-block;
                            margin-right: 1em;
                            font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                        }
                    }

            .about__greeting__main__box { padding-bottom: min(92px, calc(100vw * (92 / 1200))) }
            @media screen and (max-width: 767px) {
                .about__greeting__main__box {
                    position: relative;
                    padding-bottom: min(108px, calc(100vw * (108 / 1125)));
                }
                    .about__greeting__main__box::before {
                        content: "";
                        position: absolute;
                        top: 100%;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 96vw;
                        height: max(1px, calc(100vw * (4 / 1125)));
                        margin-bottom: max(1px, calc(100vw * (4 / 1125)));
                        background-color: var(--black);
                    }
            }
                .about__greeting__main__caption {
                    margin-bottom: min(3px, calc(100vw * (3 / 1200)));
                    font-size: min(1.8rem, calc(100vw * (18 / 1200)));
                    font-weight: 500;
                    line-height: 1;
                }
                @media screen and (max-width: 767px) {
                    .about__greeting__main__caption {
                        margin-bottom: min(8px, calc(100vw * (8 / 1125)));
                        font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    }
                }

                .about__greeting__main__caption--sub {
                    margin-bottom: min(16px, calc(100vw * (16 / 1200)));
                    font-size: min(1.2rem, calc(100vw * (12 / 1200)));
                    font-weight: 600;
                    line-height: 1;
                }
                @media screen and (max-width: 767px) {
                    .about__greeting__main__caption--sub {
                        margin-bottom: min(8px, calc(100vw * (8 / 1125)));
                        font-size: min(3rem, calc(100vw * (30 / 1125)));
                    }
                }

                .about__greeting__main__text {
                    font-size: min(1.5rem, calc(100vw * (15 / 1200)));
                    line-height: 2;
                }
                @media screen and (max-width: 767px) {
                    .about__greeting__main__text {
                        font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                        line-height: 1.75;
                    }
                }

    @media screen and (min-width: 768px) {
        .about__greeting__list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    }

        @media screen and (min-width: 768px) {
            .about__greeting__item { width: calc(100% * (450 / 950)) }
            .about__greeting__item:nth-last-of-type(n + 3) { margin-bottom: min(30px, calc(100vw * (30 / 1200))) }
        }
        @media screen and (max-width: 767px) {
            .about__greeting__item {
                padding-top: min(60px, calc(100vw * (60 / 1125)));
                padding-bottom: min(130px, calc(100vw * (130 / 1125)));
            }
        }
            .about__greeting__imageBox { margin-bottom: min(20px, calc(100vw * (20 / 1200))) }
            @media screen and (max-width: 767px) {
                .about__greeting__imageBox { margin-bottom: min(38px, calc(100vw * (38 / 1125))) }
            }

            .about__greeting__name {
                margin-bottom: min(3px, calc(100vw * (3 / 1200)));
                font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                font-weight: 500;
            }
            @media screen and (max-width: 767px) {
                .about__greeting__name {
                    margin-bottom: min(19px, calc(100vw * (19 / 1125)));
                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    font-weight: 700;
                }
            }

            .about__greeting__text {
                font-size: min(1.5rem, calc(100vw * (15 / 1200)));
                line-height: 1.5;
            }
            @media screen and (max-width: 767px) {
                .about__greeting__text {
                    font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                    line-height: 1.75;
                }
            }

    /* .about__list {} */
        .about__item { width: min(100%, 800px) }
        .about__item:not(:last-of-type) { margin-bottom: calc(100% * (80 / 1200)) }
        .about__item:nth-of-type(odd) {
            margin-right: auto;
            margin-left: 0;
        }
        .about__item:nth-of-type(even) {
            margin-right: 0;
            margin-left: auto;
        }
        @media screen and (min-width: 768px) {
            .about__item { display: flex }
        }
        @media screen and (max-width: 767px) {
            .about__item:not(:last-of-type) { margin-bottom: calc(100% * (126 / 1005)) }
        }

            @media screen and (min-width: 768px) {
                .about__imageBox {
                    position: relative;
                    width: 41.25%;
                    min-height: 100%;
                }
                .about__imageBox.fixed {
                    min-height: 0;
                    padding-bottom: min(250px, calc(100vw * (250 / 1005)));
                    padding-bottom: calc(100% * (250 / 800));
                }
                    .about__imageBox img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center top;
                    }
            }
            @media screen and (max-width: 767px) {
                .about__imageBox { margin-bottom: min(43px, calc(100vw * (43 / 1125))); }
            }

            @media screen and (min-width: 768px) {
                .about__textBox {
                    width: 58.75%;
                    padding-left: min(20px, calc(100vw * (20 / 1200)));
                }
            }
                .about__title {
                    margin-bottom: min(3px, calc(100vw * (3 / 1200)));
                    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                    font-weight: 500;
                }
                @media screen and (max-width: 767px) {
                    .about__title {
                        margin-bottom: min(9px, calc(100vw * (9 / 1125)));
                        font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    }
                }

                .about__title--sub {
                    font-family: var(--fontEn);
                    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                    line-height: 1;
                }
                @media screen and (min-width: 768px) {
                    .about__title--sub { margin-bottom: min(15px, calc(100vw * (15 / 1125))) }
                }
                @media screen and (max-width: 767px) {
                    .about__title--sub { font-size: min(3rem, calc(100vw * (30 / 1125))) }
                }

                .about__text {
                    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                    line-height: 1.75;
                }
                @media screen and (max-width: 767px) {
                    .about__text { font-size: min(4.5rem, calc(100vw * (45 / 1125))) }
                }

    @media screen and (min-width: 768px) {
        .about__gallery__list {
            display: flex;
            justify-content: space-between;
        }
    }

        @media screen and (min-width: 768px) {
            .about__gallery__item { width: 30% }
        }
        @media screen and (max-width: 767px) {
            .about__gallery__item:not(:last-of-type) { margin-bottom: min(100px, calc(100vw * (100 / 1125))); }
        }





/*------------------------------------*\
    $TREATMENT
\*------------------------------------*/
.treatment:not(:last-of-type) { margin-bottom: min(120px, calc(100vw * (120 / 1200))) }
@media screen and (max-width: 767px) {
    .treatment:not(:last-of-type) { margin-bottom: min(100px, calc(100vw * (100 / 1125))) }
}

@media screen and (min-width: 768px) {
    .treatment.treatment--underline {
        padding-bottom: min(60px, calc(100vw * (60 / 1200)));
        border-bottom: 1px solid var(--gray);
    }
}

    .treatment__block {}
    @media screen and (min-width: 768px) {
        .treatment__block {
            display: flex;
            justify-content: space-between;
        }
    }

    @media screen and (max-width: 767px) {
        .treatment__block--reverseSP {
            display: flex;
            flex-direction: column-reverse;
        }
    }


        @media screen and (min-width: 768px) {
            .treatment__imageBox { position: relative }
            .treatment__imageBox:first-child {
                width: min(460px, calc(100% * (460 / 950)));
                margin-right: calc(100% * (50 / 1200));
            }
            .treatment__imageBox:last-child {
                width: calc(100% * (500 / 1200));
                margin-left: calc(100% * (38 / 1200));
            }
            .treatment__imageBox:only-child {
                width: 100%;
                margin: 0;
            }
            .treatment__textBox + .treatment__imageBox {
                width: 40%;
                margin-left: min(98px, calc(100vw * (98 / 1200)));
            }
                .treatment__imageBox img {
                    position: absolute;
                    inset: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: top center;
                }
        }
        @media screen and (max-width: 767px) {
            .treatment__imageBox { margin-bottom: 3% }
            .treatment__textBox + .treatment__imageBox { margin-top: 3% }
            .treatment__block--reverseSP .treatment__textBox + .treatment__imageBox { margin-bottom: 3% }
        }

        @media screen and (min-width: 768px) {
            .treatment__imageBox + .treatment__textBox { padding-top: min(17px, calc(100vw * (17 / 1200))) }
            .treatment__block > .treatment__textBox {
                flex-grow: 1;
                width: 1px;
            }
            .treatment__textBox:only-child { width: 100% }
        }
        @media screen and (max-width: 767px) {
            .treatment__block--reverseSP .treatment__imageBox + .treatment__textBox { margin-bottom: 3% }
        }


            .treatment__title {
                margin-bottom: 3px;
                font-size: min(2.2rem, calc(100vw * (22 / 1200)));
                font-weight: 500;
                line-height: 1.75;
                letter-spacing: .2em;
            }
            @media screen and (max-width: 767px) {
                .treatment__title {
                    margin-bottom: .1875em;
                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    letter-spacing: .15em;
                }
                .treatment__textBox:only-child .treatment__title { text-align: center }
            }

            .treatment__text {
                font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                line-height: 2.25;
            }
            .treatment__list + .treatment__text { padding-top: 1.5em }
            @media screen and (max-width: 767px) {
                .treatment__text {
                    font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                    line-height: 1.75;
                }
                .treatment__text.center--sp { text-align: center }
            }

                :is(.treatment__title, .treatment__text) span {
                    background-image: linear-gradient(var(--green), var(--green));
                    background-repeat: no-repeat;
                    background-position: bottom left;
                    background-size: 100% max(2px, .1em);
                }

            .treatment__list {}
            .treatment__list--separate { display: flex }
            .treatment__list--separate .treatment__list { width: 50% }
            @media screen and (max-width: 767px) {
                .treatment__list.center--sp {
                    width: max-content;
                    margin-right: auto;
                    margin-left: auto;
                }
            }
                .treatment__item {
                    padding-top: .125em;
                    padding-left: 1.4375em;
                    padding-bottom: .125em;
                    background-image: url(../images/common/icon-footer-arrow.png);
                    background-repeat: no-repeat;
                    background-position: top .5625em left;
                    background-size: 1.125em;
                    font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                    line-height: 2;
                }
                @media screen and (max-width: 767px) {
                    .treatment__item {
                        padding-left: calc(1em * (82 / 45));
                        background-position: top .6em left .6em;
                        background-size: .8em;
                        font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                        line-height: 1.75;
                    }
                }

        .treatment__frame {
            width: 100%;
            padding-right: min(124px, calc(100vw * (124 / 1200)));
            padding-left: min(124px, calc(100vw * (124 / 1200)));
            padding-bottom: min(62px, calc(100vw * (62 / 1200)));
            border: max(1px, calc(100vw * (2 / 1200))) solid var(--black);
        }
        @media screen and (max-width: 767px) {
            .treatment__frame {
                padding-right: min(38px, calc(100vw * (38 / 1125)));
                padding-left: min(38px, calc(100vw * (38 / 1125)));
                padding-bottom: min(148px, calc(100vw * (148 / 1125)));
                border-width: max(1px, calc(100vw * (4 / 1125)));
            }
        }


            .treatment__frame__title {
                width: max-content;
                padding-right: min(40px, calc(100vw * (40 / 1200)));
                padding-left: min(40px, calc(100vw * (40 / 1200)));
                margin-top: calc(-1 * min(12px, calc(100vw * (12 / 1200))));
                margin-right: auto;
                margin-left: auto;
                margin-bottom: min(57px, calc(100vw * (57 / 1200)));
                background-color: var(--white);
                text-align: center;
                white-space: nowrap;
            }
            @media screen and (max-width: 767px) {
                .treatment__frame__title {
                    padding-right: min(56px, calc(100vw * (56 / 1125)));
                    padding-left: min(56px, calc(100vw * (56 / 1125)));
                    margin-top: calc(-1 * min(37px, calc(100vw * (37 / 1125))));
                    margin-bottom: min(67px, calc(100vw * (67 / 1125)));
                }
                .treatment__frame__title.min-title {
                    position: relative;
                    left: 50%;
                    transform: translateX(-50%);
                    padding-right: min(28px, calc(100vw * (28 / 1125)));
                    padding-left: min(28px, calc(100vw * (28 / 1125)));
                }
            }
                .treatment__frame__title strong {
                    display: block;
                    margin-bottom: .333em;
                    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                    font-weight: 700;
                    line-height: 1;
                }
                @media screen and (max-width: 767px) {
                    .treatment__frame__title strong {
                        margin-bottom: .236em;
                        font-size: min(7.2rem, calc(100vw * (72 / 1125)));
                    }
                    .treatment__frame__title.min-title strong {
                        font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                    }
                }

                .treatment__frame__title span {
                    display: block;
                    font-family: var(--fontEn);
                    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                    font-weight: 600;
                    line-height: 1;
                }
                @media screen and (max-width: 767px) {
                    .treatment__frame__title span { font-size: min(3.6rem, calc(100vw * (36 / 1125))) }
                }

            .treatment__frame__content {}

                .treatment__frame__content .frame__content__upper { margin-top: calc(-1 * min(20px, calc(100vw * (20 / 1200)))) }
                @media screen and (max-width: 767px) {
                    .treatment__frame__content .frame__content__upper { margin-top: calc(-1 * min(20px, calc(100vw * (20 / 1125)))) }
                }

                .treatment__frame__block {
                    padding-bottom: min(25px, calc(100vw * (25 / 1200)));
                    margin-bottom: min(50px, calc(100vw * (50 / 1200)));
                    border-bottom: 1px solid var(--black);
                }
                @media screen and (max-width: 767px) {
                    .treatment__frame__block {
                        padding-bottom: min(56px, calc(100vw * (56 / 1125)));
                        margin-bottom: min(120px, calc(100vw * (120 / 1125)));
                    }
                    .treatment__frame__block:last-child {
                        padding-bottom: 0;
                        margin-bottom: 0;
                        border-bottom: none;
                    }
                }

                @media screen and (min-width: 768px) {
                    .treatment__frame__block.list-line {
                        display: flex;
                        align-items: center;
                    }
                }

                    .treatment__frame__block__title {
                        margin-bottom: 1em;
                        font-size: min(2rem, calc(100vw * (20 / 1200)));
                        font-weight: 700;
                        line-height: 1.75;
                    }
                    @media screen and (min-width: 768px) {
                        .treatment__frame__block.list-line .treatment__frame__block__title {
                            margin-bottom: 0;
                            width: calc(100% * (310 / 950));
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .treatment__frame__block__title {
                            margin-bottom: .5em;
                            font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                        }
                    }
                        .treatment__frame__block__title span {
                            background-image: linear-gradient(var(--green), var(--green));
                            background-repeat: no-repeat;
                            background-position: bottom left;
                            background-size: 100% .1em;
                        }

                    .treatment__frame__block__text {
                        font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                        line-height: 1.75;
                    }
                    @media screen and (min-width: 768px) {
                        .treatment__frame__block.list-line .treatment__frame__block__text { width: calc(100% * (640 / 950)) }
                    }
                    @media screen and (max-width: 767px) {
                        .treatment__frame__block__text { font-size: min(4.5rem, calc(100vw * (45 / 1200))) }
                    }
                        .treatment__frame__block__text span {
                            font-size: min(1.2rem, calc(100vw * (12 / 1200)));
                            line-height: 1.75;
                        }
                        @media screen and (max-width: 767px) {
                            .treatment__frame__block__text span {
                                font-size: min(3.6rem, calc(100vw * (36 / 1200)));
                                line-height: 1.75;
                            }
                        }
                        .treatment__frame__block__text strong {
                            color: #444444;
                            font-weight: 900;
                        }
                        .treatment__frame__block__text mark {
                            color: inherit;
                            background-color: transparent;
                            background-image: linear-gradient(var(--green), var(--green));
                            background-repeat: no-repeat;
                            background-position: bottom left;
                            background-size: 100% .1em;
                        }


                .treatment__frame__text {
                    font-size: min(1.8rem, calc(100vw * (18 / 1200)));
                    font-weight: 500;
                    line-height: 1.75;
                }
                .treatment__frame__text:not(:last-child) { margin-bottom: min(60px, calc(100vw * (60 / 1200))) }
                @media screen and (max-width: 767px) {
                    .treatment__frame__text {
                        font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                        font-weight: 400;
                    }
                    .treatment__frame__text:not(:last-child) {
                        padding-bottom: 1em;
                        margin-bottom: 3em;
                        border-bottom: 1px solid var(--black);
                    }
                }


        .treatment__price {
            padding-right: min(54px, calc(100vw * (54 / 1200)));
            padding-left: min(54px, calc(100vw * (54 / 1200)));
            padding-bottom: min(50px, calc(100vw * (50 / 1200)));
            border: max(1px, calc(100vw * (2 / 1200))) solid var(--black);
        }
        @media screen and (min-width: 768px) {
            .treatment__price {
                flex-grow: 1;
                width: 1px;
            }
        }
        @media screen and (max-width: 767px) {
            .treatment__price {
                padding-right: min(40px, calc(100vw * (40 / 1125)));
                padding-left: min(40px, calc(100vw * (40 / 1125)));
                padding-bottom: min(87px, calc(100vw * (87 / 1125)));
                margin-top: min(142px, calc(100vw * (142 / 1125)));
                border-width: max(1px, calc(100vw * (4 / 1125)));
            }
            .treatment__block:not(.treatment__block--reverseSP) .treatment__price {
                margin-bottom: min(90px, calc(100vw * (90 / 1125)));
            }
        }


            .treatment__price__title {
                width: max-content;
                padding-right: min(20px, calc(100vw * (20 / 1200)));
                padding-left: min(20px, calc(100vw * (20 / 1200)));
                margin-top: calc(-1 * min(10px, calc(100vw * (10 / 1200))));
                margin-right: auto;
                margin-left: min(24px, calc(100vw * (24 / 1200)));
                margin-bottom: min(32px, calc(100vw * (32 / 1200)));
                background-color: var(--white);
                font-family: var(--fontEn);
                font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                font-weight: 600;
                text-align: center;
                white-space: nowrap;
            }
            @media screen and (max-width: 767px) {
                .treatment__price__title {
                    padding-right: min(42px, calc(100vw * (42 / 1125)));
                    padding-left: min(42px, calc(100vw * (42 / 1125)));
                    margin-top: calc(-1 * min(19px, calc(100vw * (19 / 1125))));
                    margin-bottom: min(60px, calc(100vw * (60 / 1125)));
                    font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                }
            }

            .treatment__price__content {}
                .treatment__price__block {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    height: 2em;
                    padding-top: min(24px, calc(100vw * (24 / 1200)));
                    border-bottom: 1px solid var(--black);
                    font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                    font-weight: 700;
                    box-sizing: content-box;
                }
                @media screen and (max-width: 767px) {
                    .treatment__price__block {
                        height: calc(1em * (98 / 45));
                        padding-top: min(16px, calc(100vw * (16 / 1125)));
                        font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                    }
                }

                    .treatment__price__block__title {}

                    @media screen and (min-width: 768px) {
                        .treatment__price__block__text { font-size: min(1.6rem, calc(100vw * (16 / 1200))) }
                    }
                        @media screen and (max-width: 767px) {
                            .treatment__price__block__text span {
                                display: inline-block;
                                padding-right: .5em;
                                font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                            }
                        }

                .treatment__price__caution {
                    width: max-content;
                    max-width: 100%;
                    padding-top: 1em;
                    padding-left: 1em;
                    font-size: 1.1rem;
                    line-height: 1.75;
                    text-indent: -1em;
                }
                @media screen and (min-width: 768px) {
                    .treatment__price__caution {
                        margin-right: 0;
                        margin-left: auto;
                    }
                }
                @media screen and (max-width: 767px) {
                    .treatment__price__caution {
                        padding-top: .25em;
                        padding-left: 1em;
                        font-size: min(3rem, calc(100vw * (30 / 1125)));
                        text-indent: -1em;
                    }
                }


        .treatment__captionBox { width: 100% }
        @media screen and (min-width: 768px) {
            .treatment__captionBox { display: flex }
        }

            @media screen and (min-width: 768px) {
                .treatment__caption { width: calc(100% * (125 / 1200)) }
            }
            @media screen and (max-width: 767px) {
                .treatment__caption {
                    margin-bottom: min(46px, calc(100vw * (46 / 1125)));
                    text-align: center;
                }
            }
                .treatment__caption strong,
                .treatment__caption span {
                    display: block;
                    line-height: 1;
                    white-space: nowrap;
                }
                .treatment__caption strong {
                    margin-bottom: .333em;
                    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                    font-weight: 700;
                }
                .treatment__caption span {
                    font-family: var(--fontEn);
                    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                    font-weight: 600;
                }
                @media screen and (max-width: 767px) {
                    .treatment__caption strong {
                        margin-bottom: .2em;
                        font-size: min(7.2rem, calc(100vw * (72 / 1125)));
                    }
                    .treatment__caption span { font-size: min(3.6rem, calc(100vw * (36 / 1125))) }
                }

            @media screen and (min-width: 768px) {
                .treatment__caption__content {
                    display: flex;
                    justify-content: space-between;
                    width: calc(100% * (1075 / 1200));
                }
            }

            @media screen and (min-width: 768px) {
                .treatment__inlineImageText { width: calc(100% * (548 / 1075)) }
                .treatment__inlineImageText:only-child { width: 100% }
            }
                .treatment__inline__title {
                    margin-bottom: .5em;
                    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                    font-weight: 700;
                    line-height: 1.5;
                }
                .treatment__inline__title.treatment__inline__title--small {
                    font-family: var(--fontEn);
                    font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                    font-weight: 600;
                }
                @media screen and (max-width: 767px) {
                    .treatment__inline__title { font-size: min(4.8rem, calc(100vw * (48 / 1125))) }
                    .treatment__inline__title.treatment__inline__title--wide {
                        font-size: min(6rem, calc(100vw * (60 / 1125)));
                        font-weight: 500;
                        line-height: 1.75;
                        letter-spacing: .02em;
                    }
                    .treatment__inline__title.treatment__inline__title--small {
                        font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                    }
                }


                    .treatment__inline__title span {
                        background-image: linear-gradient(var(--green), var(--green));
                        background-repeat: no-repeat;
                        background-position: bottom left;
                        background-size: 100% .1em;
                    }

                .treatment__inline__text {
                    margin-bottom: 1.75em;
                    font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                    line-height: 1.75;
                }
                @media screen and (max-width: 767px) {
                    .treatment__inline__text { font-size: min(4.5rem, calc(100vw * (45 / 1125))) }
                }

                .treatment__inline__image {
                    content-visibility: auto;
                    display: none;
                }
                @media screen and (max-width: 767px) {
                    .treatment__inline__image {
                        display: block;
                        margin-bottom: min(60px, calc(100vw * (60 / 1125)));
                    }
                }


            .treatment__inlineImageSets {
                content-visibility: auto;
                width: calc(100% * (430 / 1075));
            }
            @media screen and (max-width: 767px) {
                .treatment__inlineImageSets { display: none }
            }
                .treatment__inlineImageSets img:not(:last-child) { margin-bottom: 24% }


            .treatment__flow {}
                .treatment__flow__description {
                    font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                    font-weight: 500;
                    line-height: 1.75;
                }
                .treatment__flow__description:not(:last-child) { margin-bottom: 2em }
                @media screen and (max-width: 767px) {
                    .treatment__flow__description { font-size: min(4.8rem, calc(100vw * (48 / 1125))) }
                }

                    .treatment__flow__description mark {
                        color: inherit;
                        background-color: transparent;
                        background-image: linear-gradient(var(--green), var(--green));
                        background-repeat: no-repeat;
                        background-position: bottom left;
                        background-size: 100% .1em;
                    }

                    @media screen and (min-width: 768px) {
                        .treatment__flow__description span { font-size: min(2rem, calc(100vw * (20 / 1200))) }
                    }

                .treatment__flow__list {
                    position: relative;
                    padding-top: min(28px, calc(100vw * (28 / 1200)));
                    padding-left: min(60px, calc(100vw * (60 / 1200)));
                    margin-bottom: min(20px, calc(100vw * (20 / 1200)));
                }
                @media screen and (max-width: 767px) {
                    .treatment__flow__list {
                        padding-top: min(54px, calc(100vw * (54 / 1125)));
                        padding-left: min(44px, calc(100vw * (44 / 1125)));
                        margin-bottom: min(50px, calc(100vw * (50 / 1125)));
                    }
                }
                    .treatment__flow__list::before {
                        content: "Flow";
                        position: absolute;
                        top: 0;
                        left: min(28px, calc(100vw * (28 / 1200)));
                        height: 100%;
                        border-left: min(2px, calc(100vw * (2 / 1200))) solid var(--green);
                        padding-left: min(30px, calc(100vw * (30 / 1200)));
                        font-family: var(--fontEn);
                        font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                        font-weight: 600;
                        line-height: 1;
                        white-space: nowrap;
                        pointer-events: none;
                    }
                    .treatment__flow__list::after {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        left: min(28px, calc(100vw * (28 / 1200)));
                        transform: rotate(-30deg);
                        transform-origin: bottom left;
                        width: min(2px, calc(100vw * (2 / 1200)));
                        height: min(40px, calc(100vw * (40 / 1200)));
                        background-color: var(--green);
                    }
                    @media screen and (max-width: 767px) {
                        .treatment__flow__list::before {
                            left: min(27px, calc(100vw * (27 / 1125)));
                            border-left-width: min(4px, calc(100vw * (4 / 1125)));
                            padding-left: min(13px, calc(100vw * (13 / 1125)));
                            font-size: min(3.6rem, calc(100vw * (36 / 1125)));
                        }
                        .treatment__flow__list::after {
                            left: min(27px, calc(100vw * (27 / 1125)));
                            width: min(4px, calc(100vw * (4 / 1125)));
                            height: min(50px, calc(100vw * (50 / 1125)));
                        }
                    }

                        .treatment__flow__item:not(:last-of-type) { margin-bottom: min(50px, calc(100vw * (50 / 1200))) }
                        @media screen and (max-width: 767px) {
                            .treatment__flow__item:not(:last-of-type) { margin-bottom: min(92px, calc(100vw * (92 / 1125))) }
                        }
                            .treatment__flow__title {
                                margin-bottom: .5em;
                                font-size: min(2.2rem, calc(100vw * (22 / 1200)));
                                font-weight: 700;
                                line-height: 1;
                                white-space: nowrap;
                            }
                            @media screen and (max-width: 767px) {
                                .treatment__flow__title {
                                    margin-bottom: .125em;
                                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                                }
                            }

                            .treatment__flow__text {
                                font-size: min(1.6rem, calc(100vw * (16 / 1200)));
                                line-height: 1.75;
                            }
                            @media screen and (max-width: 767px) {
                                .treatment__flow__text { font-size: min(4.5rem, calc(100vw * (45 / 1125))) }
                            }


            .treatment__number__list {
                padding-top: min(74px, calc(100vw * (74 / 1200)));
            }






    .treatment__bigText {
        width: max-content;
        max-width: 100%;
        font-size: min(2.4rem, calc(100vw * (24 / 1200)));
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: .02em;
    }
    .treatment__bigText:not(.left) {
        margin-right: auto;
        margin-left: auto;
    }
    @media screen and (max-width: 767px) {
        .treatment__bigText { font-size: min(6rem, calc(100vw * (60 / 1125))) }
    }

    .treatment__smallText {
        margin-bottom: 2.25em;
        font-size: min(1.6rem, calc(100vw * (16 / 1200)));
        line-height: 2;
    }
    @media screen and (max-width: 767px) {
        .treatment__smallText { font-size: min(3.6rem, calc(100vw * (36 / 1125))) }
    }

        :is(.treatment__bigText, .treatment__smallText) span {
            background-image: linear-gradient(var(--green), var(--green));
            background-repeat: no-repeat;
            background-position: bottom left;
            background-size: 100% .1em;
        }





.accident__list {
    padding-top: min(50px, calc(100vw * (50 / 1200)));
    padding-bottom: min(60px, calc(100vw * (60 / 1200)));
}
    .accident__item { margin-bottom: min(80px, calc(100vw * (80 / 1200))) }
    @media screen and (min-width: 768px) {
        .accident__item { display: flex }
    }
        @media screen and (min-width: 768px) {
            .accident__textBox {
                width: calc(100% * (500 / 830));
                padding-top: min(10px, calc(100vw * (10 / 1200)));
                padding-right: min(45px, calc(100vw * (45 / 1200)));
            }
        }
        @media screen and (max-width: 767px) {
            .accident__textBox { padding-bottom: min(5px, calc(100vw * (5 / 1125))) }
        }
            .accident__title {
                margin-bottom: 0.5em;
                font-size: min(2.4rem, calc(100vw * (24 / 1200)));
                font-weight: 500;
                line-height: 1;
            }
            @media screen and (max-width: 767px) {
                .accident__title {
                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                }
            }

            .accident__title--min {
                margin-bottom: 1em;
				font-family: var(--fontEn);
				font-size: 1.4rem;
                font-weight: 600;
                line-height: 1;
            }
            @media screen and (max-width: 767px) {
                .accident__title--min {
                    margin-bottom: .3em;
                    font-size: min(3rem, calc(100vw * (30 / 1125)));
                }
            }

            .accident__text {
                font-size: min(1.4rem, calc(100vw * (14 / 1200)));
                line-height: 1.75;
            }
            @media screen and (max-width: 767px) {
                .accident__text { font-size: min(4.5rem, calc(100vw * (45 / 1125))) }
            }

        @media screen and (min-width: 768px) {
            .accident__imageBox { width: calc(100% * (330 / 830)) }
        }





.accident__point {
    position: relative;
    border: max(1px, calc(100vw * (2 / 1200))) solid var(--black);
}
@media screen and (min-width: 768px) {
    .accident__point {
        flex-grow: 1;
        width: 1px;
    }
}
@media screen and (max-width: 767px) {
    .accident__point { border-width: max(1px, calc(100vw * (4 / 1125))) }
}

    .accident__point__title {
        position: absolute;
        width: max-content;
        left: min(28px, calc(100vw * (28 / 1200)));
        padding-right: calc(1em * (18 / 14));
        padding-left: calc(1em * (18 / 14));
        margin-top: -.5em;
        background-color: var(--white);
        font-family: var(--fontEn);
        font-size: min(1.4rem, calc(100vw * (14 / 1200)));
        font-weight: 600;
        white-space: nowrap;
    }
    @media screen and (max-width: 767px) {
        .accident__point__title { font-size: min(3.6rem, calc(100vw * (36 / 1125))) }
    }

    .accident__point__content {
        padding-top: min(74px, calc(100vw * (74 / 1200)));
        padding-right: min(108px, calc(100vw * (108 / 1200)));
        padding-left: min(108px, calc(100vw * (108 / 1200)));
        padding-bottom: min(32px, calc(100vw * (32 / 1200)));
    }
    @media screen and (max-width: 767px) {
        .accident__point__content {
            padding-top: min(103px, calc(100vw * (103 / 1125)));
            padding-right: min(45px, calc(100vw * (45 / 1125)));
            padding-left: min(83px, calc(100vw * (83 / 1125)));
            padding-bottom: min(60px, calc(100vw * (60 / 1125)));
        }
    }

    .accident__point__list {}
        .accident__point__item {
            position: relative;
            padding-left: min(14px, calc(100vw * (14 / 1200)));
            margin-bottom: min(15px, calc(100vw * (15 / 1200)));
            font-size: min(1.8rem, calc(100vw * (18 / 1200)));
            line-height: calc(1em * (30 / 18));
        }
        @media screen and (max-width: 767px) {
            .accident__point__item {
                position: relative;
                padding-left: min(39px, calc(100vw * (39 / 1125)));
                margin-bottom: 1.75em;
                font-size: min(4.5rem, calc(100vw * (45 / 1125)));
                line-height: 1.75;
            }
        }

            .accident__point__item::before {
                position: absolute;
                top: 0;
                left: 0;
            }
            .accident__point__item:nth-of-type(1)::before { content: "1" }
            .accident__point__item:nth-of-type(2)::before { content: "2" }
            .accident__point__item:nth-of-type(3)::before { content: "3" }
            .accident__point__item:nth-of-type(4)::before { content: "4" }
            .accident__point__item:nth-of-type(5)::before { content: "5" }

    .accident__point__linkBox {
        display: flex;
        justify-content: flex-end;
    }
        .accident__point__link {
            position: relative;
            display: block;
            width: calc(1em * (200 / 12));
            padding-left: 1.75em;
            font-size: min(1.2rem, calc(100vw * (12 / 1200)));
            font-weight: 500;
            line-height: calc(27 / 12);
            letter-spacing: .1em;
            white-space: nowrap;
            transition:
                color .3s var(--easeOutQuart),
                width .3s var(--easeOutQuart);
        }
        @media screen and (min-width: 768px) {
            .accident__point__link:hover {
                width: calc(1em * (215 / 12));
                color: var(--brown);
            }
        }
        @media screen and (max-width: 767px) {
            .accident__point__link {
                width: calc(1em * (500 / 30));
                padding-left: .875em;
                font-size: min(3rem, calc(100vw * (30 / 1125)));
                line-height: calc(68 / 30);
            }
        }
            .accident__point__link::before,
            .accident__point__link::after {
                content: "";
                position: absolute;
                bottom: 0;
                right: 0;
                height: max(1px, calc(100vw * (2 / 1200)));
                background-color: var(--black);
                transition: background-color .3s var(--easeOutQuart),
            }
            .accident__point__link::before { width: 100% }
            .accident__point__link::after {
                transform: rotate(30deg);
                transform-origin: top right;
                width: min(15px, calc(100vw * (15 / 1200)));
            }
            @media screen and (min-width: 768px) {
                .accident__point__link:hover::before,
                .accident__point__link:hover::after { background-color: var(--brown) }
            }
            @media screen and (max-width: 767px) {
                .accident__point__link::after { width: min(50px, calc(100vw * (50 / 1125))) }
            }




.price {
    position: relative;
    width: 100%;
    border: min(2px, calc(100vw * (2 / 1200))) solid var(--black);
}
@media screen and (max-width: 767px) {
    .price { border-width: min(4px, calc(100vw * (4 / 1125))) }
}

    .price__title {
        position: absolute;
        top: -.5em;
        left: calc(1em * (43 / 18));
        width: calc(1em * (100 / 18));
        background-color: var(--white);
        font-family: var(--fontEn);
        font-size: min(1.8rem, calc(100vw * (18 / 1200)));
        font-weight: 600;
        line-height: 1;
        text-align: center;
    }
    @media screen and (max-width: 767px) {
        .price__title {
            left: calc(1em * (46 / 36));
            width: calc(1em * (150 / 36));
            font-size: min(3.6rem, calc(100vw * (36 / 1125)));
        }
    }

    .price__content {
        padding-top: min(73px, calc(100vw * (73 / 1200)));
        padding-right: min(184px, calc(100vw * (184 / 1200)));
        padding-left: min(184px, calc(100vw * (184 / 1200)));
        padding-bottom: min(79px, calc(100vw * (79 / 1200)));
    }
    @media screen and (max-width: 767px) {
        .price__content {
            padding-top: min(150px, calc(100vw * (150 / 1125)));
            padding-right: min(40px, calc(100vw * (40 / 1125)));
            padding-left: min(40px, calc(100vw * (40 / 1125)));
            padding-bottom: min(93px, calc(100vw * (93 / 1125)));
        }
    }

        .price__text {
            font-size: min(2rem, calc(100vw * (20 / 1200)));
            line-height: 1.75;
        }
        @media screen and (max-width: 767px) {
            .price__text { font-size: min(4.8rem, calc(100vw * (48 / 1125))) }
        }

        .price__block { padding-top: min(48px, calc(100vw * (48 / 1200))) }
        @media screen and (max-width: 767px) {
            .price__block {
                padding-top: min(106px, calc(100vw * (106 / 1125)));
                padding-bottom: min(103px, calc(100vw * (103 / 1125)));
            }
        }
            .price__caption {
                width: max-content;
                --topUnder: min(2px, calc(100vw * (2 / 1200)));
                padding-top: var(--topUnder);
                margin-right: auto;
                margin-left: auto;
                border-bottom: var(--topUnder) solid var(--green);
                font-size: min(2rem, calc(100vw * (20 / 1200)));
                font-weight: 500;
                line-height: 1.25;
                white-space: nowrap;
            }
            @media screen and (min-width: 768px) {
                .price__caption { margin-bottom: min(6px, calc(100vw * (6 / 1200))) }
            }
            @media screen and (max-width: 767px) {
                .price__caption {
                    --topUnder: min(4px, calc(100vw * (4 / 1125)));
                    font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                    line-height: 1;
                }
            }

                .price__inner {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding-top: min(6px, calc(100vw * (6 / 1200)));
                    margin-bottom: min(47px, calc(100vw * (47 / 1200)));
                    border-bottom: 1px solid var(--black);
                }
                @media screen and (max-width: 767px) {
                    .price__inner {
                        padding-top: min(63px, calc(100vw * (63 / 750)));
                        margin-bottom: min(27px, calc(100vw * (27 / 750)));
                    }
                }
                    .price__block__title {
                        font-size: min(2rem, calc(100vw * (20 / 1200)));
                        font-weight: 500;
                        line-height: 1.65;
                    }
                    @media screen and (max-width: 767px) {
                        .price__block__title {
                            font-size: min(4.8rem, calc(100vw * (48 / 1125)));
                            line-height: 1.25;
                        }
                    }

                    .price__block__text { font-size: min(1.6rem, calc(100vw * (16 / 1200))) }
                    @media screen and (max-width: 767px) {
                        .price__block__text { font-size: min(4.5rem, calc(100vw * (45 / 1125))) }
                    }




