@charset "UTF-8";

/* common */
.h-header {
    z-index: 15;
}

.h-nav-treatmentListArea {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 80vh;
    overflow-y: scroll;
}

.renewal-inner {
    width: min(1100px, 92%);
    margin-inline: auto;
}

.renewal-innerL {
    width: min(1500px, 92%);
    margin-inline: auto;
}

.renewal-innerS {
    width: min(960px, 92%);
    margin-inline: auto;
}

.renewal-bg-brown {
    background-color: #e2dfdc;
}

.renewal-bg-lightblue {
    background-color: #eaf1f3;
}

.renewal-bg-blue {
    background-color: #dee6ec;
}

.c-txt-brown {
    color: #6f6050;
}

.c-txt-renewal-blue {
    color: #122b54;
}

/* renewal-mv */
.renewal-mv {
    aspect-ratio: 16 / 5;
    display: grid;
    align-items: center;
}

@media screen and (max-width: 1500px) {
    .renewal-mv {
        aspect-ratio: 12 / 5;
    }
}

@media screen and (max-width: 768px) {
    .renewal-mv {
        aspect-ratio: 4 / 3;
        position: relative;
    }
}

@media screen and (max-width: 425px) {
    .renewal-mv {
        aspect-ratio: 5 / 6;
    }
}

.renewal-mv-text-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: max(4%, calc((100vw - 1200px) / 2));
    margin-right: 4%;
}

@media screen and (max-width: 768px) {
    .renewal-mv-text-wrap {
        margin-left: 2%;
        margin-right: 12%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

.renewal-mv-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: clamp(48px, 5.33vw, 80px);
    font-size: clamp(20px, 3.33vw, 50px);
    font-weight: 700;
    letter-spacing: 0.16em;
    padding-left: clamp(16px, 1.6vw, 24px);
    padding-right: clamp(16px, 1.6vw, 24px);
    background-color: #ffffff;
}

@media screen and (max-width: 768px) {
    .renewal-mv-title {
        height: auto;
        min-height: clamp(48px, 5.33vw, 80px);
        line-height: 1.2;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
    }
}

.renewal-mv-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: clamp(48px, 5.33vw, 80px);
    margin-top: 1em;
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    line-height: 1.3;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: clamp(16px, 1.6vw, 24px);
    padding-right: clamp(16px, 1.6vw, 24px);
    background-color: #ffffff;
}

@media screen and (max-width: 768px) {
    .renewal-mv-text {
        margin-top: 0.5em;
    }
}

/* renewal-template */
.renewal-template-mv {
    background: url(../images/renewal_2024/renewal-template-mv.png) no-repeat right center / cover;
}

/* title */
.renewal-title {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

.renewal-title-text {
    display: block;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.16em;
    font-feature-settings: "palt";
}

.renewal-title-under-text {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
}

/* box-title */
.renewal-box-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(40px, 6.67vw, 100px);
    background-color: #122b54;
    color: #ffffff;
    line-height: 1.2;
}

/* line-title */
.renewal-line-title-box-wrap {
    padding-left: 50px;
    padding-right: 50px;
}

.renewal-line-title-box-wrap:not(:first-child) {
    margin-top: 1px;
}

@media screen and (max-width: 768px) {
    .renewal-line-title-box-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.renewal-line-title {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0.6em;
    padding-left: 0.5em;
    border-left: 5px solid #fff;
    color: #6f6050;
    position: relative;
}

.renewal-line-title::after {
    content: "";
    display: block;
    width: calc(100% + 55px);
    min-width: 44vw;
    height: 1px;
    background-color: #6f6050;
    position: absolute;
    bottom: -0.6em;
    left: -55px;
}

@media screen and (max-width: 768px) {
    .renewal-line-title::after {
        width: calc(100% + 21px);
        left: -21px;
    }
}

/* renewal-left-line-title */
.renewal-left-line-title {
    display: block;
    padding-left: 0.5em;
    border-left: 5px solid #fff;
    color: #6f6050;
}

.renewal-left-line-title-base {
    display: block;
    padding-left: 0.5em;
    border-left: 5px solid #122b54;
    color: #122b54;
}

/* renewal-box-r-title */
.renewal-box-r-title {
    display: grid;
    justify-content: center;
    justify-items: center;
    row-gap: clamp(2px, 0.53vw, 8px);
    padding-top: clamp(10px, 2vw, 30px);
    padding-bottom: clamp(10px, 2vw, 30px);
    padding-left: 4%;
    padding-right: 4%;
    background-color: #e2dfdc;
    border-radius: clamp(12px, 1.07vw, 16px);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.renewal-nomal-r-title {
    width: min(600px, 100%);
    margin-inline: auto;
    padding: 0.5em;
    background-color: #122b54;
    border-radius: 2em;
    color: #fff;
    text-align: center;
}

/* read-text */
.renewal-read-text {
    display: block;
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    line-height: 2;
}

/* font family */
.renewal-font-barlow {
    font-family: "Barlow", sans-serif;
}

/* link */
.renewal-link-item:not(:last-child) {
    margin-bottom: 0.8em;
}

.renewal-link-item .renewal-link {
    width: 100%;
}

.renewal-link {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.renewal-link::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(32px, 3.33vw, 50px);
    height: clamp(32px, 3.33vw, 50px);
    margin-inline: auto;
    border: 1px solid #333333;
    border-radius: 60px;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%;
    transition: 0.2s ease-in-out;
    transform: scale(1);
}

@media (any-hover: hover) {
    .renewal-link:hover .renewal-link-text {
        opacity: 0.8;
        transition: 0.2s ease-in-out;
    }

    .renewal-link:hover::after {
        background-color: #333333;
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #333333;
        transition: 0.2s ease-in-out;
        transform: scale(1.1);
    }
}

.renewal-link-text {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    font-feature-settings: "palt";
}

/* renewal-link-brown */
.renewal-link.renewal-link-brown::after {
    border-color: #6f6050;
    background: url(../images/renewal_2024/renewal-arrow-brown.svg) no-repeat center center / 50%;
}

@media (any-hover: hover) {
    .renewal-link.renewal-link-brown:hover::after {
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #6f6050;
    }
}

.renewal-link-brown .renewal-link-text {
    color: #6f6050;
}

/* renewal-link-blue */
.renewal-link.renewal-link-blue::after {
    border-color: #122b54;
    background: url(../images/renewal_2024/renewal-arrow-blue.svg) no-repeat center center / 50%;
}

@media (any-hover: hover) {
    .renewal-link.renewal-link-blue:hover::after {
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #122b54;
    }
}

.renewal-link-blue .renewal-link-text {
    color: #122b54;
}

/* vertical-link */
.renewal-vertical-link {
    display: grid;
    align-items: center;
    justify-content: center;
    row-gap: 0.5em;
}

.renewal-vertical-link::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border: 1px solid #333333;
    border-radius: 60px;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%;
    transition: 0.2s ease-in-out;
    transform: scale(1);
}

.renewal-vertical-link-text {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
}

@media (any-hover: hover) {
    .renewal-vertical-link:hover .renewal-vertical-link-text {
        opacity: 0.8;
        transition: 0.2s ease-in-out;
    }

    .renewal-vertical-link:hover::after {
        background-color: #333333;
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #333333;
        transition: 0.2s ease-in-out;
        transform: scale(1.1);
    }
}

/* renewal-button-r */
.renewal-button-r {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #ffffff;
    border-radius: 3em;
}

@media (any-hover: hover) {
    .renewal-button-r:hover {
        background-color: #333333;
        transition: 0.2s ease-in-out;
    }

    .renewal-button-r:hover .renewal-link-text {
        opacity: 1;
        color: #ffffff;
        transition: 0.2s ease-in-out;
    }

    .renewal-button-r:hover .renewal-link.renewal-link-black::after {
        background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%,
            #ffffff;
    }

    .renewal-button-r:has(.renewal-link-blue):hover {
        background-color: #122b54;
    }

    .renewal-button-r:hover .renewal-link.renewal-link-blue::after {
        background: url(../images/renewal_2024/renewal-arrow-blue.svg) no-repeat center center / 50%,
            #ffffff;
    }
}

/* renewal-link-anchor */
.renewal-link-anchor {
    display: grid;
    grid-template-columns: 1fr 1em;
    align-items: center;
    align-content: center;
    justify-items: center;
}

.renewal-link-anchor::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #122b54;
    border-bottom: 0;
    margin-top: 0.1em;
    transition: 0.2s ease-in-out;
}

@media (any-hover: hover) {
    .renewal-button-r:hover .renewal-link-anchor::after {
        border-top: 12px solid #ffffff;
    }
}

/* renewal-link-nomal */
.renewal-link-nomal {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-content: center;
    -moz-column-gap: clamp(6px, 0.67vw, 10px);
    column-gap: clamp(6px, 0.67vw, 10px);
    font-family: "Barlow", sans-serif;
    font-weight: 700;
}

.renewal-link-nomal::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / contain;
}

@media (any-hover: hover) {
    .renewal-link-nomal:hover {
        opacity: 0.8;
        transition: 0.2s ease-in-out;
    }
}

.renewal-link-box-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border: 1px solid #333333;
    border-radius: 60px;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%;
    transition: 0.2s ease-in-out;
    transform: scale(1);
}

@media (hover: hover) and (pointer: fine) {
    a:hover .renewal-link-box-arrow {
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #333333;
        transition: 0.2s ease-in-out;
        transform: scale(1.1);
    }
}

/* renewal-page-link */
.renewal-page-link-wrap {
    background-color: #dee6ec;
    padding-top: clamp(20px, 2.67vw, 40px);
    padding-bottom: clamp(20px, 2.67vw, 40px);
}

.renewal-page-link-inner {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-page-link-inner {
        grid-template-columns: 1fr;
    }
}

.renewal-page-link-list {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    gap: 1em 5%;
}

.renewal-page-link-flex-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5em 1.5em;
}

.renewal-page-link-flex-item {
    width: fit-content;
}

/* renewal-common-case */
.renewal-common-case-wrap {
    display: grid;
    grid-template-columns: 40% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-common-case-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-common-case-title {
    padding-bottom: 0.5em;
    position: relative;
}

.renewal-common-case-title::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #6c6052;
    position: absolute;
    bottom: 0;
    right: 0;
}

.renewal-common-case-title-area {
    background-color: #f0f0f0;
    padding-top: clamp(30px, 3.33vw, 50px);
    padding-left: calc((100vw - 1460px) / 2);
    padding-right: 12%;
}

@media screen and (max-width: 768px) {
    .renewal-common-case-title-area {
        padding-bottom: 2em;
    }
}

@media screen and (max-width: 1500px) {
    .renewal-common-case-title-area {
        padding-left: 4svw;
    }
}

.renewal-common-case-title-text {
    display: block;
    font-size: clamp(20px, 2.67vw, 40px);
    font-weight: 700;
    color: #122b54;
    letter-spacing: 0.16em;
    font-feature-settings: "palt";
}

.renewal-common-case-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-common-case-list {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

.renewal-common-case-list-item {
    padding-top: clamp(16px, 1.6vw, 24px);
    padding-bottom: clamp(16px, 1.6vw, 24px);
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-common-case-list-item:nth-child(1) {
    background-color: #cccccc;
}

.renewal-common-case-list-item:nth-child(2) {
    background-color: #eaf1f3;
}

.renewal-common-case-list-item:nth-child(3) {
    background-color: #d8e1e5;
}

.renewal-common-case-list-item:nth-child(4) {
    background-color: #dddddd;
}

.renewal-common-case-list-head {
    margin-bottom: clamp(16px, 1.47vw, 22px);
}

.renewal-common-case-list-head-text {
    font-size: clamp(16px, 1.2vw, 18px);
    color: #122b54;
    padding-bottom: 0.8em;
}

.renewal-common-case-list-head-en {
    font-size: clamp(18px, 1.47vw, 22px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
}

.renewal-common-case-head-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
}

.renewal-common-case-head-item {
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 700;
    color: #122b54;
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: baseline;
    gap: 0.5em;
}

.renewal-common-case-head-item:not(:last-child) {
    margin-bottom: 0.3em;
}

.renewal-common-case-head-item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #122b54;
    border-right: 0;
}

.renewal-common-case-image-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 2%;
    margin-bottom: clamp(12px, 1.07vw, 16px);
}

@media screen and (max-width: 768px) {
    .renewal-common-case-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-common-case-image-title {
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(24px, 2.53vw, 38px);
    background-color: #666666;
    border-radius: 2em;
    margin-bottom: 10px;
}

.renewal-common-case-image-block:nth-child(2) .renewal-common-case-image-title {
    font-size: clamp(16px, 1.47vw, 22px);
    background-color: #122b54;
}

.renewal-common-case-image-block:nth-child(1) .renewal-common-case-image {
    position: relative;
}

.renewal-common-case-image-block:nth-child(1) .renewal-common-case-image::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border-radius: 60px;
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 50%;
    left: calc(100% - clamp(13px, 0.93vw, 14px));
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .renewal-common-case-image-block:nth-child(1) .renewal-common-case-image::after {
        top: auto;
        bottom: clamp(-24px, -2vw, -30px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.renewal-common-case-list-item:nth-child(1) .renewal-common-case-image-block:nth-child(1) .renewal-common-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #cccccc;
}

.renewal-common-case-list-item:nth-child(2) .renewal-common-case-image-block:nth-child(1) .renewal-common-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #eaf1f3;
}

.renewal-common-case-detail {
    font-size: clamp(14px, 1.07vw, 16px);
    display: grid;
    grid-template-columns: 6em 1fr;
    gap: 0.5em;
}

.renewal-common-case-detail:not(:last-child) {
    margin-bottom: 0.5em;
}

/* renewal-common-table */
.renewal-common-table {
    width: 100%;
}

.renewal-common-table th,
.renewal-common-table td {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    border-bottom: 1px solid #cccccc;
}

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

    .renewal-common-table th,
    .renewal-common-table td {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
}

.renewal-common-table thead th:not(:first-child) {
    width: 28%;
    background-color: #f2f2f2;
    border-radius: 1em 1em 0 0;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .renewal-common-table thead th:not(:first-child) {
        width: 30%;
        border-radius: 0.5em 0.5em 0 0;
    }
}

.renewal-common-table tbody th {
    background-color: #f2f2f2;
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .renewal-common-table tbody th {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

.renewal-common-table thead th.renewal-common-table-em {
    background-color: #122b54;
    font-size: clamp(18px, 1.33vw, 20px);
    color: #ffffff;
}

.renewal-common-table thead th:not(.renewal-common-table-em) {
    border-left: 1px solid #ffffff;
}

.renewal-common-table td {
    font-size: clamp(14px, 1.07vw, 16px);
}

.renewal-common-table tbody td.renewal-common-table-em {
    background-color: #dee6ec;
    border-left: 3px solid #122b54;
    border-right: 3px solid #122b54;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 700;
}

.renewal-common-table tbody tr:last-child td.renewal-common-table-em {
    border-bottom: 3px solid #122b54;
}

.renewal-common-table.renewal-common-table-line th,
.renewal-common-table.renewal-common-table-line td {
    border: 1px solid #cccccc;
}

.renewal-table-vaT th,
.renewal-table-vaT td {
    vertical-align: top;
}

@media screen and (max-width: 768px) {
    .renewal-table-scroll {
        overflow-x: scroll;
    }

    .renewal-table-scroll table {
        margin-inline: auto;
        width: 1080px;
    }
}

/* renewal-page-nav */
.renewal-page-nav .wp-pagenavi .page,
.renewal-page-nav .wp-pagenavi .current {
    font-family: "Barlow", sans-serif;
}

.renewal-page-nav .wp-pagenavi .nextpostslink,
.renewal-page-nav .wp-pagenavi .previouspostslink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    border: 1px solid #333333;
    border-radius: 60px;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%;
    transition: 0.2s ease-in-out;
    transform: scale(1);
}

/* renewal-recommend-box */
.renewal-recommend-box {
    display: grid;
    grid-template-columns: auto 1fr;
    max-width: 960px;
    margin-inline: auto;
    border: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
    .renewal-recommend-box {
        grid-template-columns: 1fr;
    }
}

.renewal-recommend-title {
    display: grid;
    align-items: flex-start;
    height: 100%;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background-color: #e2dfdc;
    font-size: clamp(18px, 2vw, 30px);
    font-weight: 700;
    color: #6f6050;
}

.renewal-recommend-subject {
    display: grid;
    row-gap: 0.5em;
    height: 100%;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #fff;
}

.renewal-recommend-subject-item {
    display: grid;
    grid-template-columns: 1em 1fr;
    align-items: baseline;
    justify-content: flex-start;
    column-gap: 0.5em;
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    color: #122b54;
}

.renewal-recommend-subject-item::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url(../images/renewal_2024/renewal-icon-check.png) no-repeat center center / contain;
}

/* renewal-common-figure-imageS */
.renewal-common-figure {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 4%;
}

.renewal-common-figure.imageS-r {
    grid-template-columns: 1fr 34%;
}

.renewal-common-figure.imageS-l {
    grid-template-columns: 34% 1fr;
}

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

    .renewal-common-figure,
    .renewal-common-figure.imageS-r,
    .renewal-common-figure.imageS-l {
        grid-template-columns: 1fr;
    }

    .renewal-common-figure-imageS {
        max-width: 420px;
        margin-inline: auto;
    }
}

/* renewal-comment-wrap */
.renewal-comment-wrap {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: 2.4em 5%;
}

.renewal-comment {
    border-radius: clamp(15px, 2vw, 30px);
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}

.renewal-comment::before {
    content: "";
    width: 0;
    height: 0;
    margin-top: 8%;
    border-style: solid;
    border-width: 0.8em 1.5em 0.8em 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    filter: drop-shadow(-18px 0 10px rgba(0, 0, 0, 0.18));
    position: absolute;
    right: 100%;
    top: 0;
}

@media screen and (max-width: 768px) {
    .renewal-comment-wrap {
        grid-template-columns: 1fr;
    }

    .renewal-comment::before {
        border-width: 0 0.2em 1.5em 1em;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
        top: auto;
        bottom: 100%;
        right: 85%;
        filter: drop-shadow(0px -12px 10px rgba(0, 0, 0, 0.18));
    }

    .renewal-comment-image {
        display: grid;
        grid-template-columns: min(180px, 50%) 1fr;
        column-gap: 1em;
        align-items: center;
        justify-items: flex-start;
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
    }
}

/* accordion */
.renewal-accordion {
    display: grid;
    row-gap: 0.8em;
}

.renewal-accordion-title button {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    color: #ffffff;
    background-color: #6f6050;
    border-radius: 1em;
    font-weight: 700;
}

.renewal-accordion-title::before,
.renewal-accordion-title::after {
    content: none;
}

.renewal-accordion-title.p-accordion-title button::before {
    content: "▼";
    display: block;
    width: 1em;
    height: 1.3em;
    background-color: transparent;
    position: initial;
    transform: rotate(0deg);
}

.renewal-accordion-title.p-accordion-title.close-buttom button::before {
    transform: rotate(180deg);
}

.renewal-accordion-area {
    border: 1px solid #6f6050;
    border-radius: 1em;
    margin-top: 0.3em;
}

/* renewal-pagenavi- */
.renewal-pagenavi .wp-pagenavi {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 2.5em;
}

@media screen and (max-width: 768px) {
    .renewal-pagenavi .wp-pagenavi {
        gap: 1.5em;
    }
}

.renewal-pagenavi .wp-pagenavi a {
    text-decoration: none;
}

.renewal-pagenavi .wp-pagenavi .page,
.renewal-pagenavi .wp-pagenavi .current {
    display: block;
    margin: 0 0.5em;
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
    line-height: 40px;
    text-align: center;
    border: none;
}

.renewal-pagenavi .wp-pagenavi .page {
    color: #999;
}

.renewal-pagenavi .wp-pagenavi .current {
    color: #333;
}

.renewal-pagenavi .wp-pagenavi .nextpostslink,
.renewal-pagenavi .wp-pagenavi .previouspostslink {
    display: block;
    width: clamp(32px, 3.33vw, 50px);
    height: clamp(32px, 3.33vw, 50px);
    border: 1px solid #333333;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%;
    color: rgba(0, 0, 0, 0);
    transition: 0.2s ease-in-out;
    transform: scale(1);
}

.renewal-pagenavi .wp-pagenavi .previouspostslink {
    transform: scale(-1, 1);
}

.renewal-pagenavi .wp-pagenavi .nextpostslink:hover,
.renewal-pagenavi .wp-pagenavi .previouspostslink:hover {
    background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
        #333333;
    transition: 0.2s ease-in-out;
}

/* renewal-contents-nav */
.renewal-contents-nav {
    width: min(720px, 92%);
    margin-inline: auto;
    padding: 2em 0;
    background-color: #dee6ec;
}

.renewal-contents-nav-title {
    width: 80%;
    margin-inline: auto;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #122b54;
    font-size: clamp(16px, 1.33vw, 20px);
    color: #122b54;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.2em;
}

.renewal-contents-nav-list {
    width: 80%;
    display: grid;
    row-gap: 0.5em;
}

.renewal-contents-nav-list li {
    line-height: 1.5;
    display: grid;
    grid-template-columns: 1.5em 1fr;
    align-items: flex-start;
    justify-content: flex-start;
}

.renewal-contents-nav-list>li {
    gap: 0.2em;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 700;
}

.renewal-contents-nav-list li::before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: block;
    background: url(../images/renewal_2024/renewal-content-icon.png) no-repeat center center / contain;
}

.renewal-contents-nav-list li a {
    width: calc(100% - 1.5em);
    text-decoration: underline;
}

.renewal-contents-nav-sub-list {
    grid-column: 2 / 3;
}

.renewal-contents-nav-sub-list>li {
    font-size: clamp(12px, 1.07vw, 16px);
    font-weight: 500;
}

.renewal-contents-nav-sub-list>li::before {
    content: "・";
    background: none;
}

.renewal-contents-nav-sub-list li a {
    width: calc(100% - 1.5em);
    text-decoration: underline;
}

/* renewal-contents-box */
.renewal-contents-box {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}

.renewal-contents-box-title {
    padding-top: 0.8em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    background-color: #122b54;
}

.renewal-contents-box-data {
    background-color: #e2dfdc;
}

.renewal-contents-button-area {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    gap: 1em 4%;
    max-width: 600px;
    margin-inline: auto;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .renewal-contents-button-area .renewal-button-r {
        width: 100%;
    }

    .renewal-contents-button-area .renewal-button-r .renewal-link {
        grid-template-columns: 1fr auto;
        width: 100%;
    }

    .renewal-contents-button-area .renewal-button-r .renewal-link-text {
        text-align: center;
    }
}

.renewal-contents-box-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1.5em;
    align-items: center;
    justify-content: center;
}

/* renewal-point-box-title */
.renewal-point-box-title {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
}

.renewal-point-box-title-en {
    display: inline-block;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 700;
    color: #fff;
    font-family: "Barlow", sans-serif;
    background-color: #122b54;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    padding-right: 1em;
    margin-right: 0.5em;
    -webkit-clip-path: polygon(0 0,
            calc(100% - 0.5em) 0,
            100% 50%,
            calc(100% - 0.5em) 100%,
            0 100%);
    clip-path: polygon(0 0,
            calc(100% - 0.5em) 0,
            100% 50%,
            calc(100% - 0.5em) 100%,
            0 100%);
}

/* renewal-page-nav */
.renewal-page-nav-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(8px, 1.87vw, 28px);
}

.renewal-link-item .renewal-link::after {
    width: clamp(20px, 2.13vw, 32px);
    height: clamp(20px, 2.13vw, 32px);
}

.renewal-page-nav-box {
    padding-top: clamp(8px, 2vw, 30px);
    padding-bottom: clamp(8px, 2vw, 30px);
    padding-left: clamp(8px, 2.27vw, 34px);
    padding-right: clamp(8px, 2.27vw, 34px);
    border: 1px solid #cccccc;
}

.renewal-page-nav-title {
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
    font-size: clamp(16px, 2vw, 30px);
    font-weight: 700;
    letter-spacing: 0.16em;
    color: #122b54;
    border-bottom: 2px solid #122b54;
}

@media screen and (max-width: 768px) {
    .renewal-page-nav-title {
        letter-spacing: 0;
    }

    .renewal-page-nav-box .renewal-link {
        -moz-column-gap: 0.2em;
        column-gap: 0.2em;
    }

    .renewal-page-nav-box .renewal-link-text {
        font-size: clamp(14px, 1.87vw, 28px);
    }
}

.renewal-page-nav-title .renewal-link {
    width: auto;
}

/* renewal-page-check-list */
.renewal-page-check-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5em 2%;
}

@media screen and (max-width: 768px) {
    .renewal-page-check-list {
        grid-template-columns: 1fr;
        width: fit-content;
        margin-inline: auto;
    }
}

.renewal-page-check-item {
    display: grid;
    grid-template-columns: clamp(20px, 2.13vw, 36px) auto;
    gap: 0.2em;
    align-items: center;
    justify-content: flex-start;
    height: 5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #122b54;
}

@media screen and (max-width: 768px) {
    .renewal-page-check-item {
        min-height: 3.8em;
        height: auto;
    }
}

.renewal-page-check-item::before {
    content: "";
    width: clamp(20px, 2.13vw, 36px);
    height: clamp(20px, 2.13vw, 36px);
    display: block;
    background: url(../images/renewal_2024/renewal-icon-check.png) no-repeat center center / contain;
}

.renewal-page-check-text {
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: clamp(14px, 1.2vw, 18px);
    width: -moz-fit-content;
    width: fit-content;
}

/* renewal-treatment */
.renewal-treatment {
    margin-top: 140px;
}

.renewal-treatment-mv {
    background: url(../images/renewal_2024/renewal-treatment-mv.png) no-repeat center center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-mv {
        background-position-x: 70%;
    }
}

.renewal-treatment-main {
    padding-top: clamp(50px, 9.33vw, 140px);
    padding-bottom: clamp(60px, 8vw, 120px);
    background-color: #e2dfdc;
    position: relative;
    z-index: 1;
}

.renewal-treatment-main::before {
    content: "";
    display: block;
    width: 100%;
    height: 32vw;
    background: url(../images/renewal_2024/renewal-treatment-original-bg.png) no-repeat center top / contain;
    mix-blend-mode: multiply;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.renewal-treatment-main-sub-title {
    display: block;
    font-size: clamp(16px, 1.87vw, 28px);
}

.renewal-treatment-deco-text {
    font-size: clamp(20px, 6vw, 75px);
    font-weight: 200;
    color: #999999;
    text-align: center;
    font-family: "Barlow", sans-serif;
}

.renewal-treatment-contents-wrap {
    padding-top: clamp(20px, 4.8vw, 100px);
    padding-bottom: clamp(30px, 4.4vw, 66px);
    padding-left: 4%;
    padding-right: 4%;
    background-color: #ffffff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}

.renewal-treatment-contents-top {
    background-color: #f0f0f0;
}

.renewal-treatment-contents-top:not(:first-child) {
    margin-top: 100px;
    position: relative;
}

.renewal-treatment-contents-top:not(:first-child)::before,
.renewal-treatment-contents-top:not(:first-child)::after {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #333333;
    position: absolute;
    top: -52px;
    left: 50%;
    transform: translateX(-50%);
}

.renewal-treatment-contents-top:not(:first-child)::after {
    transform: translateX(-50%) rotate(90deg);
}

@media screen and (max-width: 768px) {
    .renewal-treatment-contents-top:not(:first-child) {
        margin-top: 60px;
    }

    .renewal-treatment-contents-top:not(:first-child)::before,
    .renewal-treatment-contents-top:not(:first-child)::after {
        width: 32px;
        top: -32px;
    }
}

.renewal-treatment-contents-top-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5em 3%;
    padding-top: clamp(16px, 1.87vw, 28px);
    padding-bottom: 1em;
}

@media screen and (max-width: 425px) {
    .renewal-treatment-contents-top-list {
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

.renewal-treatment-contents-top-item {
    width: 30%;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-contents-top-item {
        width: 45%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-treatment-contents-top-item {
        width: 88%;
    }
}

.renewal-treatment-contents-top-text-wrap {
    display: grid;
    align-items: center;
    gap: 0.2em;
    padding-top: 0.5em;
}

.renewal-treatment-contents-top-text {
    display: block;
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    color: #122b54;
    text-align: center;
    text-decoration: underline;
}

.renewal-treatment-contents-top-subtext {
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    text-align: center;
    color: #666666;
}

@media (any-hover: hover) {
    .renewal-treatment-contents-top-link:hover .renewal-treatment-contents-top-text {
        text-decoration: none;
        opacity: 0.8;
        transition: 0.2s ease-in-out;
    }

    .renewal-treatment-contents-top-link:hover .renewal-treatment-contents-top-subtext {
        text-decoration: none;
        opacity: 0.8;
        transition: 0.2s ease-in-out;
    }
}

.renewal-treatment-summary-wrap {
    background-color: #dee6ec;
    padding-top: clamp(30px, 3.33vw, 50px);
    padding-bottom: clamp(30px, 3.33vw, 50px);
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.renewal-treatment-summary-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 2.5%;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-summary-list {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-treatment-summary-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 6;
    align-items: baseline;
    gap: 0;
    background-color: #ffffff;
    border-radius: 1.2em;
    padding-top: 0.8em;
    padding-bottom: 1.5em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}

.renewal-treatment-summary-title {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #122b54;
    border-radius: 3em;
    font-size: clamp(16px, 1.3vw, 20px);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    line-height: 1.2;
}

.renewal-treatment-summary-calc {
    padding-top: 1em;
    font-size: clamp(16px, 1.47vw, 22px);
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    color: #000000;
}

.renewal-treatment-summary-image {
    display: block;
    margin-inline: auto;
    width: min(6.25em, 100%);
    padding-top: 0.5em;
}

.renewal-treatment-summary-detail {
    display: grid;
    gap: 0.5em;
    padding-top: 1em;
    margin-top: 1em;
    border-top: 1px solid #cccccc;
}

.renewal-treatment-original-detail-wrap {
    display: grid;
    grid-template-columns: 35% 1fr;
    gap: 1em 3%;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-original-detail-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-treatment-original-detail-image {
    display: block;
    margin-left: -5em;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-original-detail-image {
        margin-left: -8vw;
        width: 80%;
    }
}

.renewal-treatment-original-detail-title {
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #6f6050;
}

.renewal-treatment-original-detail-link .renewal-link {
    justify-content: flex-end;
    margin-left: auto;
}

.renewal-treatment-original-detail-link .renewal-link::after {
    border-color: #6f6050;
    background: url(../images/renewal_2024/renewal-arrow-brown.svg) no-repeat center center / 50%;
}

.renewal-treatment-original-detail-link .renewal-link-text {
    color: #6f6050;
    font-size: clamp(16px, 1.2vw, 18px);
}

@media (any-hover: hover) {
    .renewal-treatment-original-detail-link .renewal-link:hover::after {
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #6f6050;
    }
}

.renewal-treatment-original-tel-note {
    display: grid;
    grid-template-columns: 5em 1fr;
}

.renewal-treatment-premium {
    background: url(../images/renewal_2024/renewal-treatment-premium-bg.png) no-repeat center center / cover;
    position: relative;
}

.renewal-treatment-premium::before,
.renewal-treatment-premium::after {
    content: "";
    display: block;
    width: fit-content;
    height: 1em;
    font-size: clamp(28px, 7.33vw, 140px);
    font-weight: 200;
    font-family: "Barlow", sans-serif;
    color: #808080;
    opacity: 0.1;
    position: absolute;
    z-index: 0;
}

.renewal-treatment-premium::before {
    content: "D - Premium";
    top: 0;
    right: 2%;
}

.renewal-treatment-premium::after {
    content: "Hair Growth Treatment";
    bottom: 0.3em;
    left: 2%;
}

.renewal-treatment-pre-top-text {
    font-size: clamp(20px, 5vw, 70px);
    font-family: "Barlow", sans-serif;
    color: #c7a840;
    text-align: center;
    font-weight: 200;
}

.renewal-treatment-premium .renewal-title-text {
    margin-top: 0.8em;
}

.renewal-treatment-pre-read-text {
    display: block;
    margin-top: 2.8em;
    font-size: clamp(14px, 1.07vw, 16px);
    text-align: center;
    line-height: 2;
}

.renewal-treatment-pre-box-wrap {
    display: grid;
    grid-template-columns: 68% 1fr;
    gap: 2em 4%;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
    .renewal-treatment-pre-box-wrap {
        grid-template-columns: 54% 1fr;
    }
}

@media screen and (max-width: 768px) {
    .renewal-treatment-pre-box-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-treatment-pre-box-left {
    background: linear-gradient(140deg,
            #a7c1d0 0,
            #ffffff 24%,
            #a7c1d0 50%,
            #a7c1d0 100%);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 1.2em;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    padding-top: clamp(20px, 2vw, 30px);
    padding-bottom: clamp(20px, 3.33vw, 50px);
    padding-left: clamp(20px, 3.33vw, 50px);
    padding-right: clamp(20px, 3.33vw, 50px);
}

.renewal-treatment-pre-box-title {
    font-size: clamp(40px, 6.67vw, 100px);
    font-weight: 500;
    color: #666666;
    text-align: center;
}

.renewal-treatment-pre-box-left-treat {
    padding-top: clamp(40px, 6vw, 90px);
    position: relative;
}

.renewal-treatment-pre-box-left-treat::before,
.renewal-treatment-pre-box-left-treat::after {
    content: "";
    position: absolute;
    top: clamp(20px, 3vw, 45px);
    left: 50%;
    transform: translateX(-50%);
    width: clamp(30px, 4vw, 60px);
    height: 3px;
    background-color: #666666;
}

.renewal-treatment-pre-box-left-treat::after {
    transform: translateX(-50%) rotate(-90deg);
}

.renewal-treatment-pre-box-wrap .renewal-treatment-summary-item {
    grid-template-rows: auto;
    grid-row: auto;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-pre-box-wrap .renewal-treatment-summary-item {
        width: 100%;
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-treatment-detail-item {
    display: grid;
    grid-template-columns: 34% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-detail-item {
        grid-template-columns: 1fr;
    }
}

.renewal-treatment-detail-item:not(:first-child) {
    margin-top: clamp(16px, 1.33vw, 20px);
}

.renewal-treatment-detail-item:nth-child(odd) .renewal-treatment-detail-left,
.renewal-treatment-detail-item:nth-child(even) .renewal-treatment-detail-right {
    background-color: #dee6ec;
}

.renewal-treatment-detail-item:nth-child(even) .renewal-treatment-detail-left,
.renewal-treatment-detail-item:nth-child(odd) .renewal-treatment-detail-right {
    background-color: #f0f0f0;
}

.renewal-treatment-detail-left {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(20px, 3.33vw, 50px);
    padding-left: max(4vw, calc((100vw - 1500px) / 2));
    padding-right: clamp(16px, 1.6vw, 24px);
}

.renewal-treatment-detail-right {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(24px, 3.33vw, 50px);
    padding-left: clamp(16px, 1.6vw, 24px);
    padding-right: max(4vw, calc((100vw - 1000px) / 2));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-detail-right {
        padding-top: 0;
    }

    .renewal-treatment-detail-item:nth-child(odd) .renewal-treatment-detail-right {
        background-color: #dee6ec;
    }

    .renewal-treatment-detail-item:nth-child(even) .renewal-treatment-detail-right {
        background-color: #f0f0f0;
    }
}

.renewal-treatment-detail-left-title {
    padding-bottom: 0.4em;
    margin-bottom: 1em;
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 700;
    color: #6f6050;
    font-feature-settings: "palt";
    position: relative;
}

.renewal-treatment-detail-left-title::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #6c6052;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-detail-left-title {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.renewal-treatment-detail-right-title {
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    color: #122b54;
    letter-spacing: 0.1em;
}

.renewal-treatment-detail-medicine {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.2em 1.5em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 4%;
    padding-right: 4%;
    background-color: #cccccc;
}

.renewal-treatment-detail-medicine-link-title {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2%;
    align-items: center;
}

.renewal-treatment-detail-medicine-link-title::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #122b54;
}

.renewal-treatment-detail-link .renewal-link {
    justify-content: flex-end;
    margin-left: auto;
}

.renewal-treatment-detail-link .renewal-link-text {
    font-size: clamp(16px, 1.33vw, 20px);
}

.renewal-treatment-detail-medicine-link-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em 1em;
}

@media screen and (max-width: 425px) {
    .renewal-treatment-detail-medicine-link-list {
        flex-direction: column;
        align-items: end;
    }
}

.renewal-treatment-detail-medicine-link-list .renewal-link {
    margin-left: 0;
}

.renewal-treatment-support-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #dee6ec;
    padding-top: clamp(20px, 3.33vw, 50px);
    padding-bottom: clamp(20px, 3.33vw, 50px);
}

@media screen and (max-width: 768px) {
    .renewal-treatment-support-list {
        grid-template-columns: 1fr;
        row-gap: 1.5em;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.renewal-treatment-support-item {
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-treatment-support-item:not(:last-child) {
    border-right: 1px solid #808080;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-support-item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #808080;
        padding-bottom: 1.5em;
    }
}

.renewal-treatment-support-list-title {
    padding-bottom: 0.5em;
    font-size: clamp(18px, 2vw, 30px);
    font-weight: 700;
    text-align: center;
    color: #6f6050;
}

.renewal-treatment-support-list-image {
    display: block;
    padding-left: 10%;
    padding-right: 10%;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-wrap {
        display: grid;
        grid-template-columns: auto 1fr;
        -moz-column-gap: 1em;
        column-gap: 1em;
        margin-inline: auto;
        width: min(420px, 80%);
    }
}

.renewal-treatment-preparat-list {
    display: flex;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-list {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        align-content: center;
    }
}

.renewal-treatment-preparat-item {
    width: 33%;
    font-size: clamp(18px, 1.47vw, 22px);
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-item {
        width: 100%;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0.3em;
        padding-right: 0.3em;
    }
}

.renewal-treatment-preparat-item::after {
    content: "";
    width: 5%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    display: block;
    position: absolute;
    top: 50%;
    left: 99.8%;
    transform: translateY(-50%);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-item::after {
        width: 100%;
        height: 1em;
        -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        top: 100%;
        left: 50%;
        transform: translateY(0) translateX(-50%);
    }
}

.renewal-treatment-preparat-item:nth-child(1) {
    background-color: #0099ff;
}

.renewal-treatment-preparat-item:nth-child(1)::after {
    background-color: #0099ff;
}

.renewal-treatment-preparat-item:nth-child(2) {
    background-color: #2253b2;
}

.renewal-treatment-preparat-item:nth-child(2)::after {
    background-color: #2253b2;
}

.renewal-treatment-preparat-item:nth-child(3) {
    background-color: #122b54;
}

.renewal-treatment-preparat-item:nth-child(3)::after {
    background-color: #122b54;
}

.renewal-treatment-preparat-image-list {
    display: flex;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-image-list {
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        align-items: center;
    }
}

.renewal-treatment-preparat-image-item {
    width: 33%;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-image-item {
        width: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

.renewal-treatment-preparat-image {
    display: block;
    max-width: 240px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-image {
        max-width: initial;
        width: 80%;
    }
}

.renewal-treatment-preparat-image-text {
    max-width: 65%;
    margin-inline: auto;
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .renewal-treatment-preparat-image-text {
        max-width: initial;
    }
}

/* renewal-characteristic */
.renewal-character-mv {
    background: url(../images/renewal_2024/renewal-characteristic-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-character-mv {
        background-position-x: 84%;
    }
}

.renewal-character-link-list {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    gap: 1em 5%;
}

@media screen and (max-width: 425px) {
    .renewal-character-link-list {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

.renewal-character-link-wrap {
    background-color: #dee6ec;
    padding-top: clamp(20px, 2.67vw, 40px);
    padding-bottom: clamp(20px, 2.67vw, 40px);
}

.renewal-character-safeBox-item {
    display: grid;
    grid-template-columns: 1em 1fr;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
}

.renewal-characteristic .p-character-effectWrap {
    grid-template-columns: 60% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic .p-character-effectWrap {
        grid-template-columns: 1fr;
    }
}

.renewal-character-safeBoxArea {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .renewal-character-safeBoxArea {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.renewal-character-contents-wrap {
    background: linear-gradient(to top,
            #919db0 0,
            #919db0 11%,
            #a1c0e5 42%,
            #bdccd4 68%,
            #ffffff 100%);
}

.renewal-character-contents-box {
    background-color: #ffffff;
    padding-top: clamp(20px, 3.07vw, 46px);
    padding-bottom: clamp(30px, 3.33vw, 50px);
    padding-left: clamp(20px, 3.07vw, 46px);
    padding-right: clamp(20px, 3.07vw, 46px);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    position: relative;
}

.renewal-character-contents-box::after {
    content: "CONTENT";
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    text-align: center;
    font-family: "Barlow", sans-serif;
    color: #6f6050;
    letter-spacing: 0.2em;
    display: block;
    width: 11.5em;
    height: 3em;
    background: url(../images/renewal_2024/renewal-characteristic-contents-bg.png) no-repeat center bottom / contain;
    padding-top: 1.8em;
    position: absolute;
    top: -3em;
    left: clamp(16px, 2.13vw, 32px);
}

.renewal-characteristic .p-characteristic-navArea {
    padding-left: 0;
    border-left: none;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.renewal-characteristic .p-characteristic-navArea::-webkit-scrollbar {
    display: none;
}

.renewal-characteristic .p-characteristic-sideBar-inner {
    border: none;
}

.renewal-characteristic .p-characteristic-sideBar-inner .renewal-character-safeBox-item {
    color: #999999;
}

.renewal-characteristic .p-characteristic-navList:first-child .p-contentsText.js-active,
.renewal-characteristic .p-characteristic-navList:nth-child(2) .p-contentsText.js-active,
.renewal-characteristic .p-characteristic-navList:nth-child(3) .p-contentsText.js-active {
    color: #000000;
}

.renewal-character-mainContent-title {
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding: 0.5em;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 0.6em;
}

.renewal-character-mainContent-effect .renewal-character-mainContent-title {
    background-color: #029cff;
}

.renewal-character-mainContent-achievement .renewal-character-mainContent-title {
    background-color: #0255b9;
}

.renewal-character-mainContent-system .renewal-character-mainContent-title {
    background-color: #122b54;
}

.renewal-character-subContent-title {
    font-weight: 700;
    text-align: center;
    padding: 0.2em;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    letter-spacing: 0.16em;
}

.renewal-character-mainContent-effect .renewal-character-subContent-title {
    color: #029cff;
    border-color: #029cff;
}

.renewal-character-mainContent-achievement .renewal-character-subContent-title {
    color: #0255b9;
    border-color: #0255b9;
}

.renewal-character-mainContent-system .renewal-character-subContent-title {
    color: #122b54;
    border-color: #122b54;
}

.renewal-characteristic-chara-menu-system {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 5em 2em;
    width: min(680px, 100%);
    margin-inline: auto;
    margin-top: clamp(80px, 12vw, 100px);
    position: relative;
}

.renewal-characteristic-chara-menu-system-box:first-child::after {
    content: "";
    width: 20%;
    height: 10.5em;
    background: url("../images/renewal_2024/arrowBig-gray.png") no-repeat center center/contain;
    position: absolute;
    top: 30%;
    right: -25%;
    transform: translateX(-50%);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic-chara-menu-system {
        grid-template-columns: 1fr;
        row-gap: 6.5em;
    }

    .renewal-characteristic-chara-menu-system-box:first-child::after {
        width: 3em;
        bottom: -12.3em;
        top: auto;
        right: 50%;
        transform: translate(50%, -50%) rotate(90deg);
    }
}

.renewal-characteristic-chara-menu-system-image::after {
    content: "";
    width: 14%;
    height: 24%;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: -22%;
    transform: translateY(-50%);
}

.renewal-characteristic-chara-menu-system-image-wrap:nth-child(1) .renewal-characteristic-chara-menu-system-image::after {
    background-color: #666;
}

.renewal-characteristic-chara-menu-system-image-wrap:nth-child(2) .renewal-characteristic-chara-menu-system-image::after {
    background-color: #6f6050;
}

.renewal-characteristic-chara-menu-system-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column;
    min-height: 5em;
    height: auto;
    min-width: 80%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.3em;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.19);
    transform: translateX(-50%);
    font-size: clamp(14px, 1.07vw, 16px);
    color: #122b54;
    text-align: center;
    line-height: 1.5;
    position: absolute;
    top: -3em;
    left: 50%;
}

.renewal-characteristic-chara-menu-system-detail {
    display: grid;
    align-items: center;
    padding: clamp(40px, 4vw, 60px) clamp(20px, 2.67vw, 40px) clamp(20px, 2.67vw, 40px);
    height: 100%;
    background-color: #f2f2f2;
    border-radius: clamp(15px, 2vw, 30px);
    text-align: center;
}

.renewal-characteristic-chara-menu-system-image-wrap {
    display: grid;
    grid-template-columns: 1fr 52%;
    gap: 3em 10%;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic-chara-menu-system-image-wrap {
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-characteristic-chara-menu-system-image-wrap:first-child {
    border-bottom: 1px dotted #333;
}

.renewal-characteristic-chara-menu-system-radius-title {
    border-radius: 1.5em;
    padding: 0.2em 0.8em;
}

.renewal-characteristic-chara-menu-system-image-wrap:first-child .renewal-characteristic-chara-menu-system-radius-title {
    background-color: #666;
}

.renewal-characteristic-chara-menu-system-image-wrap:nth-child(2) .renewal-characteristic-chara-menu-system-radius-title {
    background-color: #6f6050;
}

.renewal-characteristic-chara-menu-medicine-image {
    display: block;
    width: 78%;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic-chara-menu-medicine-image {
        width: 100%;
    }
}

.renewal-character-button-area {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
}

.renewal-characteristic-menu-system {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 5em 2em;
    margin-top: 6.25em;
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic-menu-system {
        grid-template-columns: 1fr;
    }
}

.renewal-characteristic-menu-system-box {
    position: relative;
}

.renewal-characteristic-menu-system-box:first-child::after {
    content: "";
    width: 20%;
    height: 10.5em;
    background: url(../images/renewal_2024/renewal-characteristic-arrowBig-ai.png) no-repeat center center / contain;
    position: absolute;
    top: 30%;
    right: -25%;
    transform: translateX(-50%);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic-menu-system-box:first-child::after {
        width: max(120px, 30%);
        background: url(../images/renewal_2024/renewal-characteristic-arrowBig-ai-sp.png) no-repeat center center / contain;
        top: auto;
        bottom: -6em;
        right: 50%;
        transform: translateX(50%);
    }
}

.renewal-characteristic-menu-system-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80%;
    height: auto;
    min-height: 5em;
    padding: 0.3em;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.19);
    font-size: clamp(14px, 1.07vw, 16px);
    color: #122b54;
    text-align: center;
    line-height: 1.5;
    position: absolute;
    top: -3em;
    left: 50%;
    transform: translateX(-50%);
}

.renewal-characteristic-menu-system-detail {
    display: grid;
    align-items: center;
    height: 100%;
    padding-top: 2em;
    padding-left: clamp(20px, 2.67vw, 40px);
    padding-right: clamp(20px, 2.67vw, 40px);
    background-color: #f2f2f2;
    border-radius: clamp(15px, 2vw, 30px);
    text-align: center;
}

@media screen and (max-width: 768px) {
    .renewal-characteristic-menu-system-detail {
        padding-top: 3.5em;
    }
}

.renewal-character-achievement02-image {
    display: block;
    width: min(260px, 80%);
    margin-inline: auto;
}

.renewal-character-button-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    justify-items: center;
    gap: 1em 3em;
}

.renewal-character-achievement03-image {
    display: block;
    width: min(400px, 90%);
    margin-inline: auto;
}

.renewal-character-image-box-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 425px) {
    .renewal-character-image-box-list {
        grid-template-columns: 1fr;
    }
}

.renewal-character-image-box-item {
    padding: 0.8em;
}

.renewal-character-image-box-item:nth-child(odd) {
    background-color: #f0f0f0;
}

.renewal-character-image-box-item:nth-child(even) {
    background-color: #e2dfdc;
}

/* 20250417 追記 */
.renewal-character-align-text {
    margin-top: -2.2em;
    font-size: clamp(18px, 1.87vw, 28px);
}

@media screen and (max-width: 425px) {
    .renewal-character-align-text {
        margin-top: -0.5em;
    }
}

.renewal-character-align-icon-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1em;
    padding-top: 9.5em;
    background: url(../images/renewal_2024/renewal-character-align-arr.png) no-repeat center top / 77%;
}

@media screen and (max-width: 1024px) {
    .renewal-character-align-icon-list {
        padding-top: 20vw;
    }
}

.renewal-character-align-icon-image {
    width: min(140px, 80%);
    margin-inline: auto;
}

/* renewal-cost */
.renewal-cost-mv {
    background: url(../images/renewal_2024/renewal-cost-mv.png) no-repeat right center / cover;
}

.renewal-cost .renewal-page-nav-title {
    padding-bottom: 0.5em;
    margin-bottom: 0;
}

.renewal-cost .renewal-link {
    color: #122b54;
}

.renewal-cost-detail-item {
    display: grid;
    grid-template-columns: 34% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-cost-detail-item {
        grid-template-columns: 1fr;
    }
}

.renewal-cost-detail-item:not(:first-child) {
    margin-top: clamp(16px, 1.33vw, 20px);
}

.renewal-cost-detail-item:nth-child(even) .renewal-cost-detail-left,
.renewal-cost-detail-item:nth-child(odd) .renewal-cost-detail-right {
    background-color: #dee6ec;
}

.renewal-cost-detail-item:nth-child(odd) .renewal-cost-detail-left,
.renewal-cost-detail-item:nth-child(even) .renewal-cost-detail-right {
    background-color: #f0f0f0;
}

.renewal-cost-detail-left {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(20px, 3.33vw, 50px);
    padding-left: max(4vw, calc((100vw - 1500px) / 2));
    padding-right: clamp(16px, 1.6vw, 24px);
}

.renewal-cost-detail-right {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(24px, 3.33vw, 50px);
    padding-left: clamp(16px, 1.6vw, 24px);
    padding-right: max(4vw, calc((100vw - 1000px) / 2));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .renewal-cost-detail-item:nth-child(even) .renewal-cost-detail-left {
        background-color: #f0f0f0;
    }

    .renewal-cost-detail-item:nth-child(even) .renewal-cost-detail-right {
        background-color: #dee6ec;
    }
}

.renewal-cost-detail-left-title {
    padding-bottom: 0.8em;
    margin-bottom: 1em;
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 700;
    color: #6f6050;
    line-height: 1.2;
    font-feature-settings: "palt";
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-cost-detail-left-title {
        margin-bottom: 0;
    }
}

.renewal-cost-detail-left-title::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #6c6052;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
    .renewal-cost-detail-left-title {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.renewal-cost-detail-right-title {
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    color: #122b54;
    letter-spacing: 0.1em;
}

.renewal-cost-detail-right-title-text {
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    color: #122b54;
}

@media (any-hover: hover) {
    a.renewal-cost-detail-right-title-text:hover {
        text-decoration: underline;
        transition: 0.2s ease-in-out;
    }
}

.renewal-cost-detail-right-sub-title {
    display: block;
    color: #333333;
}

.renewal-cost-amount-area {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1em 5%;
    align-items: flex-end;
    padding-bottom: 1em;
    border-bottom: 1px solid #333333;
}

@media screen and (max-width: 768px) {
    .renewal-cost-amount-area {
        grid-template-columns: 1fr;
    }
}

.renewal-cost-amount {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 600;
    font-feature-settings: "palt";
    line-height: 1.2;
}

.renewal-cost-amount-em {
    font-size: clamp(34px, 4.67vw, 70px);
    font-weight: 700;
    color: #122b54;
    font-family: "Barlow", sans-serif;
}

.renewal-cost-point {
    background-color: #e2dfdc;
}

.renewal-cost-check-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    max-width: 960px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-cost-check-list {
        grid-template-columns: 1fr;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.renewal-cost-check-item {
    display: grid;
    grid-template-columns: clamp(32px, 2.67vw, 40px) 1fr;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    align-items: center;
    background-color: #6f6050;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0.8em;
    padding-right: 1.5em;
    border-radius: 3em;
}

@media screen and (max-width: 768px) {
    .renewal-cost-check-item {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
    }
}

.renewal-cost-check-item::before {
    content: "";
    display: block;
    width: clamp(32px, 2.67vw, 40px);
    height: clamp(32px, 2.67vw, 40px);
    background: url(../images/renewal_2024/renewal-check.png) no-repeat center center / contain;
}

.renewal-cost-check-item-text {
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 600;
    color: #ffffff;
}

.renewal-cost-check-item-em {
    font-size: clamp(18px, 1.73vw, 26px);
}

.renewal-cost-box-text {
    background-color: #333333;
    color: #ffffff;
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.renewal-cost-image-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 4%;
    width: min(1380px, 92%);
    margin-inline: auto;
}

@media screen and (max-width: 425px) {
    .renewal-cost-image-list {
        grid-template-columns: 1fr;
    }
}

.renewal-cost-note {
    background-color: #dee6ec;
}

.renewal-cost-note-box {
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 1em 4%;
    align-items: center;
    padding-top: clamp(20px, 2vw, 30px);
    padding-bottom: clamp(20px, 2vw, 30px);
    padding-left: clamp(20px, 2.53vw, 38px);
    padding-right: clamp(20px, 2.53vw, 38px);
    background-color: #ffffff;
    max-width: 960px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-cost-note-box {
        grid-template-columns: 1fr;
    }
}

.renewal-cost-note-box-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 6%;
    align-items: flex-start;
}

@media screen and (max-width: 768px) {
    .renewal-cost-note-box-list {
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-cost-note-box-list-text {
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 700;
    text-align: center;
    color: #ef9737;
}

.renewal-cost-note-box-item:nth-child(2) .renewal-cost-note-box-list-text {
    color: #122b54;
}

.renewal-cost-payment-image {
    display: block;
    width: min(200px, 70%);
    margin-inline: auto;
}

.renewal-cost-credit-image {
    display: block;
    width: min(520px, 100%);
    margin-inline: auto;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 1.2em;
    padding-right: 1.2em;
    background-color: #ffffff;
}

.renewal-cost-credit-text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
}

/* clinic */
/* tokyo */
.renewal-tokyo-mv {
    background: url(../images/renewal_2024/renewal-tokyo-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-tokyo-mv {
        background-position-x: 90%;
    }
}

/* sapporo */
.renewal-sapporo-mv {
    background: url(../images/renewal_2024/renewal-sapporo-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-sapporo-mv {
        background-position-x: 90%;
    }
}

/* shinjuku */
.renewal-shinjuku-mv {
    background: url(../images/renewal_2024/renewal-shinjuku-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-shinjuku-mv {
        background-position-x: 90%;
    }
}

/* nagoya */
.renewal-nagoya-mv {
    background: url(../images/renewal_2024/renewal-nagoya-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-nagoya-mv {
        background-position-x: 90%;
    }
}

/* osaka */
.renewal-osaka-mv {
    background: url(../images/renewal_2024/renewal-osaka-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-osaka-mv {
        background-position-x: 90%;
    }
}

/* fukuoka */
.renewal-fukuoka-mv {
    background: url(../images/renewal_2024/renewal-fukuoka-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-fukuoka-mv {
        background-position-x: 90%;
    }
}

@media screen and (max-width: 768px) {
    .renewal-clinic-mv .renewal-mv-text-wrap {
        top: 76%;
    }
}

.renewal-clinic-link-list {
    display: grid;
    grid-template-columns: repeat(6, auto);
    justify-content: center;
    gap: 1em 5%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-link-list {
        grid-template-columns: repeat(3, auto);
    }

    .renewal-clinic-link-list .renewal-link {
        min-width: 6.8em;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-link-list {
        grid-template-columns: repeat(2, auto);
        justify-items: center;
    }
}

.renewal-clinic-link-wrap {
    background-color: #dee6ec;
    padding-top: clamp(20px, 2.67vw, 40px);
    padding-bottom: clamp(20px, 2.67vw, 40px);
}

.renewal-clinic-info-wrap {
    display: grid;
    grid-template-columns: 42% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-info-ttl-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 4vw;
    padding-right: clamp(16px, 1.6vw, 24px);
    background-color: #e2dfdc;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-ttl-wrap {
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.renewal-clinic-info-ttl-h2 {
    width: min(400px, 100%);
    margin-left: auto;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-ttl-h2 {
        width: 100%;
    }
}

.renewal-clinic-info-ttl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5em;
    align-items: center;
    justify-content: space-between;
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
}

.renewal-clinic-info-ttl::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
}

.renewal-clinic-info-ttl-img {
    display: block;
    width: min(330px, 100%);
    padding-top: 10px;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-ttl-img {
        width: min(240px, 100%);
        margin-inline: auto;
    }
}

.renewal-clinic-info-detail-wrap {
    padding-top: clamp(16px, 2.4vw, 36px);
    padding-bottom: clamp(16px, 2.67vw, 40px);
    padding-left: 4%;
    padding-right: 4vw;
    background-color: #f2f2f2;
}

.renewal-clinic-info-detail-inner {
    width: min(650px, 100%);
}

.renewal-clinic-info-detail-ttl {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    color: #6f6050;
}

.renewal-clinic-info-detail-tel {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-content: flex-start;
    gap: 0 0.5em;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-detail-tel {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-info-detail-tel-num {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(30px, 2.67vw, 40px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
    color: #ff9300;
}

@media (any-hover: hover) {
    .renewal-clinic-info-detail-tel-num.c-underLine:hover::after {
        content: none;
    }
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-detail-tel-num {
        margin-inline: auto;
    }
}

.renewal-clinic-info-detail-table {
    width: 100%;
}

.renewal-clinic-info-detail-table-week,
.renewal-clinic-info-detail-table-time {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    -moz-column-gap: 1%;
    column-gap: 1%;
    font-size: clamp(12px, 1vw, 15px);
}

.renewal-clinic-info-detail-table-week th {
    padding: 0.1em 0%;
    background-color: #6f6050;
    color: #fff;
}

.renewal-clinic-info-detail-table-time td {
    font-weight: 700;
    line-height: 1;
    background-color: #e2dfdc;
    text-align: center;
    padding: 0.3em 0;
    display: grid;
    align-items: center;
}

.renewal-clinic-location-item {
    display: grid;
    grid-template-columns: auto 3.5em 1fr;
    align-items: flex-start;
    gap: 0.5em;
    line-height: 1.75em;
}

.renewal-clinic-location-item.renewal-clinic-location-item-station {
    grid-template-columns: auto 3.5em 1fr auto;
}

.renewal-clinic-location-item::before {
    content: "";
    display: block;
    width: 1.75em;
    height: 1.75em;
}

.renewal-clinic-location-item.renewal-clinic-location-item-access::before {
    background: url(../images/renewal_2024/renewal-icon-access.svg) no-repeat center center / contain;
}

.renewal-clinic-location-item.renewal-clinic-location-item-station::before {
    background: url(../images/renewal_2024/renewal-icon-station.svg) no-repeat center center / contain;
}

.renewal-clinic-location-link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    background-color: #ff9300;
    border-radius: 5px;
    font-size: clamp(12px, 0.93vw, 14px);
    font-weight: 700;
    color: #fff;
    font-family: "Barlow", sans-serif;
}

@media (any-hover: hover) {
    .renewal-clinic-location-link:hover {
        opacity: 0.8;
        transition: 0.2s ease-in-out;
    }
}

.renewal-clinic-info-news-box {
    padding-top: clamp(14px, 1.07vw, 16px);
    padding-bottom: clamp(10px, 0.93vw, 14px);
    padding-left: clamp(16px, 1.33vw, 20px);
    padding-right: clamp(16px, 1.33vw, 20px);
    background-color: #fff;
}

.renewal-clinic-info-news-ttl {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-content: space-between;
    gap: 0 0.5em;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-info-news-ttl {
        grid-template-columns: 1fr;
    }

    .renewal-clinic-info-news-ttl .renewal-link-nomal {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
    }
}

.renewal-clinic-info-news-ttl-txt {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    color: #6f6050;
}

.renewal-clinic-info-news-link {
    display: block;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    border-top: 1px solid #b3b3b3;
}

@media (any-hover: hover) {
    .renewal-clinic-info-news-link:hover {
        background-color: #f2f2f2;
        transition: 0.2s ease-in-out;
    }
}

.renewal-clinic-info-news-tag-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5em 1em;
}

.renewal-clinic-info-news-time {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 500;
    color: #808080;
}

.renewal-clinic-info-news-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 1.8em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    background-color: #122b54;
    border-radius: 5px;
    font-size: clamp(12px, 0.93vw, 14px);
    font-weight: 700;
    color: #fff;
}

.renewal-clinic-info-news-link-ttl {
    display: block;
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 500;
}

.renewal-clinic-slide-area .slick-slide {
    margin-right: 0.5em;
    margin-left: 0.5em;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-slide-area .slick-slide {
        margin-right: 0.25em;
        margin-left: 0.25em;
    }
}

.renewal-clinic-slide-area .slick-list {
    padding-right: 10%;
}

.renewal-clinic-slide-area .slick-prev {
    position: absolute;
    left: 3%;
    top: 50%;
    z-index: 2;
    width: 75px;
    height: 75px;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-slide-area .slick-prev {
        width: 55px;
        width: 55px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-slide-area .slick-prev {
        width: 40px;
        width: 40px;
    }
}

.renewal-clinic-slide-area .slick-prev::before {
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    background: url(../images/renewal_2024/renewal-slide-arrow.svg) no-repeat center center/contain;
    position: absolute;
    transform: translate(0, -50%) scale(-1, 1);
    transition: 0.2s ease-in-out;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-slide-area .slick-prev::before {
        width: 55px;
        width: 55px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-slide-area .slick-prev::before {
        width: 40px;
        width: 40px;
    }
}

.renewal-clinic-slide-area .slick-next {
    position: absolute;
    right: 3%;
    top: 50%;
    width: 75px;
    height: 75px;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-slide-area .slick-next {
        width: 55px;
        width: 55px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-slide-area .slick-next {
        width: 40px;
        width: 40px;
    }
}

.renewal-clinic-slide-area .slick-next::before {
    content: "";
    display: block;
    width: 75px;
    height: 75px;
    background: url(../images/renewal_2024/renewal-slide-arrow.svg) no-repeat center center/contain;
    position: absolute;
    transform: translate(0, -50%);
    transition: 0.2s ease-in-out;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-slide-area .slick-next::before {
        width: 55px;
        width: 55px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-slide-area .slick-next::before {
        width: 40px;
        width: 40px;
    }
}

.renewal-clinic-slide-area .slick-dots li button::before {
    font-size: 20px;
}

.renewal-cliniclist-osaka .renewal-clinic-slide-area .slick-slide {
    max-width: 490px;
}

@media screen and (max-width: 768px) {
    .renewal-cliniclist-osaka .renewal-clinic-slide-area .slick-slide {
        max-width: initial;
    }
}

@media screen and (min-width: 1250px) {
    .renewal-cliniclist-osaka .renewal-clinic-slide-area .slick-track {
        transform: initial !important;
    }
}

.renewal-cliniclist-fukuoka .renewal-clinic-slide-area .slick-slide {
    max-width: 490px;
}

@media screen and (max-width: 1200px) {
    .renewal-cliniclist-fukuoka .renewal-clinic-slide-area .slick-slide {
        max-width: initial;
    }
}

@media screen and (min-width: 1250px) {
    .renewal-cliniclist-fukuoka .renewal-clinic-slide-area .slick-track {
        transform: initial !important;
    }
}

.renewal-clinic-case-wrap {
    display: grid;
    grid-template-columns: 40% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-case-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-case-title {
    padding-bottom: 0.5em;
    position: relative;
}

.renewal-clinic-case-title::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #6c6052;
    position: absolute;
    bottom: 0;
    right: 0;
}

.renewal-clinic-case-title-area {
    background-color: #f0f0f0;
    padding-top: clamp(30px, 3.33vw, 50px);
    padding-left: calc((100vw - 1460px) / 2);
    padding-right: 12%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-case-title-area {
        padding-bottom: 2em;
    }
}

@media screen and (max-width: 1500px) {
    .renewal-clinic-case-title-area {
        padding-left: 4svw;
    }
}

.renewal-clinic-case-title-text {
    display: block;
    font-size: clamp(20px, 2.67vw, 40px);
    font-weight: 700;
    color: #122b54;
    letter-spacing: 0.16em;
    font-feature-settings: "palt";
}

.renewal-clinic-case-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-case-list {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

.renewal-clinic-case-list-item {
    padding-top: clamp(16px, 1.6vw, 24px);
    padding-bottom: clamp(16px, 1.6vw, 24px);
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-clinic-case-list-item:nth-child(1) {
    background-color: #cccccc;
}

.renewal-clinic-case-list-item:nth-child(2) {
    background-color: #eaf1f3;
}

.renewal-clinic-case-list-item:nth-child(3) {
    background-color: #d8e1e5;
}

.renewal-clinic-case-list-item:nth-child(4) {
    background-color: #dddddd;
}

.renewal-clinic-case-list-head {
    margin-bottom: clamp(16px, 1.47vw, 22px);
}

.renewal-clinic-case-list-head-text {
    font-size: clamp(16px, 1.2vw, 18px);
    color: #122b54;
    padding-bottom: 0.8em;
}

.renewal-clinic-case-list-head-en {
    font-size: clamp(18px, 1.47vw, 22px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
}

.renewal-clinic-case-head-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
}

.renewal-clinic-case-head-item {
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 700;
    color: #122b54;
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: baseline;
    gap: 0.5em;
}

.renewal-clinic-case-head-item:not(:last-child) {
    margin-bottom: 0.3em;
}

.renewal-clinic-case-head-item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #122b54;
    border-right: 0;
}

.renewal-clinic-case-image-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 2%;
    margin-bottom: clamp(12px, 1.07vw, 16px);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-case-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-case-image-title {
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(24px, 2.53vw, 38px);
    background-color: #666666;
    border-radius: 2em;
    margin-bottom: 10px;
}

.renewal-clinic-case-image-block:nth-child(2) .renewal-clinic-case-image-title {
    font-size: clamp(16px, 1.47vw, 22px);
    background-color: #122b54;
}

.renewal-clinic-case-image-block:nth-child(1) .renewal-clinic-case-image {
    position: relative;
}

.renewal-clinic-case-image-block:nth-child(1) .renewal-clinic-case-image::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border-radius: 60px;
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 50%;
    left: calc(100% - clamp(13px, 0.93vw, 14px));
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-case-image-block:nth-child(1) .renewal-clinic-case-image::after {
        top: auto;
        bottom: clamp(-24px, -2vw, -30px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.renewal-clinic-case-list-item:nth-child(1) .renewal-clinic-case-image-block:nth-child(1) .renewal-clinic-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #cccccc;
}

.renewal-clinic-case-list-item:nth-child(2) .renewal-clinic-case-image-block:nth-child(1) .renewal-clinic-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #eaf1f3;
}

.renewal-clinic-case-detail {
    font-size: clamp(14px, 1.07vw, 16px);
    display: grid;
    grid-template-columns: 6em 1fr;
    gap: 0.5em;
}

.renewal-clinic-case-detail:not(:last-child) {
    margin-bottom: 0.5em;
}

.renewal-clinic-cost .renewal-cost-amount-area {
    gap: 0;
}

.renewal-clinic-original-cont {
    background-color: #e2dfdc;
}

.renewal-clinic-original-cont-deco {
    position: relative;
}

.renewal-clinic-original-cont-deco::before,
.renewal-clinic-original-cont-deco::after {
    content: "";
    display: block;
    width: fit-content;
    height: 1em;
    font-size: clamp(28px, 7.33vw, 140px);
    font-weight: 200;
    font-family: "Barlow", sans-serif;
    color: #808080;
    opacity: 0.1;
    position: absolute;
    z-index: 0;
}

.renewal-clinic-original-cont-deco::before {
    content: "D - Original";
    top: -0.2em;
    right: 2%;
}

.renewal-clinic-original-cont-deco::after {
    content: "Hair Growth Treatment";
    bottom: 0.5em;
    left: 2%;
}

.renewal-clinic-original-top-en {
    font-size: clamp(20px, 5vw, 70px);
    font-family: "Barlow", sans-serif;
    color: #999999;
    text-align: center;
    font-weight: 200;
}

.renewal-clinic-original-box {
    padding-top: clamp(16px, 3.33vw, 50px);
    padding-bottom: clamp(16px, 3.33vw, 50px);
    padding-left: clamp(16px, 3.33vw, 50px);
    padding-right: clamp(16px, 3.33vw, 50px);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.renewal-clinic-original-figure-area {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 1.5em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-original-figure-area {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-original-cont .renewal-treatment-summary-item {
    grid-row: span 7;
}

.renewal-clinic-summary-cost-area {
    font-feature-settings: "palt";
}

.renewal-clinic-summary-cost-txt {
    font-size: clamp(32px, 3.2vw, 48px);
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    color: #122b54;
}

.renewal-clinic-medicine-img {
    width: 75%;
    margin-inline: auto;
}

.renewal-clinic-boost-box {
    padding-top: clamp(12px, 2vw, 30px);
    padding-bottom: clamp(16px, 4vw, 60px);
    padding-left: clamp(12px, 4.67vw, 70px);
    padding-right: clamp(12px, 4.67vw, 70px);
    background-color: #f0f0f0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}

.renewal-clinic-boost-img-area {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 1em;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-boost-img-area {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-boost-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1em 1.5em;
    max-width: 650px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-boost-list {
        max-width: 420px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-boost-list {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-boost-list .renewal-treatment-summary-item {
    grid-template-rows: initial;
    grid-row: initial;
    align-content: flex-start;
}

.renewal-clinic-support-wrap {
    background: linear-gradient(transparent 12%,
            #eaf1f3 12%,
            #eaf1f3 90%,
            transparent 90%);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-support-wrap {
        background: linear-gradient(transparent 15%,
                #eaf1f3 15%,
                #eaf1f3 92%,
                transparent 92%);
    }
}

.renewal-clinic-support-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 2.27vw, 34px) clamp(16px, 2vw, 30px);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-support-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.renewal-clinic-support-list-item {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 span;
}

.renewal-clinic-support-list-link {
    display: flex;
    flex-direction: column;
    padding-top: clamp(16px, 2vw, 30px);
    padding-bottom: clamp(16px, 2vw, 30px);
    padding-left: 5%;
    padding-right: 5%;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
    border-radius: clamp(12px, 1.07vw, 16px);
}

.renewal-clinic-flow-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 2em;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-flow-list {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-clinic-flow-list::before {
    content: "";
    display: block;
    width: 100%;
    height: clamp(5px, 0.67vw, 10px);
    background-color: #e2dfdc;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-flow-list::before {
        width: clamp(5px, 0.67vw, 10px);
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

.renewal-clinic-flow-item {
    padding-top: clamp(14px, 1.07vw, 16px);
    padding-bottom: clamp(20px, 2.13vw, 32px);
    padding-left: clamp(20px, 2.67vw, 40px);
    padding-right: clamp(20px, 2.67vw, 40px);
    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    border-radius: clamp(12px, 1.07vw, 16px);
}

.renewal-clinic-flow-ttl {
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 1em;
    align-items: center;
    height: 100%;
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    text-align: center;
}

.renewal-clinic-flow-ttl-en {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    padding-left: 1em;
    padding-right: 1em;
    font-size: clamp(14px, 1.6vw, 24px);
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #808080;
}

.renewal-clinic-flow-ttl-num {
    font-size: clamp(18px, 2.4vw, 36px);
    color: #122b54;
}

.renewal-clinic-director-area {
    display: grid;
    grid-template-columns: 32% 1fr;
    gap: clamp(20px, 3vw, 45px);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-director-area {
        grid-template-columns: 1fr;
    }

    .renewal-clinic-director-img {
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-clinic-director-en {
    padding-left: 0.5em;
    font-family: "Barlow", sans-serif;
    color: #999999;
}

.renewal-clinic-career-list {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.renewal-clinic-career-item {
    display: grid;
    grid-template-columns: 6em 1fr;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-career-item {
        grid-template-columns: 1fr;
    }

    .renewal-clinic-career-item:not(:first-child) {
        margin-top: 0.8em;
    }
}

.renewal-clinic-director-comment {
    padding-left: 45%;
    background: url(../images/renewal_2024/renewal-clinic-comment-bg.png) no-repeat left top / 60%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-director-comment {
        padding-left: 30%;
        background-size: 42%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-director-comment {
        padding-top: 10.5em;
        padding-left: 0;
        background-size: 100%;
    }
}

.renewal-clinic-director-comment-title {
    font-size: clamp(20px, 1.87vw, 28px);
    font-weight: 700;
    color: #122b54;
    line-height: 1.5;
}

.renewal-clinic-director-txt-content {
    position: relative;
}

.renewal-clinic-more-button-trigger {
    display: none;
}

.renewal-clinic-more-button::before {
    content: "続きを読む";
    font-size: clamp(14px, 1.07vw, 16px);
    border: 1px solid #666;
    display: block;
    width: min(600px, 100%);
    text-align: center;
    padding: 0.8em;
    border-radius: 1.5em;
    position: absolute;
    bottom: -5em;
    left: 50%;
    transform: translateX(-50%);
}

.renewal-clinic-more-button-trigger:checked~.renewal-clinic-more-button::before {
    content: "閉じる";
}

.renewal-clinic-more-txt {
    position: relative;
    overflow: hidden;
    height: 8.5em;
}

.renewal-clinic-more-button-trigger:checked~.renewal-clinic-more-txt {
    height: auto;
}

.renewal-clinic-faq-list {
    display: grid;
    row-gap: 1.2em;
}

.renewal-clinic-faq-item {
    display: grid;
    grid-template-columns: 38% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-faq-item {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-faq-item-Q,
.renewal-clinic-faq-item-A {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    padding-top: clamp(16px, 1.6vw, 24px);
    padding-bottom: clamp(16px, 1.6vw, 24px);
    padding-left: clamp(16px, 1.6vw, 24px);
    padding-right: clamp(16px, 1.6vw, 24px);
    line-height: 2;
}

.renewal-clinic-faq-item-Q {
    font-size: clamp(14px, 1.33vw, 20px);
    font-weight: 700;
    background-color: #f0f0f0;
}

.renewal-clinic-faq-item-A {
    background-color: #dee6ec;
}

.renewal-clinic-faq-item-Q::before,
.renewal-clinic-faq-item-A::before {
    content: "";
    display: block;
    width: clamp(22px, 2.4vw, 36px);
    height: 100%;
    font-size: clamp(22px, 2.4vw, 36px);
    font-weight: 400;
    line-height: 1;
    font-family: "Barlow", sans-serif;
    color: #999999;
}

.renewal-clinic-faq-item-Q::before {
    content: "Q.";
}

.renewal-clinic-faq-item-A::before {
    content: "A.";
}

.renewal-cliniclist .renewal-news {
    background-color: #eaf1f3;
    margin-bottom: clamp(80px, 10.67vw, 160px);
}

.renewal-cliniclist .renewal-news-list-link {
    background-color: #fff;
}

.renewal-news-wrap {
    display: grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap: 8%;
    column-gap: 8%;
    width: calc(1100px + (100vw - 1100px) / 2);
    margin-left: auto;
}

@media screen and (max-width: 1200px) {
    .renewal-news-wrap {
        width: 96%;
    }
}

@media screen and (max-width: 768px) {
    .renewal-news-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-news-list-item:not(:last-child) {
    margin-bottom: 1em;
}

.renewal-news-list-link {
    display: grid;
    grid-template-columns: 8em 1fr;
    align-items: baseline;
    justify-content: flex-start;
    padding-top: clamp(14px, 1.33vw, 20px);
    padding-bottom: clamp(14px, 1.33vw, 20px);
    padding-left: clamp(24px, 2.13vw, 32px);
    padding-right: clamp(24px, 2.13vw, 32px);
    background-color: #f5f5f5;
}

@media (hover: hover) and (pointer: fine) {
    .renewal-news-list-link:hover {
        background: #666666;
        color: #ffffff;
        transition: all 0.2s ease-in-out;
    }
}

@media screen and (max-width: 768px) {
    .renewal-news-list-link {
        grid-template-columns: 1fr;
        row-gap: 0.5em;
    }
}

.renewal-news-list-date {
    font-size: clamp(16px, 1.33vw, 20px);
    font-family: "Barlow", sans-serif;
}

.renewal-news-list-title {
    font-size: 16px;
    line-height: clamp(16px, 1.33vw, 20px);
}

.renewal-news-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: clamp(16px, 3.33vw, 50px);
}

.renewal-news-title-txt {
    position: relative;
    padding-bottom: clamp(5px, 0.67vw, 10px);
    margin-bottom: clamp(10px, 1.33vw, 20px);
}

.renewal-news-title-txt::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #122b54;
    position: absolute;
    bottom: 0;
    right: 0;
}

.renewal-news-title-en {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(30px, 3.33vw, 50px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
    line-height: 1.3;
    color: #122b54;
}

.renewal-news-title-sub {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    font-size: clamp(16px, 1.33vw, 20px);
    color: #6c6052;
}

.renewal-clinic-access-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
}

.renewal-clinic-access-list .renewal-clinic-location-item.renewal-clinic-location-item-station {
    grid-template-columns: auto 3.5em auto 1fr;
}

.renewal-clinic-access-info {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2em;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-info {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-clinic-access-info .renewal-clinic-info-detail-tel {
    grid-template-columns: 1fr;
}

.renewal-clinic-access {
    padding: clamp(50px, 8vw, 120px) 0 clamp(50px, 6.67vw, 100px) 0;
    background-color: #f2f2f2;
}

.renewal-clinic-accessListArea {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 0.5em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-accessListArea {
        grid-template-columns: 1fr;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
        margin-inline: auto;
    }
}

.renewal-clinic-access-detailArea {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "auto title" "tel  table";
    gap: 0.5em 1.2em;
    width: 92%;
    margin-inline: auto;
}

@media screen and (max-width: 1200px) {
    .renewal-clinic-access-detailArea {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-detailArea {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "table" "tel";
    }
}

.renewal-clinic-access-detailArea :where(.c-clinicLocationBox-timeDataWeek, .c-clinicLocationBox-timeDataTime) {
    font-size: clamp(14px, 1.07vw, 16px);
}

.renewal-clinic-access-detailArea .c-clinicLocationBox-timeDataTime td {
    background-color: #fff;
    padding: 0.6em 0;
}

.renewal-clinic-access-tab-wrap {
    display: grid;
    align-items: stretch;
    justify-content: space-between;
    gap: clamp(5px, 0.67vw, 10px);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-tab-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

.renewal-clinic-access-tab-wrap:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-tab-wrap:has(> :nth-child(4):last-child) {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-access-tab-wrap:has(> :nth-child(4):last-child) {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-access-tab-wrap:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-tab-wrap:has(> :nth-child(3):last-child) {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-access-tab-wrap:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-tab-wrap:has(> :nth-child(2):last-child) {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
}

.renewal-clinic-access-tab {
    text-align: center;
    font-size: clamp(11px, 1.2vw, 18px);
    font-weight: 700;
    color: #6f6050;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 1em 0;
    border: 3px solid #6f6050;
}

.renewal-clinic-access-tab.btn-active {
    color: #fff;
    font-weight: 700;
    background-color: #6f6050;
}

.renewal-clinic-access-info-wrap {
    display: none;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(20px, 3.33vw, 50px);
    width: 100%;
}

.renewal-clinic-access-info-wrap.renewal-clinic-access-info-map {
    grid-template-columns: 1fr;
}

.renewal-clinic-access-info-wrap.mapActive {
    display: grid;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-access-info-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-access-info-wrap.carAccess {
    grid-template-columns: 1fr;
}

.renewal-clinic-access-info-wrap .renewal-simple-menu-table td {
    padding: 1em;
    font-size: clamp(14px, 1.2vw, 18px);
}

.renewal-clinic-access-info-list {
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: 0.5em 1em;
}

@media screen and (max-width: 425px) {
    .renewal-clinic-access-info-list {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-access-info-list img {
    aspect-ratio: 3/2;
}

.renewal-clinic-access-info-top {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    color: #6f6050;
    padding-bottom: 0.8em;
    display: grid;
    grid-template-columns: 2.2em 1fr;
    align-items: center;
}

.renewal-clinic-access-info-top::before {
    content: "";
    display: grid;
    place-content: center;
    width: 1.5em;
    height: 1.5em;
    font-size: clamp(16px, 1.6vw, 24px);
    font-family: "Barlow", sans-serif;
    color: #fff;
    background-color: #6f6050;
}

.renewal-clinic-access-info-listArea {
    display: grid;
    gap: clamp(20px, 1.6vw, 24px);
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(1) .renewal-clinic-access-info-top::before {
    content: "1";
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(2) .renewal-clinic-access-info-top::before {
    content: "2";
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(3) .renewal-clinic-access-info-top::before {
    content: "3";
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(4) .renewal-clinic-access-info-top::before {
    content: "4";
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(5) .renewal-clinic-access-info-top::before {
    content: "5";
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(6) .renewal-clinic-access-info-top::before {
    content: "6";
}

.renewal-clinic-access-info-listArea .renewal-clinic-access-info-listWrap:nth-of-type(7) .renewal-clinic-access-info-top::before {
    content: "7";
}

.renewal-clinic-accessSuppleText {
    padding: clamp(20px, 3.33vw, 50px) 0;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
}

.renewal-clinic-access-map-box {
    padding-top: clamp(16px, 2.67vw, 40px);
    padding-bottom: clamp(16px, 2.67vw, 40px);
    padding-left: clamp(16px, 2.67vw, 40px);
    padding-right: clamp(16px, 2.67vw, 40px);
    background: #e2dfdc;
}

.renewal-clinic-access-info-text {
    border-top: 1px solid #6f6050;
}

.renewal-clinic-link-area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 2.13vw, 32px) 8%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-link-area {
        grid-template-columns: 1fr;
        max-width: 320px;
        margin-inline: auto;
    }
}

.renewal-simple-cost-box {
    display: grid;
    grid-template-columns: 25% 1fr;
    border-bottom: 1px solid #b3b3b3;
}

@media screen and (max-width: 768px) {
    .renewal-simple-cost-box {
        grid-template-columns: 1fr;
    }
}

.renewal-simple-cost-box:first-child {
    border-top: 1px solid #b3b3b3;
}

.renewal-simple-cost-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-simple-cost-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.5em 4%;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-simple-cost-item:not(:first-child) {
    border-top: 1px solid #b3b3b3;
}

@media screen and (max-width: 768px) {
    .renewal-simple-cost-item:first-child {
        border-top: 1px solid #b3b3b3;
    }
}

@media screen and (max-width: 425px) {
    .renewal-simple-cost-item {
        grid-template-columns: 1fr;
    }
}

.renewal-simple-cost-right-title {
    display: grid;
    row-gap: 0.2em;
}

.renewal-simple-cost-right-title .renewal-link::after {
    width: clamp(20px, 2.13vw, 32px);
    height: clamp(20px, 2.13vw, 32px);
}

.renewal-simple-cost-amount {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 600;
    font-feature-settings: "palt";
    line-height: 1.2;
}

.renewal-simple-cost-amount-em {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    color: #122b54;
    font-family: "Barlow", sans-serif;
}

.renewal-simple-menu-table-wrap {
    overflow-x: scroll;
}

.renewal-simple-menu-table {
    width: 100%;
    min-width: 500px;
}

.renewal-simple-menu-table tr {
    border-left: 1px solid #ccc;
}

.renewal-simple-menu-table tr:first-child {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.renewal-simple-menu-table th {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    padding: 0.2em;
    text-align: center;
}

.renewal-simple-menu-table th:not(:last-child) {
    border-right: 1px solid #ccc;
}

.renewal-simple-menu-table td {
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.2em 0.5em;
    font-size: clamp(12px, 0.93vw, 14px);
}

.renewal-simple-menu-table-em {
    border-right: none;
    font-weight: 600;
    text-align: center;
}

.renewal-simple-menu-table-em span {
    font-size: 120%;
    color: #122b54;
}

/* beginner */
.renewal-beginner-mv {
    background: url(../images/renewal_2024/renewal-beginner-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-mv {
        background-position-x: 84%;
    }

    .renewal-beginner-mv .renewal-mv-text-wrap {
        top: 78%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-beginner-mv {
        background-position-x: 70%;
    }
}

.renewal-beginner-link-wrap {
    background-color: #dee6ec;
}

.renewal-beginner-link-ttl {
    font-size: clamp(20px, 5vw, 70px);
    font-family: "Barlow", sans-serif;
    color: #999999;
    text-align: center;
    font-weight: 200;
}

.renewal-beginner-link-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(16px, 1.87vw, 28px);
}

@media screen and (max-width: 768px) {
    .renewal-beginner-link-list {
        grid-template-columns: 1fr;
        row-gap: 0.5em;
    }
}

.renewal-beginner-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    width: 100%;
    min-height: 2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1.2em;
    padding-right: 0.8em;
    background-color: #6f6050;
    border-radius: 3em;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-link {
        font-size: 14px;
    }
}

.renewal-beginner-link::after {
    content: "";
    display: block;
    width: 1.5em;
    height: 2em;
    background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / contain;
}

.renewal-beginner-link-text {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    font-feature-settings: "palt";
}

.renewal-beginner-intro-cont {
    background: linear-gradient(to left, #6f6050 0, #ffffff 58%, #ffffff 100%);
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-intro-cont {
        background: linear-gradient(-14deg,
                #6f6059 0,
                #ab9b8a 10%,
                #ffffff 48%,
                #ffffff 100%);
        position: relative;
    }
}

@media screen and (max-width: 425px) {
    .renewal-beginner-intro-cont {
        background: linear-gradient(-14deg,
                #6f6059 0,
                #ab9b8a 7%,
                #ffffff 40%,
                #ffffff 100%);
    }
}

.renewal-beginner-intro-cont-txt {
    position: relative;
    z-index: 1;
}

.renewal-beginner-intro-cont-deco {
    display: block;
    font-size: clamp(36px, 5vw, 70px);
    font-family: "Barlow", sans-serif;
    color: #fff;
    font-weight: 200;
    line-height: 1;
    opacity: 0.4;
    position: absolute;
    top: clamp(30px, 4vw, 60px);
    right: 4%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-intro-cont-deco {
        top: auto;
        bottom: 30px;
        z-index: 0;
    }
}

.renewal-beginner-case-wrap {
    display: grid;
    grid-template-columns: 40% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-case-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-case-title {
    padding-bottom: 0.5em;
    position: relative;
}

.renewal-beginner-case-title::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #6c6052;
    position: absolute;
    bottom: 0;
    right: 0;
}

.renewal-beginner-case-title-area {
    background-color: #f0f0f0;
    padding-top: clamp(30px, 3.33vw, 50px);
    padding-left: calc((100vw - 1460px) / 2);
    padding-right: 12%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-case-title-area {
        padding-bottom: 2em;
    }
}

@media screen and (max-width: 1500px) {
    .renewal-beginner-case-title-area {
        padding-left: 4svw;
    }
}

.renewal-beginner-case-title-text {
    display: block;
    font-size: clamp(20px, 2.67vw, 40px);
    font-weight: 700;
    color: #122b54;
    letter-spacing: 0.16em;
    font-feature-settings: "palt";
}

.renewal-beginner-case-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-beginner-case-list {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

.renewal-beginner-case-list-item {
    padding-top: clamp(16px, 1.6vw, 24px);
    padding-bottom: clamp(16px, 1.6vw, 24px);
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-beginner-case-list-item:nth-child(1) {
    background-color: #cccccc;
}

.renewal-beginner-case-list-item:nth-child(2) {
    background-color: #eaf1f3;
}

.renewal-beginner-case-list-item:nth-child(3) {
    background-color: #d8e1e5;
}

.renewal-beginner-case-list-item:nth-child(4) {
    background-color: #dddddd;
}

.renewal-beginner-case-list-head {
    margin-bottom: clamp(16px, 1.47vw, 22px);
}

.renewal-beginner-case-list-head-text {
    font-size: clamp(16px, 1.2vw, 18px);
    color: #122b54;
    padding-bottom: 0.8em;
}

.renewal-beginner-case-list-head-en {
    font-size: clamp(18px, 1.47vw, 22px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
}

.renewal-beginner-case-head-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
}

.renewal-beginner-case-head-item {
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 700;
    color: #122b54;
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: baseline;
    gap: 0.5em;
}

.renewal-beginner-case-head-item:not(:last-child) {
    margin-bottom: 0.3em;
}

.renewal-beginner-case-head-item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #122b54;
    border-right: 0;
}

.renewal-beginner-case-image-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 2%;
    margin-bottom: clamp(12px, 1.07vw, 16px);
}

@media screen and (max-width: 768px) {
    .renewal-beginner-case-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-case-image-title {
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(24px, 2.53vw, 38px);
    background-color: #666666;
    border-radius: 2em;
    margin-bottom: 10px;
}

.renewal-beginner-case-image-block:nth-child(2) .renewal-beginner-case-image-title {
    font-size: clamp(16px, 1.47vw, 22px);
    background-color: #122b54;
}

.renewal-beginner-case-image-block:nth-child(1) .renewal-beginner-case-image {
    position: relative;
}

.renewal-beginner-case-image-block:nth-child(1) .renewal-beginner-case-image::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border-radius: 60px;
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 50%;
    left: calc(100% - clamp(13px, 0.93vw, 14px));
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .renewal-beginner-case-image-block:nth-child(1) .renewal-beginner-case-image::after {
        top: auto;
        bottom: clamp(-24px, -2vw, -30px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.renewal-beginner-case-list-item:nth-child(1) .renewal-beginner-case-image-block:nth-child(1) .renewal-beginner-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #cccccc;
}

.renewal-beginner-case-list-item:nth-child(2) .renewal-beginner-case-image-block:nth-child(1) .renewal-beginner-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #eaf1f3;
}

.renewal-beginner-case-detail {
    font-size: clamp(14px, 1.07vw, 16px);
    display: grid;
    grid-template-columns: 6em 1fr;
    gap: 0.5em;
}

.renewal-beginner-case-detail:not(:last-child) {
    margin-bottom: 0.5em;
}

.renewal-beginner-case-btn-area {
    display: grid;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    justify-items: end;
    row-gap: 1em;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-case-btn-area {
        margin-inline: auto;
    }
}

.renewal-beginner-mechanism-box {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(16px, 2.4vw, 36px);
    padding-left: clamp(16px, 3vw, 45px);
    padding-right: clamp(16px, 3vw, 45px);
    background-color: #f0f0f0;
    border-radius: clamp(16px, 1.33vw, 20px);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}

.renewal-beginner-mechanism-image {
    width: min(860px, 100%);
    margin-inline: auto;
}

.renewal-beginner-mechanism-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 1.2em;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-mechanism-list {
        grid-template-columns: 1fr;
        max-width: 320px;
        margin-inline: auto;
    }
}

.renewal-beginner-mechanism-item {
    background-color: #fff;
}

.renewal-beginner-mechanism-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4em;
    height: 1.4em;
    background-color: #122b54;
    color: #fff;
}

.renewal-beginner-kinds-area {
    display: grid;
    grid-template-columns: 1fr 52%;
    gap: 3em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-kinds-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-medicine-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #e2dfdc;
    padding-top: clamp(20px, 3.33vw, 50px);
    padding-bottom: clamp(20px, 5.33vw, 80px);
}

@media screen and (max-width: 768px) {
    .renewal-beginner-medicine-list {
        grid-template-columns: 1fr;
        row-gap: 1.5em;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.renewal-beginner-medicine-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 1em;
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-beginner-medicine-item:not(:last-child) {
    border-right: 1px solid #808080;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-medicine-item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #808080;
        padding-bottom: 1.5em;
    }
}

.renewal-beginner-medicine-list-title {
    padding-bottom: 0.5em;
    font-feature-settings: "palt";
    font-size: clamp(18px, 1.8vw, 30px);
    font-weight: 700;
    text-align: center;
    color: #6f6050;
    letter-spacing: 0.1em;
}

.renewal-beginner-medicine-list-image,
.renewal-beginner-medicine-list-text {
    display: block;
    width: min(390px, 100%);
    margin-inline: auto;
}

.renewal-beginner-booste-bnr {
    background-color: #6f6050;
}

.renewal-beginner-chara-item {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(20px, 4vw, 60px);
    padding-left: 50px;
    padding-right: 50px;
    background-color: #dee6ec;
}

.renewal-beginner-chara-item.renewal-beginner-chara-item-doctor {
    padding-bottom: 0;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-item {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.renewal-beginner-chara-item:not(:first-child) {
    border-top: 1px solid #fff;
}

.renewal-beginner-chara-item.renewal-beginner-chara-item-online {
    background-color: #bdccd4;
    border-top: none;
}

.renewal-beginner-chara-item-online+.renewal-beginner-chara-item {
    border-top: none;
}

.renewal-beginner-chara-medicine-image {
    display: grid;
    grid-template-columns: 28% 1fr;
    align-items: center;
    gap: 1.5em 5%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-medicine-image {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-chara-menu-system {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 5em 2em;
    width: min(680px, 100%);
    margin-inline: auto;
    margin-top: clamp(80px, 12vw, 100px);
    position: relative;
}

.renewal-beginner-chara-menu-system-box:first-child::after {
    content: "";
    width: 20%;
    height: 10.5em;
    background: url("../images/renewal_2024/arrowBig-gray.png") no-repeat center center/contain;
    position: absolute;
    top: 30%;
    right: -25%;
    transform: translateX(-50%);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-menu-system {
        grid-template-columns: 1fr;
        row-gap: 6.5em;
    }

    .renewal-beginner-chara-menu-system-box:first-child::after {
        width: 5em;
        background-image: url("../images/renewal_2024/arrowBig-sp-white.png");
        bottom: -12.3em;
        top: auto;
        right: 50%;
        transform: translate(50%, -50%);
    }
}

.renewal-beginner-chara-menu-system-image::after {
    content: "";
    width: 14%;
    height: 24%;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    position: absolute;
    top: 50%;
    right: -22%;
    transform: translateY(-50%);
}

.renewal-beginner-chara-menu-system-image-wrap:nth-child(1) .renewal-beginner-chara-menu-system-image::after {
    background-color: #666;
}

.renewal-beginner-chara-menu-system-image-wrap:nth-child(2) .renewal-beginner-chara-menu-system-image::after {
    background-color: #6f6050;
}

.renewal-beginner-chara-menu-system-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column;
    min-height: 5em;
    height: auto;
    min-width: 80%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.3em;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.19);
    transform: translateX(-50%);
    font-size: clamp(14px, 1.07vw, 16px);
    color: #122b54;
    text-align: center;
    line-height: 1.5;
    position: absolute;
    top: -3em;
    left: 50%;
}

.renewal-beginner-chara-menu-system-detail {
    display: grid;
    align-items: center;
    padding: clamp(40px, 4vw, 60px) clamp(20px, 2.67vw, 40px) clamp(20px, 2.67vw, 40px);
    height: 100%;
    background-color: #f2f2f2;
    border-radius: clamp(15px, 2vw, 30px);
    text-align: center;
}

.renewal-beginner-chara-menu-system-image-wrap {
    display: grid;
    grid-template-columns: 1fr 52%;
    gap: 3em 10%;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-menu-system-image-wrap {
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-beginner-chara-menu-system-image-wrap:first-child {
    border-bottom: 1px dotted #333;
}

.renewal-beginner-chara-menu-system-radius-title {
    border-radius: 1.5em;
    padding: 0.2em 0.8em;
}

.renewal-beginner-chara-menu-system-image-wrap:first-child .renewal-beginner-chara-menu-system-radius-title {
    background-color: #666;
}

.renewal-beginner-chara-menu-system-image-wrap:nth-child(2) .renewal-beginner-chara-menu-system-radius-title {
    background-color: #6f6050;
}

.renewal-beginner-chara-menu-medicine-image {
    display: block;
    width: 78%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-menu-medicine-image {
        width: 100%;
    }
}

.renewal-beginner-chara-graph-area,
.renewal-beginner-chara-accordion {
    width: min(640px, 100%);
    margin-inline: auto;
}

.renewal-beginner-chara-progress-image {
    float: left;
    margin-right: 1.5em;
    width: 32%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-progress-image {
        width: 50%;
        margin-right: 1em;
    }
}

@media screen and (max-width: 425px) {
    .renewal-beginner-chara-progress-image {
        float: initial;
        margin-right: 0;
        width: 100%;
    }
}

.renewal-beginner-chara-progress-image .renewal-read-text {
    clear: both;
}

.renewal-beginner-chara-item-online-title {
    font-weight: 700;
    color: #122b54;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.2em 1%;
}

.renewal-beginner-chara-item-online-title-em {
    padding: 0.2em 0.4em;
    color: #fff;
    background-color: #122b54;
}

.renewal-beginner-chara-item-online-title-em:nth-child(2) {
    background-color: #6f6050;
}

.renewal-beginner-chara-item-online-title-r {
    font-weight: 700;
    text-align: center;
    padding: 0.2em 0.4em;
    background-color: #fff;
    border-radius: 2em;
}

.renewal-beginner-chara-item-online-inner {
    width: min(580px, 100%);
    margin-inline: auto;
}

.renewal-beginner-chara-item-hybrid-area {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: flex-start;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
}

@media screen and (max-width: 425px) {
    .renewal-beginner-chara-item-hybrid-area {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5em 15%;
    }
}

.renewal-beginner-chara-item-online-change-area {
    display: grid;
    gap: 0.8em;
    align-content: center;
    padding-top: 1em;
}

@media screen and (max-width: 425px) {
    .renewal-beginner-chara-item-online-change-area {
        grid-column: 1 / 3;
        grid-row: 2;
        gap: 0.8em;
    }
}

.renewal-beginner-chara-item-online-change-text {
    display: block;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 1em;
    padding-right: 1em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-chara-item-online-change-text {
        padding-left: 1em;
        padding-right: 1em;
    }
}

.renewal-beginner-chara-item-online-change-text:first-child {
    -webkit-clip-path: polygon(1em 0, 100% 0, 100% 100%, 1em 100%, 0 50%);
    clip-path: polygon(1em 0, 100% 0, 100% 100%, 1em 100%, 0 50%);
    background-color: #122b54;
}

.renewal-beginner-chara-item-online-change-text:nth-child(2) {
    -webkit-clip-path: polygon(0 0,
            calc(100% - 1em) 0,
            100% 50%,
            calc(100% - 1em) 100%,
            0 100%);
    clip-path: polygon(0 0,
            calc(100% - 1em) 0,
            100% 50%,
            calc(100% - 1em) 100%,
            0 100%);
    background-color: #6f6050;
}

.renewal-beginner-chara-history-graph {
    width: min(650px, 100%);
    margin-inline: auto;
}

.renewal-beginner-menu-system-wrap {
    display: grid;
    grid-template-columns: 1fr 31%;
    gap: 2em 2.5%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-system-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-menu-system {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 5em 2em;
    margin-top: 3em;
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-system {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-menu-system-box {
    position: relative;
}

.renewal-beginner-menu-system-box:first-child::after {
    content: "";
    width: 20%;
    height: 10.5em;
    background: url(../images/renewal_2024/renewal-beginner-arrowBig-ai.png) no-repeat center center / contain;
    position: absolute;
    top: 30%;
    right: -25%;
    transform: translateX(-50%);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-system-box:first-child::after {
        width: max(120px, 30%);
        background: url(../images/renewal_2024/renewal-beginner-arrowBig-ai-sp.png) no-repeat center center / contain;
        top: auto;
        bottom: -6em;
        right: 50%;
        transform: translateX(50%);
    }
}

.renewal-beginner-menu-system-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 80%;
    height: auto;
    min-height: 5em;
    padding: 0.3em;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.19);
    font-size: clamp(14px, 1.07vw, 16px);
    color: #122b54;
    text-align: center;
    line-height: 1.5;
    position: absolute;
    top: -3em;
    left: 50%;
    transform: translateX(-50%);
}

.renewal-beginner-menu-system-detail {
    display: grid;
    align-items: center;
    height: 100%;
    padding-top: 2em;
    padding-left: clamp(20px, 2.67vw, 40px);
    padding-right: clamp(20px, 2.67vw, 40px);
    background-color: #f2f2f2;
    border-radius: clamp(15px, 2vw, 30px);
    text-align: center;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-system-detail {
        padding-top: 3.5em;
    }
}

.renewal-beginner-chara-doctor-image {
    width: min(450px, 100%);
    margin-inline: auto;
}

.renewal-beginner-chara-multiply-box-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 3em clamp(20px, 6.67vw, 100px);
}

@media screen and (max-width: 425px) {
    .renewal-beginner-chara-multiply-box-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-chara-multiply-box:not(:first-child) {
    position: relative;
}

.renewal-beginner-chara-multiply-box:not(:first-child)::before,
.renewal-beginner-chara-multiply-box:not(:first-child)::after {
    content: "";
    display: block;
    width: clamp(28px, 5.73vw, 86px);
    height: 1px;
    background: #808080;
    position: absolute;
    top: 50%;
    right: 101%;
    transform: translateY(-50%) rotate(45deg);
}

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

    .renewal-beginner-chara-multiply-box:not(:first-child)::before,
    .renewal-beginner-chara-multiply-box:not(:first-child)::after {
        top: auto;
        bottom: 110%;
        right: 50%;
        transform: translateY(0) translateX(50%) rotate(45deg);
    }
}

.renewal-beginner-chara-multiply-box:not(:first-child)::after {
    transform: translateY(-50%) rotate(-45deg);
}

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

    .renewal-beginner-chara-multiply-box:not(:first-child)::before,
    .renewal-beginner-chara-multiply-box:not(:first-child)::after {
        top: auto;
        bottom: calc(100% + 1.5em);
        right: 50%;
        transform: translateY(0) translateX(50%) rotate(45deg);
    }

    .renewal-beginner-chara-multiply-box:not(:first-child)::after {
        transform: translateY(0) translateX(50%) rotate(-45deg);
    }
}

.renewal-beginner-chara-multiply-box {
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 1.5em;
    background-color: #bdccd4;
}

.renewal-beginner-chara-multiply-box-data-bg {
    background-color: #fff;
    border-radius: clamp(16px, 1.33vw, 20px);
}

.renewal-beginner-menu-item {
    display: grid;
    grid-template-columns: 26% 1fr;
    background-color: #f2f2f2;
    border-top: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-item {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-menu-item:last-child {
    border-bottom: 1px solid #cccccc;
}

.renewal-beginner-menu-title {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(20px, 1.87vw, 28px);
    padding-left: max(4vw, calc((100vw - 1500px) / 2));
    padding-right: clamp(16px, 1.6vw, 24px);
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-title {
        width: 96%;
    }
}

.renewal-beginner-menu-title::after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #333333;
    position: absolute;
    bottom: 0;
    right: 0;
}

.renewal-beginner-menu-cont {
    padding-top: clamp(20px, 4vw, 60px);
    padding-bottom: clamp(30px, 4.8vw, 72px);
    padding-left: clamp(20px, 4vw, 60px);
    padding-right: max(4vw, calc((100vw - 1000px) / 2));
    border-left: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-menu-cont {
        border-left: none;
    }
}

.renewal-beginner-menu-cont-block .renewal-treatment-summary-title {
    font-size: clamp(16px, 1.2vw, 18px);
}

.renewal-beginner-menu-deco-text {
    display: block;
    font-size: clamp(30px, 3.2vw, 60px);
    font-family: "Barlow", sans-serif;
    color: #b3b3b3;
    font-weight: 200;
    text-align: center;
    line-height: 1.2;
}

.renewal-beginner-original-figure-area {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 1.5em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-original-figure-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-menu-cont .renewal-beginner-menu-cont-block:not(:first-child) {
    padding-top: clamp(20px, 4vw, 60px);
    border-top: 1px solid #fff;
}

.renewal-beginner-menu-cont-lank-list .renewal-treatment-summary-item {
    grid-row: span 5;
}

.renewal-beginner-menu-cont-medicine-list .renewal-treatment-summary-item {
    grid-row: span 4;
}

.renewal-beginner-cost-note-area {
    background-color: #dee6ec;
}

.renewal-beginner-fast-list .renewal-beginner-chara-item {
    background-color: #f2f2f2;
}

.renewal-beginner-telomeres-image-area {
    display: grid;
    grid-template-columns: 28% 1fr;
    gap: 1.5em 4%;
}

.renewal-beginner-column-image-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em 4%;
    align-items: center;
}

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

    .renewal-beginner-telomeres-image-area,
    .renewal-beginner-column-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-hamilton-image {
    width: min(860px, 100%);
    margin-inline: auto;
}

.renewal-beginner-flow-list-wrap {
    background: linear-gradient(transparent 3em,
            #e2dfdc 3em,
            #e2dfdc calc(100% - 3em),
            transparent calc(100% - 3em));
}

.renewal-beginner-flow-item {
    padding-top: clamp(20px, 3.2vw, 48px);
    padding-bottom: clamp(20px, 3.73vw, 56px);
    padding-left: clamp(16px, 3.73vw, 56px);
    padding-right: clamp(16px, 3.73vw, 56px);
    background-color: #fff;
    border-radius: clamp(16px, 1.33vw, 20px);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.renewal-beginner-flow-item:not(:first-child) {
    margin-top: clamp(24px, 3.73vw, 56px);
}

.renewal-beginner-flow-title {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    align-content: center;
    padding-top: clamp(4px, 0.53vw, 8px);
    padding-bottom: clamp(4px, 0.53vw, 8px);
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}

.renewal-beginner-flow-title-step {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: clamp(16px, 1.2vw, 18px);
    padding-right: clamp(16px, 1.2vw, 18px);
    font-size: 10px;
    font-family: "Barlow", sans-serif;
    color: #808080;
    font-weight: 600;
}

.renewal-beginner-flow-title-num {
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    color: #333333;
}

.renewal-beginner-flow-title-text {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: clamp(16px, 1.2vw, 18px);
    padding-right: clamp(16px, 1.2vw, 18px);
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    border-left: 1px solid #b3b3b3;
    letter-spacing: 0.1em;
}

.renewal-beginner-flow-image-area {
    display: grid;
    grid-template-columns: 32% 1fr;
    align-items: center;
    gap: 1em 3%;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-flow-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-basic-item:not(:first-child) {
    margin-top: clamp(48px, 6vw, 90px);
}

.renewal-beginner-basic-image-area {
    display: grid;
    grid-template-columns: 32% 1fr;
    align-items: flex-start;
    gap: 1.5em 3%;
}

.renewal-beginner-basic-graph-area {
    grid-template-columns: 32% 1fr;
    align-items: center;
}

.renewal-beginner-basic-patient-area,
.renewal-beginner-basic-recommend-area {
    grid-template-columns: 42% 1fr;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-basic-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-beginner-consul-wrap {
    background-color: #bdccd4;
}

.renewal-beginner-consul-box {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: stretch;
    background-color: #dee6ec;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-consul-box {
        grid-template-columns: 1fr;
        justify-items: flex-end;
    }
}

.renewal-beginner-consul-box-text {
    display: grid;
    align-content: center;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-beginner-consul-box-image {
    display: grid;
    align-items: flex-end;
    height: 100%;
    width: auto;
    max-width: 380px;
}

@media screen and (max-width: 768px) {
    .renewal-beginner-consul-box-image {
        width: 100%;
        max-width: initial;
    }
}

/* flow */
.renewal-flow-mv {
    background: url(../images/renewal_2024/renewal-flow-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-flow-mv {
        background-position-x: 64%;
    }
}

.renewal-flow-step-list-wrap {
    display: grid;
    gap: 1em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-flow-step-list-wrap {
        grid-template-columns: 1fr 36px;
        max-width: 280px;
        margin-inline: auto;
        padding-left: 24px;
    }
}

.renewal-flow-step-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 3%;
    width: 72%;
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.renewal-flow-step-list.renewal-flow-step-list-4item {
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.renewal-flow-step-list.renewal-flow-step-list-2item {
    grid-template-columns: repeat(2, 1fr);
    max-width: 480px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-flow-step-list {
        grid-template-columns: 1fr;
        max-width: 220px;
        width: 100%;
    }

    .renewal-flow-step-list.renewal-flow-step-list-4item {
        grid-template-columns: 1fr;
        max-width: 420px;
    }

    .renewal-flow-step-list.renewal-flow-step-list-2item {
        grid-template-columns: 1fr;
        max-width: 420px;
    }
}

.renewal-flow-step-list::before {
    content: "";
    display: block;
    width: 100%;
    height: clamp(5px, 0.67vw, 10px);
    background-color: #e2dfdc;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .renewal-flow-step-list::before {
        width: clamp(5px, 0.67vw, 10px);
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

.renewal-flow-step-item {
    padding-top: clamp(14px, 1.07vw, 16px);
    padding-bottom: clamp(16px, 1.6vw, 24px);
    padding-left: clamp(12px, 1.07vw, 16px);
    padding-right: clamp(12px, 1.07vw, 16px);
    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    border-radius: clamp(12px, 1.07vw, 16px);
}

.renewal-flow-step-ttl {
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 1em;
    align-items: center;
    height: 100%;
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    text-align: center;
}

.renewal-flow-step-ttl-en {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    padding-left: 1em;
    padding-right: 1em;
    font-size: clamp(14px, 1.6vw, 24px);
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #808080;
}

.renewal-flow-step-ttl-num {
    font-size: clamp(18px, 2.4vw, 36px);
    color: #122b54;
}

.renewal-flow-anchor-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em clamp(20px, 3.33vw, 50px);
}

@media screen and (max-width: 768px) {
    .renewal-flow-anchor-list {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin-inline: auto;
    }
}

.renewal-flow-anchor-link {
    display: grid;
    grid-template-columns: 32% 1fr;
    align-items: center;
    justify-items: center;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 768px) {
    .renewal-flow-anchor-link {
        grid-template-columns: 1fr;
        min-height: 4em;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.renewal-flow-anchor-item:first-child .renewal-flow-anchor-link {
    background-color: #dee6ec;
}

.renewal-flow-anchor-item:nth-child(2) .renewal-flow-anchor-link {
    background-color: #bdccd4;
}

.renewal-flow-list-wrap {
    background: linear-gradient(transparent 3em,
            #e2dfdc 3em,
            #e2dfdc calc(100% - 3em),
            transparent calc(100% - 3em));
}

.renewal-flow-item {
    padding-top: clamp(20px, 3.2vw, 48px);
    padding-bottom: clamp(20px, 3.73vw, 56px);
    padding-left: clamp(16px, 3.73vw, 56px);
    padding-right: clamp(16px, 3.73vw, 56px);
    background-color: #fff;
    border-radius: clamp(16px, 1.33vw, 20px);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.renewal-flow-item:not(:first-child) {
    margin-top: clamp(20px, 2.13vw, 32px);
}

.renewal-flow-title {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    align-content: center;
    padding-top: clamp(4px, 0.53vw, 8px);
    padding-bottom: clamp(4px, 0.53vw, 8px);
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}

.renewal-flow-title-step {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: clamp(16px, 1.2vw, 18px);
    padding-right: clamp(16px, 1.2vw, 18px);
    font-size: 10px;
    font-family: "Barlow", sans-serif;
    color: #808080;
    font-weight: 600;
}

.renewal-flow-title-num {
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    color: #333333;
}

.renewal-flow-title-text {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: clamp(16px, 1.2vw, 18px);
    padding-right: clamp(16px, 1.2vw, 18px);
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    border-left: 1px solid #b3b3b3;
    letter-spacing: 0.1em;
}

.renewal-flow-image-area {
    display: grid;
    grid-template-columns: 32% 1fr;
    align-items: flex-start;
    gap: 1em 3%;
}

@media screen and (max-width: 768px) {
    .renewal-flow-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-flow-box {
    padding-top: clamp(16px, 1.6vw, 24px);
    padding-bottom: clamp(16px, 1.6vw, 24px);
    padding-left: clamp(12px, 2.13vw, 32px);
    padding-right: clamp(12px, 2.13vw, 32px);
    background-color: #dee6ec;
}

.renewal-flow-box-title {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
}

.renewal-flow-box-title-en {
    display: inline-block;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 700;
    color: #fff;
    font-family: "Barlow", sans-serif;
    background-color: #122b54;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    padding-right: 1em;
    margin-right: 0.5em;
    -webkit-clip-path: polygon(0 0,
            calc(100% - 0.5em) 0,
            100% 50%,
            calc(100% - 0.5em) 100%,
            0 100%);
    clip-path: polygon(0 0,
            calc(100% - 0.5em) 0,
            100% 50%,
            calc(100% - 0.5em) 100%,
            0 100%);
}

.renewal-flow-cont-wrap {
    padding-top: clamp(30px, 4vw, 60px);
    padding-bottom: clamp(30px, 4vw, 60px);
    padding-left: 50px;
    padding-right: 50px;
    background-color: #dee6ec;
}

@media screen and (max-width: 768px) {
    .renewal-flow-cont-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.renewal-flow-cont-wrap .renewal-flow-step-list::before {
    background-color: #f2f2f2;
}

.renewal-flow-consul-wrap {
    background-color: #bdccd4;
}

.renewal-reserve-effect-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.33vw, 20px);
}

.renewal-reserve-effect-item {
    font-size: clamp(15px, 1.2vw, 18px);
    font-weight: 700;
    color: #122b54;
    text-align: center;
    background-color: #fff;
    height: 8em;
    width: min(8em, 24%);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .renewal-reserve-effect-item {
        width: min(11em, 45%);
    }
}

@media screen and (max-width: 425px) {
    .renewal-reserve-effect-item {
        width: min(8em, 45%);
    }
}

/* example */
.renewal-example-mv {
    background: url(../images/renewal_2024/renewal-example-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-example-mv {
        background-position-x: 64%;
    }
}

.renewal-example-link {
    width: fit-content;
    position: relative;
}

.renewal-example-link::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(32px, 3.33vw, 50px);
    height: clamp(32px, 3.33vw, 50px);
    margin-inline: auto;
    border: 1px solid #333333;
    border-radius: 60px;
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / 50%;
    transition: 0.2s ease-in-out;
    transform: scale(1);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 0;
}

@media (any-hover: hover) {
    .renewal-example-link:hover::after {
        background-color: #333333;
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #333333;
        transition: 0.2s ease-in-out;
        transform: translateY(-50%) scale(1.1);
    }
}

.renewal-example-link-text {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    font-feature-settings: "palt";
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-right: clamp(36px, 4.13vw, 62px);
    position: relative;
    z-index: 1;
}

.renewal-example-figure {
    display: grid;
    grid-template-columns: auto 36%;
    justify-content: center;
    align-items: center;
    gap: 2em;
}

@media screen and (max-width: 768px) {
    .renewal-example-figure {
        grid-template-columns: 1fr;
    }
}

.renewal-example-check-area {
    background-color: #e2dfdc;
}

.renewal-example-check-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2em;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-example-check-list {
        gap: 1em 2%;
    }
}

.renewal-example-check-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    font-size: clamp(14px, 1.33vw, 20px);
    font-weight: 700;
    color: #122b54;
}

.renewal-example-check-box {
    -webkit-appearance: none;
    position: relative;
    width: 1.8em;
    height: 1.8em;
    background-color: #fff;
    border: none;
    cursor: pointer;
}

.renewal-example-check-box::before,
.renewal-example-check-box::after {
    content: "";
    position: absolute;
    left: 40%;
    top: 40%;
    z-index: 1;
    height: 0.25em;
    border-radius: 1em;
    background-color: #122b54;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity 300ms ease;
}

.renewal-example-check-box::before {
    width: 0.7em;
    transform: translate(-70%, 60%) rotate(45deg);
}

.renewal-example-check-box::after {
    width: 1.2em;
    transform: translateX(-18%) rotate(-45deg);
}

.renewal-example-check-box:checked::before,
.renewal-example-check-box:checked::after {
    opacity: 1;
}

.renewal-example-case-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-example-case-list {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

.renewal-example-case-list-item {
    padding-top: clamp(20px, 2.67vw, 40px);
    padding-bottom: clamp(30px, 4vw, 60px);
    padding-left: max(4vw, calc((100vw - 1000px) / 2));
    padding-right: max(4vw, calc((100vw - 1000px) / 2));
}

.renewal-example-case-list-item:nth-child(odd) {
    background-color: #f1f1f1;
}

.renewal-example-case-list-item:nth-child(even) {
    background-color: #dee6ec;
}

.renewal-example-case-list-head {
    margin-bottom: clamp(16px, 1.47vw, 22px);
}

.renewal-example-case-list-head-text {
    font-size: clamp(16px, 1.2vw, 18px);
    color: #122b54;
    padding-bottom: 0.8em;
}

.renewal-example-case-list-head-en {
    font-size: clamp(18px, 1.47vw, 22px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
}

.renewal-example-case-head-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
}

.renewal-example-case-head-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5em 1em;
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 700;
    color: #122b54;
}

.renewal-example-case-head-item:not(:last-child) {
    margin-bottom: 0.3em;
}

.renewal-example-case-head-item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #122b54;
    border-right: 0;
}

.renewal-example-case-image-area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em 2%;
    margin-bottom: clamp(12px, 1.07vw, 16px);
}

@media screen and (max-width: 768px) {
    .renewal-example-case-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-example-case-image-title {
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(24px, 2.53vw, 38px);
    background-color: #666666;
    border-radius: 2em;
    margin-bottom: 10px;
}

.renewal-example-case-image-block:nth-child(2) .renewal-example-case-image-title {
    font-size: clamp(16px, 1.47vw, 22px);
    background-color: #2c5393;
}

.renewal-example-case-image-block:nth-child(3) .renewal-example-case-image-title {
    font-size: clamp(16px, 1.47vw, 22px);
    background-color: #122b54;
}

.renewal-example-case-image-block:nth-child(1) .renewal-example-case-image,
.renewal-example-case-image-block:nth-child(2) .renewal-example-case-image {
    position: relative;
}

.renewal-example-case-image-block:nth-child(1) .renewal-example-case-image::after,
.renewal-example-case-image-block:nth-child(2) .renewal-example-case-image::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border-radius: 60px;
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 50%;
    left: calc(100% - clamp(13px, 0.93vw, 14px));
    transform: translateY(-50%);
    z-index: 1;
}

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

    .renewal-example-case-image-block:nth-child(1) .renewal-example-case-image::after,
    .renewal-example-case-image-block:nth-child(2) .renewal-example-case-image::after {
        top: auto;
        bottom: clamp(-24px, -2vw, -30px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.renewal-example-case-list-item:nth-child(odd) .renewal-example-case-image-block:nth-child(1) .renewal-example-case-image::after,
.renewal-example-case-list-item:nth-child(odd) .renewal-example-case-image-block:nth-child(2) .renewal-example-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #f0f0f0;
}

.renewal-example-case-list-item:nth-child(even) .renewal-example-case-image-block:nth-child(1) .renewal-example-case-image::after,
.renewal-example-case-list-item:nth-child(even) .renewal-example-case-image-block:nth-child(2) .renewal-example-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%,
        #dee6ec;
}

.renewal-example-case-detail {
    font-size: clamp(14px, 1.07vw, 16px);
    display: grid;
    grid-template-columns: 6em 1fr;
    gap: 0.5em;
}

.renewal-example-case-detail:not(:last-child) {
    margin-bottom: 0.5em;
}

.renewal-example-case-btn-area {
    display: grid;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    justify-items: end;
    row-gap: 1em;
}

@media screen and (max-width: 768px) {
    .renewal-example-case-btn-area {
        margin-inline: auto;
    }
}

.renewal-example-case-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
    padding-top: clamp(15px, 2vw, 30px);
    border-top: 1px solid #ccc;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.8;
}

@media screen and (max-width: 425px) {
    .renewal-example-case-box {
        grid-template-columns: 1fr;
    }
}

.renewal-example-case-box-data {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1em 0.8em;
}

.renewal-example-case-box-title {
    color: #fff;
    font-weight: 700;
}

.renewal-example-case-iden-area {
    position: relative;
}

.renewal-example-case-iden-image-bg {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #fff;
}

.renewal-example-case-iden-image {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.renewal-example-case-iden-image.renewal-example-case-iden-image-display {
    display: block;
}

.renewal-example-consul-wrap {
    background-color: #bdccd4;
}

/* renewal-clinic-list */
.renewal-clinic-list-wrap {
    padding-top: 1em;
    padding-bottom: 5em;
    padding-left: 4%;
    padding-right: 8%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-wrap {
        padding-left: 8%;
        padding-right: 15%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-list-wrap {
        padding-left: 0;
        padding-right: 12%;
    }
}

.renewal-clinic-list-map-area {
    width: min(800px, 70%);
    margin-inline: auto;
    position: relative;
}

.renewal-clinic-list-map-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 50%;
    position: absolute;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-map-item {
        max-width: 72%;
    }
}

.renewal-clinic-list-map-item.sapporo {
    bottom: 88%;
    left: 15%;
}

.renewal-clinic-list-map-item.tokyo {
    top: 32%;
    right: -27%;
}

.renewal-clinic-list-map-item.shinjuku {
    top: 53%;
    right: -27%;
}

.renewal-clinic-list-map-item.nagoya {
    top: 100%;
    left: 39%;
}

.renewal-clinic-list-map-item.osakaMens {
    bottom: 53%;
    left: -4%;
}

.renewal-clinic-list-map-item.fukuoka {
    top: 100%;
    left: -17%;
}

@media screen and (max-width: 1200px) {
    .renewal-clinic-list-map-item.sapporo {
        left: 25%;
    }

    .renewal-clinic-list-map-item.tokyo {
        right: -18%;
    }

    .renewal-clinic-list-map-item.shinjuku {
        right: -18%;
    }
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-map-item.sapporo {
        bottom: 87%;
        left: 3%;
    }

    .renewal-clinic-list-map-item.tokyo {
        right: -40%;
    }

    .renewal-clinic-list-map-item.shinjuku {
        right: -40%;
    }

    .renewal-clinic-list-map-item.osakaMens {
        left: -15%;
    }

    .renewal-clinic-list-map-item.nagoya {
        left: 44%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-list-map-item.tokyo {
        top: 30%;
    }

    .renewal-clinic-list-map-item.shinjuku {
        top: 51%;
    }

    .renewal-clinic-list-map-item.nagoya {
        left: auto;
        right: -8%;
    }

    .renewal-clinic-list-map-item.fukuoka {
        left: -12%;
    }
}

.renewal-clinic-list-map-item .renewal-clinic-list-map-link-image {
    height: min(2.2em, 2.8vw);
    width: auto;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-map-item .renewal-clinic-list-map-link-image {
        height: 4vw;
    }

    .renewal-clinic-list-map-item .renewal-link::after {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-list-map-item .renewal-clinic-list-map-link-image {
        height: 6vw;
    }

    .renewal-clinic-list-map-item .renewal-link {
        grid-template-columns: 1fr;
    }

    .renewal-clinic-list-map-item .renewal-link::after {
        content: none;
    }
}

.renewal-clinic-list-map {
    display: block;
}

.renewal-clinic-list-map img {
    aspect-ratio: 131 / 99;
}

.renewal-clinic-list-content {
    display: grid;
    grid-template-columns: 60% 1fr;
}

@media screen and (max-width: 1500px) {
    .renewal-clinic-list-content {
        grid-template-columns: 50% 1fr;
    }
}

@media screen and (max-width: 1024px) {
    .renewal-clinic-list-content {
        grid-template-columns: 36% 1fr;
    }
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-content {
        grid-template-columns: 1fr;
    }
}

.renewal-clinic-list-image-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1024px) {
    .renewal-clinic-list-image-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-image-list {
        grid-template-columns: repeat(3, 1fr);
        grid-row: 2/3;
    }
}

@media screen and (max-width: 425px) {
    .renewal-clinic-list-image-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.renewal-clinic-list-image {
    display: block;
    height: 100%;
}

.renewal-clinic-list-image img {
    height: 100%;
    width: auto;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-image {
        max-height: 150px;
    }

    .renewal-clinic-list-image img {
        aspect-ratio: 3 / 2;
    }
}

.renewal-clinic-list-info-list-wrap {
    display: flex;
    background-color: #f0f0f0;
    padding-top: clamp(16px, 1.6vw, 24px);
    padding-left: 5%;
    padding-right: 8%;
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-info-list-wrap {
        grid-row: 1/2;
        padding-bottom: clamp(16px, 1.6vw, 24px);
    }
}

.renewal-clinic-list-info-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    align-content: center;
    justify-content: center;
    -moz-column-gap: clamp(20px, 2vw, 30px);
    column-gap: clamp(20px, 2vw, 30px);
}

@media screen and (max-width: 768px) {
    .renewal-clinic-list-info-list {
        grid-template-columns: 1fr;
        row-gap: 1em;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
    }
}

.renewal-clinic-list-info-list-item {
    padding-bottom: clamp(10px, 2.13vw, 32px);
}

.renewal-clinic-list-info-list-item .top-side-link-text {
    color: #182a52;
}

.renewal-clinic-list-info-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.3em 0.5em;
    margin-top: clamp(8px, 0.67vw, 10px);
}

.renewal-clinic-list-info-detail-item:nth-child(1) {
    width: 5em;
}

.renewal-clinic-list-info-detail-item:nth-child(2) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: calc(100% - 5.5em);
}

.renewal-clinic-list-info-detail-text {
    font-size: clamp(14px, 1.07vw, 16px);
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #666666;
}

/* medicine */
.renewal-medicine-mv {
    background: url(../images/renewal_2024/renewal-medicine-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-mv {
        background-position-x: 84%;
    }
}

.renewal-medicine-personalize-wrap {
    position: relative;
}

.renewal-medicine-personalize-wrap::before,
.renewal-medicine-personalize-wrap::after {
    content: "";
    display: block;
    width: fit-content;
    height: 1em;
    font-size: clamp(28px, 7.33vw, 140px);
    font-weight: 200;
    font-family: "Barlow", sans-serif;
    color: #808080;
    opacity: 0.1;
    position: absolute;
    z-index: 0;
}

.renewal-medicine-personalize-wrap::before {
    content: "D - Clinic";
    top: -0.2em;
    right: 2%;
}

.renewal-medicine-personalize-wrap::after {
    content: "Personalized Treatment";
    bottom: 0.4em;
    left: 2%;
}

.renewal-medicine-person-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4em 2em;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-person-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.renewal-medicine-person-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    align-items: center;
    row-gap: 1em;
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-person-item {
        grid-template-rows: auto;
        row-gap: 0.5em;
    }

    .renewal-medicine-person-item:nth-child(1) {
        grid-row: 1;
        grid-column: 1;
    }

    .renewal-medicine-person-item:nth-child(2) {
        grid-row: 2;
        grid-column: 1/3;
    }

    .renewal-medicine-person-item:nth-child(2) .renewal-medicine-person-image {
        width: 50%;
        margin-inline: auto;
    }

    .renewal-medicine-person-item:nth-child(3) {
        grid-row: 1;
        grid-column: 2;
    }
}

.renewal-medicine-person-item:nth-child(2)::before,
.renewal-medicine-person-item:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(30px, 4vw, 60px);
    height: clamp(30px, 4vw, 60px);
    background: url(../images/renewal_2024/renewal-medicine-person-plus.png) no-repeat center center / contain;
}

.renewal-medicine-person-item:nth-child(2)::before {
    right: calc(100% + 1.5em);
}

.renewal-medicine-person-item:nth-child(2)::after {
    left: calc(100% + 1.5em);
}

@media screen and (max-width: 768px) {
    .renewal-medicine-person-item:nth-child(2)::before {
        content: none;
    }

    .renewal-medicine-person-item:nth-child(2)::after {
        top: -3em;
        left: 50%;
        transform: translateX(-50%);
    }
}

.renewal-medicine-summary-wrap {
    padding-top: clamp(20px, 3.33vw, 50px);
    padding-bottom: clamp(20px, 3.33vw, 50px);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.renewal-medicine-summary-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-medicine-summary-list {
        grid-template-columns: 1fr;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.renewal-medicine-summary-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    align-items: flex-start;
    row-gap: 1em;
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-medicine-summary-item:not(:first-child) {
    border-left: 1px solid #808080;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-summary-item:not(:first-child) {
        margin-top: 1.5em;
        padding-top: 1.5em;
        border-left: none;
        border-top: 1px solid #808080;
    }
}

.renewal-medicine-summary-list .renewal-treatment-summary-title {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-summary-image {
        max-width: 320px;
        margin-inline: auto;
    }
}

.renewal-medicine-effect-wrap {
    display: grid;
    grid-template-columns: 1fr max(400px, 33%);
    gap: 1em 5%;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-effect-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-medicine-effect-title {
    background-color: #122b54;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #fff;
    border-radius: 0.4em;
}

.renewal-medicine-effect-title-brown {
    background-color: #6f6050;
}

.renewal-medicine-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-medicine-list {
        grid-template-columns: 1fr;
        row-gap: 1.5em;
        padding-left: 4%;
        padding-right: 4%;
    }
}

.renewal-medicine-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    padding-left: 4%;
    padding-right: 4%;
}

.renewal-medicine-item:not(:last-child) {
    border-right: 1px solid #808080;
}

.renewal-medicine-list-title {
    font-feature-settings: "palt";
    font-size: clamp(18px, 1.8vw, 30px);
    font-weight: 700;
    text-align: center;
    color: #6f6050;
    letter-spacing: 0.05em;
}

.renewal-medicine-list-image {
    display: block;
    width: min(390px, 100%);
    margin-inline: auto;
}

.renewal-medicine-list-text {
    display: block;
    width: min(390px, 100%);
    margin-inline: auto;
}

.renewal-medicine-highconc {
    display: grid;
    grid-template-columns: 1fr 20%;
    gap: 1em 5%;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-highconc {
        grid-template-columns: 1fr;
    }

    .renewal-medicine-highconc-image {
        max-width: 300px;
        margin-inline: auto;
    }
}

.renewal-medicine-table .renewal-common-table {
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-medicine-table {
        overflow-x: scroll;
    }

    .renewal-medicine-table .renewal-common-table {
        width: 760px;
    }
}

.renewal-medicine-table .renewal-common-table::after {
    content: "";
    width: calc(28% + 3px);
    height: 66px;
    border-top: 3px solid #122b54;
    border-left: 3px solid #122b54;
    border-right: 3px solid #122b54;
    border-radius: 1.2em 1.2em 0 0;
    position: absolute;
    top: 0;
    left: calc(16% + -1.5px);
}

@media screen and (max-width: 768px) {
    .renewal-medicine-table .renewal-common-table::after {
        width: calc(30% + 3px);
        left: calc(10% + -1.5px);
        border-radius: 0.6em 0.6em 0 0;
    }
}

@media screen and (max-width: 768px) {
    .renewal-medicine-kind-table {
        overflow-x: scroll;
    }

    .renewal-medicine-kind-table .renewal-common-table {
        width: 700px;
    }
}

.renewal-medicine-kind-table thead tr th:nth-child(even) {
    background-color: #dee6ec;
}

.renewal-medicine-kind-table thead tr th:nth-child(odd):not(:first-child) {
    background-color: #eaf1f3;
}

.renewal-medicine-kind-table tbody tr td:nth-child(even) {
    background-color: #f5fbff;
}

.renewal-medicine-kind-table tbody tr td:nth-child(odd):not(:first-child) {
    background-color: #fbfeff;
}

.renewal-medicine-kind-table tbody tr td {
    border-left: 1px solid #ffffff;
}

/* /clinic/about/authority/identical_twins/ */
@media screen and (max-width: 768px) {
    .renewal-authority-table-wrap {
        overflow-x: scroll;
    }

    .renewal-authority-table-wrap .renewal-common-table {
        width: 780px;
    }
}

/* /clinic/about/authority/physical_stimulation/ */
.renewal-physical-image {
    width: min(860px, 100%);
    margin-inline: auto;
}

/* /clinic/aga-usuge/care/prevention-measures/ */
.renewal-pre-measures-nav-list {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 1em 5%;
    justify-items: center;
    justify-content: center;
    max-width: 900px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-pre-measures-nav-list {
        grid-template-columns: repeat(2, auto);
    }

    .renewal-pre-measures-nav-item:nth-child(3) {
        width: 47.5%;
        grid-column: 1 / 3;
    }
}

.renewal-pre-measures-nav-image {
    max-width: 200px;
    margin-inline: auto;
}

/* recruit */
.renewal-recruit-step-list.renewal-flow-step-list::before {
    background-color: #eaf1f3;
}

.renewal-recruit-nav-wrap .renewal-page-link-list {
    grid-template-columns: repeat(4, auto);
}

@media screen and (max-width: 768px) {
    .renewal-recruit-nav-wrap .renewal-page-link-list {
        grid-template-columns: repeat(2, auto);
        column-gap: 10%;
    }

    .renewal-recruit-nav-wrap .renewal-page-link-list .renewal-link {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-recruit-nav-wrap .renewal-page-link-list {
        grid-template-columns: 1fr;
        width: fit-content;
    }
}

.renewal-recruit-image {
    width: min(580px, 80%);
}

.renewal-recruit-button-area {
    max-width: 720px;
}

.renewal-recruit-button-area .renewal-button-r {
    width: 100%;
}

.renewal-recruit-button-area .renewal-link {
    width: 100%;
}

/* renewal-column */
.renewal-column-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: clamp(16px, 2.27vw, 34px) clamp(16px, 2vw, 30px);
}

@media screen and (max-width: 768px) {
    .renewal-column-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.renewal-column-list-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: clamp(12px, 1.33vw, 20px);
    padding-bottom: clamp(16px, 2vw, 30px);
    padding-left: 5%;
    padding-right: 5%;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
    border-radius: clamp(12px, 1.07vw, 16px);
}

.renewal-column-list-link .renewal-vertical-link {
    margin-top: auto;
}

@media (any-hover: hover) {
    .renewal-column-list-link:hover .renewal-vertical-link::after {
        background-color: #333333;
        background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / 50%,
            #333333;
        transition: 0.2s ease-in-out;
        transform: scale(1.1);
    }
}

/* renewal-media */
.renewal-media-image {
    border: 1px solid #ccc;
}

/* renewal-online */
.renewal-online-box-title {
    display: grid;
    width: min(720px, 92%);
    margin-inline: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #122b54;
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.renewal-online-box-cont-wrap {
    margin-top: clamp(-40px, -6vw, -90px);
    padding-top: clamp(70px, 8vw, 120px);
    padding-bottom: clamp(20px, 2.67vw, 40px);
    padding-left: clamp(12px, 2.67vw, 40px);
    padding-right: clamp(12px, 2.67vw, 40px);
    background-color: #fff;
}

.renewal-online-box-cont {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 10%;
    column-gap: 10%;
    width: min(680px, 100%);
    margin-inline: auto;
    position: relative;
}

.renewal-online-box-cont::after {
    content: "";
    display: inline-block;
    width: clamp(20px, 4.67vw, 70px);
    height: clamp(20px, 4.67vw, 70px);
    background: #122b54;
    clip-path: polygon(0 29.5%,
            47.8% 29.5%,
            47.8% 0,
            100% 50%,
            47.8% 100%,
            47.8% 70.5%,
            0 70.5%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.renewal-online-box-cont-image {
    width: min(240px, 70%);
    margin-inline: auto;
}

.renewal-online-use-title {
    display: inline-block;
    margin-right: 0.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    color: #fff;
    background-color: #182a52;
}

.renewal-online-use-box {
    width: min(860px, 100%);
    margin-inline: auto;
}

.renewal-online-use-box-text {
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    background-color: #666;
}

.renewal-online-use-box-cont {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 2%;
    align-items: center;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 4%;
    padding-right: 4%;
    background-color: #fff;
}

.renewal-online-box-change-text-area {
    display: grid;
    gap: 1.5em;
    align-content: center;
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.renewal-online-box-change-text {
    display: block;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

.renewal-online-box-change-text:first-child {
    background-color: #122b54;
    border-radius: 0 1.8em 1.8em 0;
}

.renewal-online-box-change-text:nth-child(2) {
    background-color: #6f6050;
    border-radius: 1.8em 0 0 1.8em;
}

.renewal-online-box-change-text::before {
    content: "";
    display: block;
    width: 1.8em;
    height: 2em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.renewal-online-box-change-text:first-child::before {
    border-top: 2em solid rgba(0, 0, 0, 0);
    border-bottom: 2em solid rgba(0, 0, 0, 0);
    border-left: 1.8em solid #122b54;
    left: 91%;
}

.renewal-online-box-change-text:nth-child(2)::before {
    border-top: 2em solid rgba(0, 0, 0, 0);
    border-right: 1.8em solid #6f6050;
    border-bottom: 2em solid rgba(0, 0, 0, 0);
    right: 91%;
}

.renewal-online-box-wrap {
    width: 100%;
    background: url(../images/renewal_2024/renewal-online-list-bg.jpg) no-repeat right center / contain;
}

.renewal-online-box-list {
    padding-top: 1em;
    display: grid;
    gap: clamp(12px, 1.07vw, 16px);
    width: -moz-fit-content;
    width: fit-content;
}

@media screen and (max-width: 768px) {
    .renewal-online-box-wrap {
        background-position: right bottom;
    }

    .renewal-online-box-list {
        padding-top: 0;
        padding-bottom: 53vw;
    }
}

.renewal-online-box-item {
    padding: 0.2em 0.5em;
    font-size: clamp(16px, 1.6vw, 24px);
    font-weight: 700;
    color: #fff;
    background-color: #122b54;
}

.renewal-online-cont-wrap:not(:first-child) {
    position: relative;
}

.renewal-online-cont-wrap:not(:first-child)::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: clamp(10px, 1.2vw, 18px) solid rgba(0, 0, 0, 0);
    border-left: clamp(10px, 1.2vw, 18px) solid rgba(0, 0, 0, 0);
    border-top: clamp(16px, 1.87vw, 28px) solid #122b54;
    border-bottom: 0;
    position: absolute;
    bottom: calc(100% + clamp(8px, 1.2vw, 18px));
    left: 50%;
    transform: translateX(-50%);
}

.renewal-online-movie-wrap {
    width: min(560px, 100%);
    margin-inline: auto;
}

.renewal-online-movie-inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.renewal-online-movie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* consultation */
.renewal-consultation-line-bg {
    background-color: #deece2;
}

.renewal-consultation-line-title {
    color: #3cae3c;
}

.renewal-consultation-box-title {
    padding-top: clamp(42px, 4vw, 60px);
}

.renewal-consultation-box-title-web {
    background: url(../images/renewal_2024/renewal-icon-web.png) no-repeat center top / 1.4em;
}

.renewal-consultation-box-title-line {
    background: url(../images/renewal_2024/renewal-icon-line.png) no-repeat center top / 1.4em;
}

.renewal-consultation-box-title-tel {
    background: url(../images/renewal_2024/renewal-icon-tel.png) no-repeat center top / 1.4em;
}

.renewal-consultation-button-area {
    max-width: initial;
}

@media screen and (max-width: 768px) {
    .renewal-consultation-button-area {
        width: 100%;
    }
}

.renewal-consultation-button-area .renewal-button-r {
    width: 100%;
}

.renewal-consultation-button-area .renewal-button-r .renewal-link {
    grid-template-columns: auto 1fr auto;
    width: 100%;
}

.renewal-consultation-button-area .renewal-button-r .renewal-link::before {
    content: "";
    display: block;
    width: 3.4em;
    height: 3.4em;
    transition: 0.2s ease-in-out;
}

@media screen and (max-width: 768px) {
    .renewal-consultation-button-area .renewal-button-r .renewal-link::before {
        width: 1.5em;
        height: 1.5em;
    }
}

.renewal-consultation-button-area .renewal-button-r .renewal-link.renewal-link-medicine::before {
    background: url(../images/renewal_2024/renewal-icon-medicine.png) no-repeat center center / contain;
}

.renewal-consultation-button-area .renewal-button-r .renewal-link.renewal-link-virus::before {
    background: url(../images/renewal_2024/renewal-icon-virus.png) no-repeat center center / contain;
}

.renewal-consultation-button-area .renewal-button-r .renewal-link.renewal-link-injection::before {
    background: url(../images/renewal_2024/renewal-icon-injection.png) no-repeat center center / contain;
}

.renewal-consultation-button-area .renewal-button-r .renewal-link.renewal-link-booster::before {
    background: url(../images/renewal_2024/renewal-icon-booster.png) no-repeat center center / contain;
}

@media (any-hover: hover) {
    .renewal-consultation-button-area .renewal-button-r:hover .renewal-link.renewal-link-medicine::before {
        background: url(../images/renewal_2024/renewal-icon-medicine-hover.png) no-repeat center center / contain;
    }

    .renewal-consultation-button-area .renewal-button-r:hover .renewal-link.renewal-link-virus::before {
        background: url(../images/renewal_2024/renewal-icon-virus-hover.png) no-repeat center center / contain;
    }

    .renewal-consultation-button-area .renewal-button-r:hover .renewal-link.renewal-link-injection::before {
        background: url(../images/renewal_2024/renewal-icon-injection-hover.png) no-repeat center center / contain;
    }

    .renewal-consultation-button-area .renewal-button-r:hover .renewal-link.renewal-link-booster::before {
        background: url(../images/renewal_2024/renewal-icon-booster-hover.png) no-repeat center center / contain;
    }
}

.renewal-consultation-modal .p-consultation-modalListButton {
    background-color: #122b54;
}

.renewal-consultation-check-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5em 2%;
}

@media screen and (max-width: 768px) {
    .renewal-consultation-check-list {
        grid-template-columns: 1fr;
        width: min(290px, 100%);
        margin-inline: auto;
    }
}

.renewal-consultation-check-item {
    display: grid;
    grid-template-columns: clamp(20px, 2.13vw, 36px) auto;
    gap: 0.2em;
    align-items: center;
    justify-content: center;
    height: 5em;
    background-color: #122b54;
}

@media screen and (max-width: 768px) {
    .renewal-consultation-check-item {
        grid-template-columns: clamp(20px, 2.13vw, 36px) 11em;
        min-height: 3.8em;
        height: auto;
    }
}

.renewal-consultation-check-item::before {
    content: "";
    width: clamp(20px, 2.13vw, 36px);
    height: clamp(20px, 2.13vw, 36px);
    display: block;
    background: url(../images/renewal_2024/renewal-icon-check.png) no-repeat center center / contain;
}

.renewal-consultation-check-text {
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: clamp(14px, 1.2vw, 18px);
    width: -moz-fit-content;
    width: fit-content;
}

.renewal-consultation-check-plus {
    max-width: 560px;
    position: relative;
}

.renewal-consultation-check-plus::before,
.renewal-consultation-check-plus::after {
    content: "";
    display: block;
    width: clamp(30px, 4.67vw, 70px);
    height: 3px;
    background-color: #333;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.renewal-consultation-check-plus::before {
    top: clamp(32px, 4.67vw, 70px);
}

.renewal-consultation-check-plus::after {
    top: clamp(32px, 4.67vw, 70px);
    transform: translateX(-50%) rotate(90deg);
}

.renewal-consultation-line-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-consultation-line-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 425px) {
    .renewal-consultation-line-list {
        grid-template-columns: 1fr;
    }
}

.renewal-consultation-line-item {
    display: grid;
    justify-items: center;
    row-gap: 1em;
}

.renewal-consultation-line-item:nth-child(-n + 3) {
    border-bottom: 1px solid #333;
}

.renewal-consultation-line-item:nth-of-type(3n-1) {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

@media screen and (max-width: 768px) {
    .renewal-consultation-line-item:nth-of-type(3n-1) {
        border-left: none;
        border-right: none;
    }

    .renewal-consultation-line-item:nth-last-child(2n) {
        border-bottom: 1px solid #333;
    }

    .renewal-consultation-line-item:nth-of-type(odd) {
        border-right: 1px solid #333;
    }
}

@media screen and (max-width: 425px) {
    .renewal-consultation-line-item:not(:last-child) {
        border-bottom: 1px solid #333;
    }

    .renewal-consultation-line-item:nth-of-type(odd) {
        border-right: none;
    }
}

.renewal-consultation-line-clinic {
    height: min(38px, 3.4vw);
}

@media screen and (max-width: 768px) {
    .renewal-consultation-line-clinic {
        height: max(24px, 5vw);
    }
}

.renewal-consultation-line-clinic img {
    width: auto;
    height: 100%;
}

.renewal-consultation-line-qr {
    max-width: 120px;
    margin-inline: auto;
}

.renewal-consultation-line-button {
    max-width: 130px;
    margin-inline: auto;
}

.renewal-consultation-tel-clinic {
    height: max(20px, 3.6vw);
}

@media screen and (max-width: 425px) {
    .renewal-consultation-tel-clinic {
        height: 9vw;
    }
}

.renewal-consultation-tel-clinic img {
    width: auto;
    height: 100%;
}

.renewal-consultation-column {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 1em 2%;
}

@media screen and (max-width: 768px) {
    .renewal-consultation-column {
        grid-template-columns: 1fr;
    }
}

.renewal-consultation-tel-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 425px) {
    .renewal-consultation-tel-list {
        grid-template-columns: 1fr;
    }
}

.renewal-consultation-tel-item {
    padding-top: clamp(16px, 1.33vw, 20px);
    padding-bottom: clamp(16px, 1.33vw, 20px);
    padding-left: clamp(16px, 1.33vw, 20px);
    padding-right: clamp(16px, 1.33vw, 20px);
}

@media screen and (max-width: 425px) {
    .renewal-consultation-tel-item {
        padding-left: 0;
        padding-right: 0;
    }
}

.renewal-consultation-tel-item:nth-child(odd) {
    border-right: 1px solid #333;
}

.renewal-consultation-tel-item:nth-child(-n + 4) {
    border-bottom: 1px solid #333;
}

@media screen and (max-width: 425px) {
    .renewal-consultation-tel-item:nth-child(odd) {
        border-right: none;
    }

    .renewal-consultation-tel-item:not(:last-child) {
        border-bottom: 1px solid #333;
    }
}

.renewal-consultation-type {
    display: block;
    font-size: clamp(14px, 1.07vw, 16px);
    text-align: center;
    padding: 0.2em 0.5em;
    border-radius: 1em;
}

.renewal-consultation-type.renewal-consultation-type-place {
    background-color: #ccc;
}

.renewal-consultation-type.renewal-consultation-type-both {
    background-color: #f90;
    color: #fff;
}

.renewal-consultation-type.renewal-consultation-type-male {
    background-color: #122b54;
    color: #fff;
}

.renewal-consultation-tel {
    display: grid;
    grid-template-columns: 1.2em 1fr;
    align-items: center;
    width: fit-content;
    margin-inline: auto;
    font-size: clamp(20px, 2.27vw, 34px);
    font-weight: 700;
    font-family: "Barlow", sans-serif;
    color: #122b54;
}

@media screen and (max-width: 425px) {
    .renewal-consultation-tel {
        font-size: 26px;
    }
}

.renewal-consultation-tel::before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    background: url(../images/renewal_2024/renewal-icon-tel.png) no-repeat left center / contain;
}

.renewal-consultation-tel-text {
    width: fit-content;
    border-bottom: 1px solid #122b54;
}

/* refferal */
.renewal-refferal-present-list-wrap {
    display: grid;
    grid-template-columns: 63% auto 19%;
    gap: 1em 5%;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .renewal-refferal-present-list-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-refferal-present-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5%;
}

.renewal-refferal-present-item {
    display: grid;
}

.renewal-refferal-present-item:nth-child(1) {
    background: url(../images/renewal_2024/renewal-refferal-present-bg01.png) no-repeat center bottom / contain;
}

.renewal-refferal-present-item:nth-child(2) {
    background: url(../images/renewal_2024/renewal-refferal-present-bg02.png) no-repeat center bottom / contain;
}

.renewal-refferal-present-item:nth-child(3) {
    background: url(../images/renewal_2024/renewal-refferal-present-bg03.png) no-repeat center bottom / contain;
}

.renewal-refferal-present-item-conditioner .renewal-refferal-present-item {
    background: url(../images/renewal_2024/renewal-refferal-present-bg04.png) no-repeat center bottom / contain;
}

.renewal-refferal-present-image-area {
    display: grid;
    justify-content: center;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.renewal-refferal-present-image {
    display: block;
    max-width: 90px;
    margin-inline: auto;
}

@media screen and (max-width: 768px) {
    .renewal-refferal-present-image {
        width: clamp(50px, 11.72vw, 90px);
    }
}

.renewal-refferal-present-text {
    padding: 0.5em;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 700;
    color: #fff;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
    display: block;
    margin-top: 0.5em;
}

.renewal-refferal-present-item:nth-child(1) .renewal-refferal-present-text {
    background-color: #a13c3f;
}

.renewal-refferal-present-item:nth-child(2) .renewal-refferal-present-text {
    background-color: #0055b9;
}

.renewal-refferal-present-item:nth-child(3) .renewal-refferal-present-text {
    background-color: #534482;
}

.renewal-refferal-present-item-conditioner .renewal-refferal-present-item .renewal-refferal-present-text {
    background-color: #b1ab9a;
}

.renewal-refferal-nav-wrap .renewal-page-link-list {
    grid-template-columns: repeat(2, auto);
}

@media screen and (max-width: 768px) {
    .renewal-refferal-nav-wrap .renewal-page-link-list {
        grid-template-columns: 1fr;
        width: fit-content;
        margin-inline: auto;
    }
}

.renewal-refferal-box {
    display: grid;
    align-content: space-between;
}

/* experience */
.renewal-experience-mv {
    background: url(../images/renewal_2024/renewal-experience-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-experience-mv {
        background-position-x: 84%;
    }

    .renewal-experience-mv .renewal-mv-text-wrap {
        top: 78%;
    }
}

.renewal-experience-check-list {
    width: max-content;
    margin-inline: auto;
}

.renewal-experience-check-item {
    display: grid;
    grid-template-columns: clamp(20px, 2.13vw, 36px) auto;
    gap: 0.2em;
    align-items: center;
    justify-content: flex-start;
    height: 5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #122b54;
}

@media screen and (max-width: 768px) {
    .renewal-experience-check-item {
        grid-template-columns: clamp(20px, 2.13vw, 36px) 11em;
        min-height: 3.8em;
        height: auto;
    }
}

.renewal-experience-check-item::before {
    content: "";
    width: clamp(20px, 2.13vw, 36px);
    height: clamp(20px, 2.13vw, 36px);
    display: block;
    background: url(../images/renewal_2024/renewal-icon-check.png) no-repeat center center / contain;
}

.renewal-experience-check-text {
    font-weight: 700;
    color: #fff;
    display: block;
    font-size: clamp(14px, 1.2vw, 18px);
    width: -moz-fit-content;
    width: fit-content;
}

.renewal-experience-image {
    display: block;
    max-width: 700px;
    margin-inline: auto;
}

.renewal-experience-cost {
    border-bottom: 1px solid #b3b3b3;
}

/* renewal-clinic-location */
.renewal-clinic-location-wrap .c-clinicLocationBox-titleArea {
    background-color: #122b54;
}

.renewal-clinic-location-wrap .c-clinicLocationBox {
    border-color: #122b54;
}

.renewal-clinic-location-wrap .c-clinicLocationBox .renewal-button-r {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 0;
}

@media (any-hover: hover) {
    .renewal-clinic-location-wrap .c-clinicLocationBox .renewal-button-r:hover {
        background-color: #ffffff;
        opacity: 0.7;
    }
}

.renewal-clinic-location-wrap .c-clinicLocationBox-timeTitle th {
    color: #122b54;
}

.renewal-clinic-location-wrap .c-clinicData-tel {
    font-family: "Barlow", sans-serif;
}

/* renewal-care-thinking */
@media screen and (max-width: 768px) {
    .renewal-care-thinking-table.p-common-table th {
        width: fit-content;
    }
}

/* cigarette */
.renewal-cigarette-mv {
    background: url(../images/renewal_2024/renewal-cigarette-mv.jpg) no-repeat left 40% center / cover;
}

@media screen and (max-width: 425px) {
    .renewal-cigarette-mv {
        background-position-x: 60%;
    }

    .renewal-cigarette-mv .renewal-mv-text-wrap {
        top: 68%;
    }
}

.renewal-cigarette-figure-area {
    display: grid;
    grid-template-columns: 1fr 23% 1fr;
    grid-template-rows: auto 1fr;
    row-gap: 0.2em;
}

.renewal-cigarette-figure-title {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 1.6em;
    background-color: #666666;
}

@media screen and (max-width: 425px) {
    .renewal-cigarette-figure-title {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

.renewal-cigarette-figure-title:nth-child(2) {
    grid-column: 3;
    background-color: #122b54;
}

.renewal-cigarette-figure-image {
    grid-column: 1 / 4;
}

.renewal-cigarette-price-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.2em 0.5em;
    width: fit-content;
    margin-inline: auto;
}

.renewal-cigarette-price-title-clinic {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    color: #fff;
    padding: 0.3em 1em;
    border-radius: 1.2em;
    background-color: #f90;
}

/* vibration */
.renewal-vibration-mv {
    position: relative;
}

.renewal-vibration-mv-image {
    padding-left: 4%;
    padding-right: 4%;
    background-color: #000000;
}

@media screen and (max-width: 768px) {
    .renewal-vibration-mv-image {
        padding-left: 0;
        padding-right: 0;
    }
}

.renewal-vibration-mv-link {
    position: absolute;
    left: 50%;
    bottom: 12em;
    transform: translateX(-50%);
    letter-spacing: 0.22em;
}

@media (any-hover: hover) {
    .renewal-vibration-mv-link:hover {
        text-decoration: underline;
    }
}

@media screen and (max-width: 768px) {
    .renewal-vibration-mv-link {
        width: 100%;
        font-size: 12px;
        letter-spacing: 0;
        bottom: 25%;
        padding-left: 5%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-vibration-mv-link {
        font-size: 10px;
    }
}

.renewal-vibration-mv-text {
    margin-top: -6%;
    padding-top: 0.5em;
    padding-bottom: 2.4em;
    padding-left: 4%;
    padding-right: 4%;
    background-color: #ff0;
    background: #ff0 url(../images/renewal_2024/renewal-vibration-mv-arr.png) no-repeat center bottom 0.5em / 1.5em;
    position: relative;
}

@media screen and (min-width: 1921px) {
    .renewal-vibration-mv-text {
        margin-top: 0;
        padding-top: 1em;
        padding-bottom: 3em;
        position: absolute;
        z-index: 1;
        width: 100%;
        bottom: 0;
    }
}

.renewal-vibration-joint-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: flex-start;
    gap: 3.6em 5%;
}

@media screen and (max-width: 768px) {
    .renewal-vibration-joint-wrap {
        grid-template-columns: 1fr;
    }
}

.renewal-vibration-joint-content {
    position: relative;
}

.renewal-vibration-joint-content:not(:last-child)::before,
.renewal-vibration-joint-content:not(:last-child)::after {
    content: "";
    width: 12%;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 50%;
    right: -14%;
}

.renewal-vibration-joint-content:not(:last-child)::before {
    transform: translateY(-50%) rotate(45deg);
}

.renewal-vibration-joint-content:not(:last-child)::after {
    transform: translateY(-50%) rotate(-45deg);
}

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

    .renewal-vibration-joint-content:not(:last-child)::before,
    .renewal-vibration-joint-content:not(:last-child)::after {
        width: 2em;
        top: auto;
        bottom: -1.5em;
        right: 50%;
    }

    .renewal-vibration-joint-content:not(:last-child)::before {
        transform: translate(50%, 0) rotate(45deg);
    }

    .renewal-vibration-joint-content:not(:last-child)::after {
        transform: translate(50%, 0) rotate(-45deg);
    }
}

.renewal-vibration-joint-logo {
    height: min(40px, 3vw);
}

@media screen and (max-width: 768px) {
    .renewal-vibration-joint-logo {
        height: min(40px, 12vw);
    }
}

.renewal-vibration-joint-logo img {
    width: auto;
    height: 100%;
}

.renewal-vibration-effect-area {
    border: clamp(3px, 0.33vw, 5px) solid #122b54;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}

.renewal-vibration-effect-title {
    background-color: #122b54;
}

.renewal-vibration-effect-box {
    background-color: #122b54;
}

.renewal-vibration-effect-image-area {
    display: grid;
    grid-template-columns: auto repeat(2, 1fr);
    align-items: center;
    column-gap: 3em;
    max-width: 680px;
    margin-inline: auto;
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-vibration-effect-image-area {
        grid-template-columns: 4.8em repeat(2, 1fr);
        column-gap: 1.5em;
    }
}

.renewal-vibration-effect-image-area::before {
    content: "";
    width: 1em;
    height: 1.5em;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    display: block;
    background-color: #999;
    position: absolute;
    top: 50%;
    right: calc((100% - 8em) / 2 - 2em);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .renewal-vibration-effect-image-area::before {
        right: calc((100% - 4.8em) / 2 - 1.3em);
    }
}

.renewal-vibration-effect-image-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8em;
    height: 10em;
    background-color: #999;
    font-weight: 700;
    color: #fff;
    position: relative;
}

@media screen and (max-width: 768px) {
    .renewal-vibration-effect-image-title {
        width: 100%;
        height: 5em;
    }
}

.renewal-vibration-effect-image-title::after {
    content: "";
    width: 1em;
    height: 1.5em;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    display: block;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.renewal-vibration-effect-image {
    border-radius: 50%;
    overflow: hidden;
}

.renewal-vibration-effect-image-area-done::before,
.renewal-vibration-effect-image-area-done .renewal-vibration-effect-image-title,
.renewal-vibration-effect-image-area-done .renewal-vibration-effect-image-title::after {
    background-color: #6f6050;
}

.renewal-vibration-effect-result {
    position: relative;
}

.renewal-vibration-effect-result::before {
    content: "";
    background-color: #122b54;
    width: 12%;
    height: min(3em, 6vw);
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0%);
    clip-path: polygon(0 0, 50% 100%, 100% 0%);
    position: absolute;
    top: max(-4.5em, -6vw);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .renewal-vibration-effect-result::before {
        width: max(3em, 12vw);
        height: max(1.2em, 5vw);
        top: -2.4em;
    }
}

.renewal-vibration-excellent-title {
    background-color: #122b54;
    color: #fff;
    letter-spacing: 0.2em;
    padding-top: 0.8em;
    padding-bottom: 0.2em;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 2em;
    position: relative;
}

.renewal-vibration-excellent-title::after {
    content: "";
    background-color: #122b54;
    width: 100%;
    height: 2em;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0%);
    clip-path: polygon(0 0, 50% 100%, 100% 0%);
    position: absolute;
    top: 99.5%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.renewal-vibration-youtube-area {
    width: 100%;
    position: relative;
}

.renewal-vibration-youtube-temp {
    margin-top: 2.1em;
    padding-bottom: 12%;
    padding-right: 16%;
    background: url(../images/renewal_2024/renewal-vibration-movie-temp.png) no-repeat right center / contain;
    display: block;
}

.renewal-vibration-youtube-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 6em;
    height: 4.071em;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.7em;
    transition: all 500ms ease;
    font-size: 100%;
}

.renewal-vibration-youtube-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-width: 0.857em 0 0.857em 1.429em;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

.renewal-vibration-youtube-hover {
    position: relative;
}

.renewal-vibration-youtube-hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 500ms ease;
}

@media (any-hover: hover) {
    .renewal-vibration-youtube-area:hover .renewal-vibration-youtube-hover::after {
        opacity: 1;
    }
}

.renewal-vibration-check-list {
    width: max-content;
    margin-inline: auto;
}

.renewal-vibration-overview-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.renewal-vibration-overview-content .renewal-nomal-r-title {
    width: 100%;
}

.renewal-vibration-reason-title {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #122b54;
    color: #ffffff;
    line-height: 1.2;
}

.renewal-vibration-reason-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 4%;
}

@media screen and (max-width: 768px) {
    .renewal-vibration-reason-list {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin-inline: auto;
    }
}

/* renewal-column */
.p-mv.p-mv-column {
    padding-top: clamp(60px, 8vw, 120px);
    padding-bottom: clamp(60px, 8vw, 120px);
}

.renewal-column-nav-wrap .renewal-page-link-list {
    grid-template-columns: repeat(4, auto);
}

.renewal-column-nav-wrap .renewal-page-link-list .renewal-link-text {
    font-size: clamp(14px, 1.07vw, 16px);
}

@media screen and (max-width: 768px) {
    .renewal-column-nav-wrap .renewal-page-link-list {
        grid-template-columns: repeat(3, auto);
    }

    .renewal-column-nav-wrap .renewal-page-link-list .renewal-link {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .renewal-column-nav-wrap .renewal-page-link-list {
        grid-template-columns: repeat(2, auto);
    }
}

.renewal-column-item {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 span;
}

.renewal-column-link {
    display: flex;
    flex-direction: column;
    row-gap: clamp(16px, 1.33vw, 20px);
    padding-top: clamp(16px, 2vw, 30px);
    padding-bottom: clamp(16px, 2vw, 30px);
    padding-left: 5%;
    padding-right: 5%;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
    border-radius: clamp(12px, 1.07vw, 16px);
}

.renewal-column-image {
    margin-top: auto;
    border: 1px solid #f2f2f2;
}

.renewal-column-image img {
    aspect-ratio: 3/2;
}

.renewal-column-title {
    font-size: clamp(16px, 1.33vw, 20px);
    font-weight: 700;
    text-align: center;
    color: #122b54;
}

.renewal-column-title-subText {
    color: #122b54;
}

.renewal-column-point-title {
    background-color: #122b54;
}

.renewal-column-point-box {
    border-color: #122b54;
}

.renewal-column-tag-text {
    background-color: #122b54;
}

.renewal-column-post.p-column-post .p-column-h2 {
    display: block;
    margin-top: clamp(50px, 6.67vw, 100px);
    margin-bottom: clamp(20px, 2.67vw, 40px);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    font-size: clamp(30px, 3.07vw, 46px);
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.16em;
    font-feature-settings: "palt";
    color: #333333;
    padding-left: 0;
    padding-right: 0;
    background-color: initial;
    position: initial;
}

.renewal-column-post.p-column-post .p-column-h2::after {
    content: none;
}

.renewal-column-post #toc_container {
    width: min(720px, 92%);
    padding: 2em 0;
    background-color: #dee6ec;
    border: none;
}

.renewal-column-post #toc_container .toc_title {
    margin-bottom: clamp(15px, 2vw, 30px);
    padding-bottom: 0.5em;
    border-bottom: 1px solid #122b54;
    border-radius: 0;
    background-color: initial;
    color: #122b54;
    font-weight: 700;
    text-align: center;
    font-family: "Barlow", sans-serif;
    letter-spacing: 0.2em;
}

.renewal-column-post .renewal-bg-lightblue .p-column-h3 {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    background-color: initial;
}

.renewal-column-post .renewal-bg-lightblue .p-column-h3:first-child,
.renewal-column-post .renewal-bg-lightblue .p-column-text:first-child {
    margin-top: 0;
}

.renewal-column-post .renewal-bg-lightblue .p-column-text:last-child {
    margin-bottom: 0;
}

.renewal-column-movie-area {
    width: 100%;
    position: relative;
}

.renewal-column-movie-temp {
    margin-top: 2.1em;
    padding-bottom: 12%;
    padding-right: 16%;
    background: url(../images/renewal_2024/renewal-vibration-movie-temp.png) no-repeat right center / contain;
    display: block;
}

.renewal-column-movie-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 6em;
    height: 4.071em;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.7em;
    transition: all 500ms ease;
    font-size: 100%;
}

.renewal-column-movie-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-width: 0.857em 0 0.857em 1.429em;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}

.renewal-column-movie-hover {
    max-width: 700px;
    margin-inline: auto;
    position: relative;
}

.renewal-column-movie-hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 500ms ease;
}

@media (any-hover: hover) {
    .renewal-column-movie-area:hover .renewal-column-movie-hover::after {
        opacity: 1;
    }
}

.renewal-column-post .renewal-common-case-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
}

.renewal-column-post .c-checkTextWrap {
    width: 100%;
}

.renewal-column-post .renewal-common-case-list.renewal-column-case-3column {
    grid-template-columns: repeat(3, 1fr);
}

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

    .renewal-column-post .renewal-common-case-list,
    .renewal-column-post .renewal-common-case-list.renewal-column-case-3column {
        grid-template-columns: 1fr;
    }
}

.renewal-column-select-note {
    max-width: 500px;
    margin-inline: auto;
}

.renewal-column-case-1column .renewal-common-case-image-area {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 768px) {
    .renewal-column-case-1column .renewal-common-case-image-area {
        grid-template-columns: 1fr;
    }
}

.renewal-column-case-1column .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image-title {
    background-color: #2c5393;
}

.renewal-column-case-1column .renewal-common-case-image-block:nth-child(3) .renewal-common-case-image-title {
    background-color: #122b54;
    font-size: clamp(16px, 1.47vw, 22px);
}

.renewal-column-case-1column .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image {
    position: relative;
}

.renewal-column-case-1column .renewal-common-case-image::after {
    z-index: 1;
}

.renewal-column-case-1column .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(40px, 3.33vw, 50px);
    height: clamp(40px, 3.33vw, 50px);
    margin-inline: auto;
    border-radius: 60px;
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 50%;
    left: calc(100% - clamp(13px, 0.93vw, 14px));
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .renewal-column-case-1column .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image::after {
        top: auto;
        bottom: clamp(-24px, -2vw, -30px);
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
}

.renewal-column-case-1column .renewal-common-case-list-item:nth-child(1) .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%, #cccccc;
}

.renewal-column-case-1column .renewal-common-case-list-item:nth-child(2) .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%, #eaf1f3;
}

.renewal-column-case-1column .renewal-common-case-list-item:nth-child(3) .renewal-common-case-image-block:nth-child(1) .renewal-common-case-image::after,
.renewal-column-case-1column .renewal-common-case-list-item:nth-child(3) .renewal-common-case-image-block:nth-child(2) .renewal-common-case-image::after {
    background: url(../images/top/arrow.svg) no-repeat center center / 50%, #d8e1e5;
}

.renewal-column-post .renewal-cost-detail-right {
    padding-right: 4%;
}

.renewal-column-post .renewal-cost-detail-left {
    padding-left: 4%;
}

.renewal-column-post .renewal-cost-detail-left-title::after {
    width: 100%;
    left: -4%;
    right: auto;
}

/* news */
.renewal-news-mv {
    background: url(../images/renewal_2024/renewal-news-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-news-mv .renewal-mv-text-wrap {
        top: 76%;
    }
}

.p-clinic-sapporo .renewal-news-mv {
    background: url(../images/renewal_2024/renewal-sapporo-mv.jpg) no-repeat right center / cover;
}

.p-clinic-tokyo .renewal-news-mv {
    background: url(../images/renewal_2024/renewal-tokyo-mv.jpg) no-repeat right center / cover;
}

.p-clinic-shinjuku .renewal-news-mv {
    background: url(../images/renewal_2024/renewal-shinjuku-mv.jpg) no-repeat right center / cover;
}

.p-clinic-nagoya .renewal-news-mv {
    background: url(../images/renewal_2024/renewal-nagoya-mv.jpg) no-repeat right center / cover;
}

.p-clinic-osaka .renewal-news-mv {
    background: url(../images/renewal_2024/renewal-osaka-mv.jpg) no-repeat right center / cover;
}

.p-clinic-fukuoka .renewal-news-mv {
    background: url(../images/renewal_2024/renewal-fukuoka-mv.jpg) no-repeat right center / cover;
}

@media screen and (max-width: 768px) {
    .renewal-news .renewal-news-mv {
        background-position-x: 90%;
    }
}

.renewal-news .p-newsList-category .p-newsList-clinic.c-buttonArrow::after {
    background: url(../images/renewal_2024/renewal-arrow-black.svg) no-repeat center center / contain;
}

.renewal-news .p-newsList-buttonActive::before {
    background-color: #122b54;
}

.renewal-news .p-newsList-buttonActive.p-newsList-clinic.c-buttonArrow::after {
    background: url(../images/renewal_2024/renewal-arrow-white.svg) no-repeat center center / contain;
}

.renewal-news-content-wrap {
    width: calc(1100px + (100vw - 1100px) / 2);
    margin-left: auto;
}

@media screen and (max-width: 1200px) {
    .renewal-news-content-wrap {
        width: 96%;
    }
}

.renewal-news-content-area {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: clamp(20px, 2.67vw, 40px);
}

@media screen and (max-width: 768px) {
    .renewal-news-content-area {
        grid-template-columns: 1fr;
    }

    .renewal-news-content-area .p-newsList-archiveArea {
        grid-column: 1;
        grid-row: 2;
    }

    .renewal-news-content-area .p-newsList-listArea {
        grid-column: 1;
        grid-row: 1;
    }
}

/* covid19 */
.renewal-covid19-mv {
    background: url(../images/renewal_2024/renewal-covid19-mv.jpg) no-repeat right center / cover;
}

/* aga-feature */
.renewal-aga-feature-imageS {
    display: block;
    max-width: 680px;
}

/* selfCheck */
.renewal-self-check-mv {
    background: url(../images/renewal_2024/renewal-self-check-mv.jpg) no-repeat left center / cover;
    position: relative;
}

@media screen and (max-width: 1500px) {
    .renewal-self-check-mv {
        background: url(../images/renewal_2024/renewal-self-check-mv.jpg) no-repeat right 50% center / cover;
    }
}

@media screen and (max-width: 768px) {
    .renewal-self-check-mv {
        background: url(../images/renewal_2024/renewal-self-check-mv.jpg) no-repeat right 36% center / cover;
    }
}

@media screen and (max-width: 425px) {
    .renewal-self-check-mv {
        background: url(../images/renewal_2024/renewal-self-check-mv.jpg) no-repeat right 30% center / cover;
    }
}

@media screen and (max-width: 1024px) {
    .renewal-self-check-mv .name-circle {
        width: 160px;
        height: 160px;
    }
}

@media screen and (max-width: 768px) {
    .renewal-self-check-mv .name-circle {
        width: 180px;
        height: 180px;
    }
}

@media screen and (max-width: 425px) {
    .renewal-self-check-mv .renewal-mv-text-wrap {
        top: 80%;
    }

    .renewal-self-check-mv .name-circle {
        width: 140px;
        height: 140px;
        position: absolute;
        left: 2%;
        right: auto;
        bottom: 40%;
    }
}

/* minoxiB-study */
.renewal-minoxiB-study-mv {
    background: url(../images/renewal_2024/renewal-minoxiB-study-mv.jpg) no-repeat right center / cover;
}

.renewal-minoxiB-contentsBlock {
    display: grid;
    gap: clamp(24px, 2.13vw, 32px) 5%;
    grid-template-columns: 1fr 45%;
    grid-template-rows: auto auto;
    grid-template-areas: "area1 area2" "area3 area4";
}

@media screen and (max-width: 768px) {
    .renewal-minoxiB-contentsBlock {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "area1" "area2" "area3" "area4";
    }
}

.renewal-minoxiB-content1 {
    grid-area: area1;
}

.renewal-minoxiB-content2 {
    grid-area: area2;
}

.renewal-minoxiB-content3 {
    grid-area: area3;
}

.renewal-minoxiB-content4 {
    grid-area: area4;
}

@media screen and (max-width: 1500px) {
    .renewal-minoxiB-content4 {
        display: block;
        width: 82%;
        margin-inline: auto;
    }
}

@media screen and (max-width: 768px) {
    .renewal-minoxiB-content4 {
        max-width: 480px;
    }
}

/* renewal-yuutai */
.renewal-yuutai .renewal-page-link-flex-list {
    width: fit-content;
    margin-inline: auto;
}