@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
:root {
    --font-base: "Inter", sans-serif;
    --font-en: "Times New Roman", Times, serif;
    --font-yumincho: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN","Hiragino Mincho Pro", "MS PMincho", "MS Mincho", 'Noto Serif JP', serif;
    --font-yugochic: "游ゴシック体", YuGothic, "游ゴシック Medium","Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo;
    --color-main: #122340;
    --color-black: #444;
    --blue-gradient02: linear-gradient(270deg, #061B2F 0%, #125695 39.9%, #125695 60%, #061B2F 100%);
    --gold-gradient02: linear-gradient(44deg, #FFF 0%, #FFFCDC 2%, #FFF9BF 3%, #FFF8AA 5%, #FFF79D 6%, #FFF799 8%, #DFB743 17%, #FFF799 27%, #FFF 34%, #FFFCDC 36%, #FFF9BF 38%, #FFF8AA 40%, #FFF79D 42%, #FFF799 44%, #DFB743 53%, #FFF799 62%, #FFF 72%, #FFFCDC 74%, #FFF9BF 75%, #FFF8AA 77%, #FFF79D 78%, #FFF799 80%, #DFB743 90%, #B09033 100%);
    --gold-gradient03: linear-gradient(90deg, #E4C459 0%, #FFFCD7 49.52%, #E4C459 100%);
    --padding-pc: 20px;
    --padding-sp: 12px
}

/* テストWP：6634、本番WP：5147 */
.postid-6634, .postid-5147 {
    overflow-x:clip
}
.postid-6634 .content-area,
.postid-5147 .content-area {
    width:100%;
    margin:unset;
    padding-top:unset
}
.postid-6634 .content-area .site-main,
.postid-5147 .content-area .site-main {
    float:unset;
    width:100%
}
.postid-6634 article.basiclower,
.postid-5147 article.basiclower {
    max-width:unset;
    max-width:1920px;
    overflow-x:clip
}
@media all and (max-width: 980px) {
    .postid-6634 article.basiclower,
    .postid-5147 article.basiclower {
        padding:0
    }
}

.postid-6634 article.basiclower *,.postid-6634 article.basiclower *::before,.postid-6634 article.basiclower *::after,
.postid-5147 article.basiclower *,.postid-5147 article.basiclower *::before,.postid-5147 article.basiclower *::after {
    box-sizing:border-box
}
.postid-6634 #overview,.postid-6634 #qa,.postid-6634 #flow,.postid-6634 #price,
.postid-5147 #overview,.postid-5147 #qa,.postid-5147 #flow,.postid-5147 #price {
    margin-bottom:unset
}
.postid-6634 p,
.postid-5147 p {
    margin-bottom:unset
}
.postid-6634 section,
.postid-5147 section {
    margin-bottom:unset
}
.postid-6634 .floatList ul li,
.postid-5147 .floatList ul li {
    background:var(--color-main)
}
.postid-6634 .floatList ul li a:hover,.postid-6634 .floatList ul li a:active,
.postid-5147 .floatList ul li a:hover,.postid-5147 .floatList ul li a:active {
    background:#125695;
    color:#fff
}
.lip-lift {
    color:var(--color-black);
    font-family:var(--font-base);
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%
}
@media all and (max-width: 980px) {
    .lip-lift {
        font-size:4vw
    }
}
.lip-lift a {
    text-decoration:none;
    transition:.3s
}
.lip-lift a:hover {
    cursor:pointer
}
.lip-lift span {
    display:inline-block
}
.lip-lift iframe {
    width:100%;
    max-width:100%
}
.lip-lift button {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background:none;
    border:none;
    border-radius:0
}
.c-btn {
    position:relative;
    display:block;
    max-width:720px;
    margin-inline:auto;
    padding:24px;
    border:1px solid #badceb;
    border-radius:5px;
    background:#eef7fa;
    color:#3372b8;
    font-family:var(--font-base);
    font-size:18px;
    font-weight:400;
    line-height:1.4;
    text-align:center
}
@media all and (max-width: 980px) {
    .c-btn {
        max-width:100%;
        padding-block:2.9333333333vw;
        font-size:3.7333333333vw
    }
}
.c-btn::after {
    content:"";
    position:absolute;
    top:50%;
    right:26px;
    display:inline-block;
    width:7px;
    aspect-ratio:7/11;
    background:url(/img/medical/nose/lip-lift/arrow-lb.svg) no-repeat right center/contain;
    transform:translateY(-50%)
}
.c-heading2 {
    display:grid;
    justify-items:center;
    text-align:center;
    gap:8px;
    margin-bottom:40px;
    color:var(--color-main)
}
@media all and (max-width: 980px) {
    .c-heading2 {
        gap:2.1333333333vw;
        margin-bottom:6.4vw
    }
}
.c-heading2 .jp {
    font-family:var(--font-yumincho);
    font-size:40px;
    font-weight:600;
    line-height:1;
    letter-spacing:.1em
}
@media all and (max-width: 980px) {
    .c-heading2 .jp {
        font-size:6.4vw;
        line-height:1.3;
        letter-spacing:.04em
    }
}
.c-heading2 .en {
    display:inline-grid;
    grid-template-columns:auto auto auto;
    place-items:center;
    gap:8px;
    color:var(--color-main);
    font-family:var(--font-en);
    font-size:16px;
    font-weight:400;
    line-height:1;
    letter-spacing:.1em
}
@media all and (max-width: 980px) {
    .c-heading2 .en {
        font-size:3.4666666667vw;
        gap:2.1333333333vw
    }
}
.c-heading2 .en::before,.c-heading2 .en::after {
    content:"";
    display:inline-block;
    width:50px;
    height:3px
}
.c-heading2 .en::before {
    background:url(/img/medical/nose/lip-lift/orn-be-nv.svg) no-repeat center/contain
}
.c-heading2 .en::after {
    background:url(/img/medical/nose/lip-lift/orn-af-nv.svg) no-repeat center/contain
}
.c-heading2.--gold {
    background:var(--gold-gradient03);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0)
}
.c-heading2.--gold .en::before {
    background-image:url(/img/medical/nose/lip-lift/orn-be-gl.svg)
}
.c-heading2.--gold .en::after {
    background-image:url(/img/medical/nose/lip-lift/orn-af-gl.svg)
}
.c-attentionList {
    margin-block:8px
}
.c-attentionList li {
    list-style:none;
    position:relative;
    padding-left:1.2em;
    color:#d4344c;
    font-size:16px;
    font-weight:700;
    line-height:1.5
}
.c-attentionList li::before {
    content:"●";
    position:absolute;
    left:0;
    top:0;
    color:inherit
}
@media all and (max-width: 980px) {
    .c-attentionList li {
        font-size:3.4666666667vw
    }
}
.c-table {
    max-width:100%;
    width:100%
}
.c-table th,.c-table td {
    padding:16px;
    border:1px solid #ccc;
    font-size:18px
}
@media all and (max-width: 980px) {
    .c-table th,.c-table td {
        padding:3.2vw 2.1333333333vw;
        font-size:3.4666666667vw
    }
}
.c-table th {
    font-weight:700;
    background:#ebede6
}
.c-table td {
    background:#fff
}
.c-table thead {
    font-size:20px;
    font-weight:700
}
@media all and (max-width: 980px) {
    .c-table thead {
        font-size:3.4666666667vw
    }
}
.c-table thead th {
    background:#ebede6
}
.c-table thead td {
    background:#e7e9ec
}
.c-table.--typePrice thead th {
    text-align:center;
    padding:24px;
    font-size:20px
}
@media all and (max-width: 980px) {
    .c-table.--typePrice thead th {
        padding:2.6666666667vw;
        font-size:3.4666666667vw
    }
}
.c-table.--typePrice thead .reguler,.c-table.--typePrice thead .monitor {
    width:30%
}
@media all and (max-width: 980px) {
    .c-table.--typePrice thead .reguler,.c-table.--typePrice thead .monitor {
        width:33.33%
    }
    .c-table.--typePrice thead .reguler .tax,.c-table.--typePrice thead .monitor .tax {
        display:block;
        font-size:2.6666666667vw
    }
}
.c-table.--typePrice thead .monitor {
    background:#e7e9ec
}
.c-table.--typePrice .menu {
    text-align:center;
    font-size:20px;
    line-height:1.5
}
@media all and (max-width: 980px) {
    .c-table.--typePrice .menu {
        font-size:3.4666666667vw
    }
}
.c-table.--typePrice .price {
    text-align:right;
    vertical-align:middle;
    font-size:24px;
    font-weight:700;
    line-height:1;
    white-space:nowrap
}
@media all and (max-width: 980px) {
    .c-table.--typePrice .price {
        font-size:4.2666666667vw
    }
}
.c-table.--typePrice .price .yen {
    font-size:.833em
}
.c-table.--typePrice .closed {
    text-align:right;
    vertical-align:middle;
    font-size:16px;
    line-height:1
}
@media all and (max-width: 980px) {
    .c-table.--typePrice .closed {
        text-align:left;
        font-size:2.6666666667vw
    }
}
.l-secSpace {
    padding-block:72px
}
@media all and (max-width: 980px) {
    .l-secSpace {
        padding-block:10.6666666667vw
    }
}
.l-inner {
    width:100%;
    max-width:calc(980px + var(--padding-pc)*2);
    margin-inline:auto;
    padding-inline:var(--padding-pc)
}
@media all and (max-width: 980px) {
    .l-inner {
        padding-inline:var(--padding-sp)
    }
}
.u-visually-hidden {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0;
    white-space:nowrap
}
.u-strong {
    color:var(--color-main);
    font-weight:700
}
@media all and (min-width: 981px) {
    .u-viewSp {
        display:none
    }
}
@media all and (max-width: 980px) {
    .u-viewPc {
        display:none
    }
}
.p-fv {
    position:relative;
    height:600px
}
@media all and (max-width: 980px) {
    .p-fv {
        height:138.6666666667vw
    }
}
.p-fv__img {
    position:absolute;
    top:50%;
    left:50%;
    width:1920px;
    height:inherit;
    transform:translate(-50%, -50%)
}
@media all and (max-width: 980px) {
    .p-fv__img {
        width:100vw;
        height:inherit
    }
}
.p-fv__nav {
    position:absolute;
    bottom:32px;
    left:50%;
    max-width:980px;
    width:100%;
    transform:translateX(-50%)
}
@media all and (max-width: 980px) {
    .p-fv__nav {
        bottom:0
    }
}
.p-fv__nav-list {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    padding-block:8px;
    border-radius:8px;
    background:rgba(5,12,35,.85)
}
@media all and (max-width: 980px) {
    .p-fv__nav-list {
        grid-template-columns:repeat(2, 1fr);
        padding-block:0;
        border-radius:0
    }
}
.p-fv__nav-item {
    border-left:1px solid rgba(255,255,255,.2)
}
@media all and (max-width: 980px) {
    .p-fv__nav-item {
        border-bottom:1px solid rgba(255,255,255,.2)
    }
}
@media all and (max-width: 980px) {
    .p-fv__nav-item:last-child {
        grid-column:span 2;
        border-bottom:none
    }
}
.p-fv__nav-item .link {
    display:grid;
    gap:8px;
    padding-block:8px
}
@media all and (max-width: 980px) {
    .p-fv__nav-item .link {
        gap:1.0666666667vw;
        padding-block:2.1333333333vw
    }
}
.p-fv__nav-item .link::after {
    content:"";
    display:block;
    margin-inline:auto;
    width:11px;
    aspect-ratio:11/5;
    background:url(/img/medical/nose/lip-lift/arrow-down.svg) no-repeat center/contain;
    transition:.3s ease
}
@media all and (max-width: 980px) {
    .p-fv__nav-item .link::after {
        display:none
    }
}
.p-fv__nav-item .link:hover::after,.p-fv__nav-item .link:active::after {
    transform:translateY(5px)
}
.p-fv__nav-item .link .text {
    display:grid;
    gap:4px;
    text-align:center;
    color:#fff;
    font-family:var(--font-yugochic);
    font-size:16px;
    font-weight:700;
    line-height:1;
    letter-spacing:.1em
}
@media all and (max-width: 980px) {
    .p-fv__nav-item .link .text {
        font-size:3.4666666667vw
    }
}
.p-fv__nav-item .link .text .en {
    color:#ffe88b;
    font-family:var(--font-en);
    font-size:13px;
    font-weight:400;
    letter-spacing:0
}
@media all and (max-width: 980px) {
    .p-fv__nav-item .link .text .en {
        font-size:2.4vw
    }
}
.p-about {
    padding-bottom:80px;
    background:url(/img/medical/nose/lip-lift/about-bg.webp) no-repeat center center/cover
}
@media all and (max-width: 980px) {
    .p-about {
        padding-bottom:10.6666666667vw
    }
}
.p-about__breadcrumbWrap {
    margin-top:8px;
    margin-bottom:32px
}
@media all and (max-width: 980px) {
    .p-about__breadcrumbWrap {
        margin-top:1.0666666667vw;
        margin-bottom:6.4vw
    }
}
.p-about__breadcrumbWrap .breadcrumb {
    margin:0 !important;
    padding:0 !important
}
.p-about__content {
    display:grid;
    gap:64px
}
@media all and (max-width: 980px) {
    .p-about__content {
        gap:8.5333333333vw
    }
}
.p-about__intro {
    display:flex;
    gap:40px
}
@media all and (max-width: 980px) {
    .p-about__intro {
        flex-direction:column;
        gap:4.2666666667vw
    }
}
.p-about__intro .intro-img {
    max-width:360px
}
@media all and (max-width: 980px) {
    .p-about__intro .intro-img {
        max-width:unset;
        margin-inline:calc(-1*var(--padding-sp))
    }
}
.p-about__intro .intro-body {
    flex:1;
    display:grid;
    gap:24px;
    font-size:20px;
    line-height:1.7
}
@media all and (max-width: 980px) {
    .p-about__intro .intro-body {
        gap:2.1333333333vw;
        font-size:4vw;
        line-height:1.5
    }
}
.p-about__balance {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:"heading img" "text img";
    gap:24px 40px;
    align-items:center
}
@media all and (max-width: 980px) {
    .p-about__balance {
        grid-template-areas:"heading heading" "text img";
        gap:4.2666666667vw 4.2666666667vw
    }
}
.p-about__balance .balance-heading {
    grid-area:heading;
    position:relative;
    display:block;
    padding-block:24px;
    background:url(/img/medical/nose/lip-lift/about-h3.webp) no-repeat center/contain
}
@media all and (max-width: 980px) {
    .p-about__balance .balance-heading {
        padding-block:4.2666666667vw;
        background:url(/img/medical/nose/lip-lift/about-h3-sp.webp) no-repeat center/contain
    }
}
.p-about__balance .balance-heading__main {
    position:relative;
    font-family:var(--font-yumincho);
    font-size:34px;
    font-weight:600;
    line-height:1;
    text-align:center;
    letter-spacing:.1em;
    background:var(--gold-gradient03);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0)
}
@media all and (max-width: 980px) {
    .p-about__balance .balance-heading__main {
        font-size:6.4vw
    }
}
.p-about__balance .balance-text {
    grid-area:text;
    align-self:start;
    font-size:20px;
    line-height:1.7
}
@media all and (max-width: 980px) {
    .p-about__balance .balance-text {
        font-size:4vw;
        line-height:1.5
    }
}
.p-about__balance .balance-img {
    grid-area:img;
    max-width:340px
}
@media all and (max-width: 980px) {
    .p-about__balance .balance-img {
        max-width:36.8vw
    }
}
.p-recommend {
    padding-block:64px;
    background:url(/img/medical/nose/lip-lift/recommend-bg.webp) no-repeat center/cover
}
@media all and (max-width: 980px) {
    .p-recommend {
        padding-block:8.5333333333vw;
        background:url(/img/medical/nose/lip-lift/recommend-bg-sp.webp) no-repeat center/cover
    }
}
.p-recommend__box {
    padding:32px;
    border:4px solid rgba(0,0,0,0);
    -o-border-image:var(--gold-gradient02) 1;
    border-image:var(--gold-gradient02) 1;
    background:#fff;
    box-shadow:0 10px 40px 0 rgba(0,0,0,.3)
}
@media all and (max-width: 980px) {
    .p-recommend__box {
        padding:2.1333333333vw 4.2666666667vw;
        border-width:1.0666666667vw;
        box-shadow:0 2.6666666667vw 10.6666666667vw 0 rgba(0,0,0,.3)
    }
}
.p-recommend__list {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    -moz-column-gap:40px;
    column-gap:40px;
    max-width:820px;
    margin-inline:auto
}
@media all and (max-width: 980px) {
    .p-recommend__list {
        max-width:100%;
        grid-template-columns:100%
    }
}
.p-recommend__item {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:8px;
    padding-block:16px;
    border-bottom:1px solid #aaa;
    font-family:var(--font-yugochic);
    font-size:20px;
    font-weight:700;
    line-height:1.5
}
@media all and (max-width: 980px) {
    .p-recommend__item {
        gap:1.0666666667vw;
        padding-block:3.2vw;
        font-size:4vw
    }
}
.p-recommend__item:before {
    content:"";
    position:relative;
    top:.2em;
    width:24px;
    aspect-ratio:1;
    background:url(/img/medical/nose/lip-lift/check-bl.svg) no-repeat center/contain
}
@media all and (max-width: 980px) {

    .p-recommend__item:before {
        width:4.5333333333vw
    }
}
.p-case {
    -webkit-clip-path:inset(0);
    clip-path:inset(0)
}
.p-case::before {
    content:"";
    z-index:-1;
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:1920px;
    height:100vh;
    background-image:url(/img/medical/nose/lip-lift/case-bg.webp);
    background-size:100%
}
@media all and (max-width: 980px) {
    .p-case::before {
        background-image:url(/img/medical/nose/lip-lift/case-bg-sp.webp);
        width:100%
    }
}
.p-case__list {
    display:grid;
    gap:40px;
    max-width:850px;
    margin-inline:auto;
    margin-bottom:80px
}
@media all and (max-width: 980px) {
    .p-case__list {
        gap:4.2666666667vw;
        margin-bottom:6.4vw
    }
}
.c-caseCard {
    padding:24px 64px;
    background:#fff;
    box-shadow:0 0 30px 0 rgba(0,0,0,.2)
}
@media all and (max-width: 980px) {
    .c-caseCard {
        padding:2.1333333333vw;
        box-shadow:0 0 2.6666666667vw 0 rgba(0,0,0,.2)
    }
}
.c-caseCard__head {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:8px;
    margin-bottom:8px
}
@media all and (max-width: 980px) {
    .c-caseCard__head {
        align-items:start;
        gap:1.0666666667vw;
        margin-bottom:0
    }
}
.c-caseCard__head .num-bg {
    position:relative;
    padding-top:30px;
    width:88px;
    aspect-ratio:1;
    text-align:center;
    background:url(/img/medical/nose/lip-lift/case-num.webp) no-repeat center/contain
}
@media all and (max-width: 980px) {
    .c-caseCard__head .num-bg {
        padding-top:5.8666666667vw;
        width:17.0666666667vw;
        background:url(/img/medical/nose/lip-lift/case-num-sp.webp) no-repeat center/contain
    }
}
.c-caseCard__head .num-bg .num {
    display:inline-block;
    font-family:var(--font-yumincho);
    font-size:48px;
    font-weight:600;
    line-height:1;
    background:var(--gold-gradient03);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0)
}
@media all and (max-width: 980px) {
    .c-caseCard__head .num-bg .num {
        font-size:9.3333333333vw
    }
}
.c-caseCard__head .titleWrap {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:8px;
    padding-block:16px;
    border-bottom:1px solid var(--color-main)
}
@media all and (max-width: 980px) {
    .c-caseCard__head .titleWrap {
        grid-template-columns:100%;
        gap:1.0666666667vw;
        padding-top:2.6666666667vw;
        padding-bottom:0;
        border-bottom:none
    }
}
.c-caseCard__head .titleWrap .title {
    color:var(--color-main);
    font-family:var(--font-base);
    font-size:18px;
    font-weight:700;
    line-height:1.5
}
@media all and (max-width: 980px) {
    .c-caseCard__head .titleWrap .title {
        font-size:4.2666666667vw
    }
}
.c-caseCard__head .titleWrap .age {
    display:inline-block;
    padding:4px;
    width:-moz-fit-content;
    width:fit-content;
    color:#fff;
    font-family:var(--font-base);
    font-size:13px;
    font-weight:700;
    line-height:1;
    background:var(--color-main);
    border-radius:2px
}
@media all and (max-width: 980px) {
    .c-caseCard__head .titleWrap .age {
        justify-self:end;
        font-size:2.9333333333vw;
        padding:1.0666666667vw;
        border-radius:.5333333333vw .5333333333vw 0 0
    }
}
.c-caseCard__images {
    position:relative;
    display:flex;
    justify-content:center;
    gap:56px;
    margin-bottom:16px
}
@media all and (max-width: 980px) {
    .c-caseCard__images {
        gap:4.5333333333vw;
        margin-bottom:2.1333333333vw
    }
}
.c-caseCard__images::after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:24px;
    aspect-ratio:24/48;
    background:url(/img/medical/nose/lip-lift/case-arrow.svg) no-repeat center/contain;
    transform:translate(-50%, -50%)
}
@media all and (max-width: 980px) {
    .c-caseCard__images::after {
        width:2.1333333333vw
    }
}
.c-caseCard__images .beforeBox,.c-caseCard__images .afterBox {
    position:relative;
    max-width:320px
}
@media all and (max-width: 980px) {
    .c-caseCard__images .beforeBox,.c-caseCard__images .afterBox {
        max-width:100%
    }
}
.c-caseCard__images .beforeBox .img,.c-caseCard__images .afterBox .img {
    aspect-ratio:1;
    overflow:hidden
}
.c-caseCard__images .beforeBox .img img,.c-caseCard__images .afterBox .img img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.c-caseCard__images .beforeBox .label,.c-caseCard__images .afterBox .label {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:6px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:1
}
@media all and (max-width: 980px) {
    .c-caseCard__images .beforeBox .label,.c-caseCard__images .afterBox .label {
        font-size:2.9333333333vw;
        padding:1.6vw 2.1333333333vw;
        gap:1.0666666667vw
    }
}
.c-caseCard__images .beforeBox .label {
    background:var(--color-black)
}
.c-caseCard__images .afterBox .label {
    background:var(--blue-gradient02)
}
.c-caseCard__body {
    display:grid;
    grid-template-areas:"doctor commentBox" "doctor table";
    gap:16px;
    padding:16px;
    background:#fff9e4
}
@media all and (max-width: 980px) {
    .c-caseCard__body {
        grid-template-areas:"commentBox" "doctor" "table";
        gap:1.0666666667vw;
        padding:2.1333333333vw
    }
}
.c-caseCard__body .doctor {
    grid-area:doctor;
    display:grid;
    align-content:start;
    gap:8px
}
@media all and (max-width: 980px) {
    .c-caseCard__body .doctor {
        display:flex;
        flex-direction:row-reverse;
        align-items:baseline;
        gap:2.1333333333vw;
        margin-top:-9.6vw;
        z-index:1
    }
}
.c-caseCard__body .doctor .img {
    max-width:116px;
    aspect-ratio:1;
    border-radius:50%;
    border:4px solid #fff9e4
}
@media all and (max-width: 980px) {
    .c-caseCard__body .doctor .img {
        max-width:22.4vw
    }
}
.c-caseCard__body .doctor .info {
    text-align:center;
    font-size:12px;
    font-weight:700;
    line-height:1.3
}
@media all and (max-width: 980px) {
    .c-caseCard__body .doctor .info {
        display:flex;
        align-items:baseline;
        gap:2.4vw;
        margin-bottom:2.1333333333vw;
        font-size:3.2vw
    }
}
.c-caseCard__body .doctor .info .label {
    font-weight:700
}
.c-caseCard__body .doctor .info .nameWrap {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:700
}
@media all and (max-width: 980px) {
    .c-caseCard__body .doctor .info .nameWrap {
        gap:2.1333333333vw;
        align-items:baseline
    }
}
.c-caseCard__body .doctor .info .nameWrap .name {
    font-size:14px
}
@media all and (max-width: 980px) {
    .c-caseCard__body .doctor .info .nameWrap .name {
        font-size:3.7333333333vw
    }
}
.c-caseCard__body .commentBox {
    position:relative;
    grid-area:commentBox;
    padding:16px 24px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.08)
}
@media all and (max-width: 980px) {
    .c-caseCard__body .commentBox {
        padding:2.1333333333vw;
        border-radius:2.1333333333vw;
        box-shadow:none
    }
}
.c-caseCard__body .commentBox::before {
    content:"";
    position:absolute;
    top:27px;
    right:100%;
    display:inline-block;
    width:37px;
    aspect-ratio:37/40;
    background:#fff;
    -webkit-clip-path:polygon(100% 0, 0% 100%, 100% 70%);
    clip-path:polygon(100% 0, 0% 100%, 100% 70%);
    filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.08))
}
@media all and (max-width: 980px) {
    .c-caseCard__body .commentBox::before {
        display:none
    }
}
.c-caseCard__body .commentBox .textWrap {
    position:relative;
    display:grid;
    gap:16px;
    max-height:112px;
    overflow:hidden;
    font-size:16px;
    line-height:1.5
}
@media all and (max-width: 980px) {
    .c-caseCard__body .commentBox .textWrap {
        max-height:35.2vw;
        gap:2.1333333333vw;
        font-size:3.4666666667vw
    }
}
.c-caseCard__body .commentBox .textWrap::after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100px;
    background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events:none
}
.c-caseCard__body .commentBox .textWrap.is-open {
    max-height:none
}
.c-caseCard__body .commentBox .textWrap.is-open::after {
    display:none
}
.c-caseCard__body .commentBox .moreBtn {
    position:absolute;
    bottom:24px;
    left:50%;
    display:block;
    display:grid;
    place-items:center;
    width:182px;
    aspect-ratio:182/30;
    padding:8px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1;
    background:var(--blue-gradient02);
    border-radius:64px;
    transform:translateX(-50%);
    z-index:1;
    transition:ease .3s
}
@media all and (max-width: 980px) {
    .c-caseCard__body .commentBox .moreBtn {
        font-size:3.7333333333vw;
        width:35.7333333333vw;
        aspect-ratio:134/38
    }
}
.c-caseCard__body .commentBox .moreBtn:hover {
    opacity:.8
}
.c-caseCard__body .priceTable {
    grid-area:table
}
.c-caseCard__body .priceTable table {
    max-width:100%;
    width:100%
}
.c-caseCard__body .priceTable table th,.c-caseCard__body .priceTable table td {
    padding:8px;
    border:1px solid #ccc;
    font-size:12px;
    line-height:1.3;
    font-weight:400
}
@media all and (max-width: 980px) {
    .c-caseCard__body .priceTable table th,.c-caseCard__body .priceTable table td {
        padding:2.1333333333vw;
        font-size:3.2vw
    }
}
.c-caseCard__body .priceTable table th {
    width:28%;
    background:#f0f0f0;
    text-align:left;
    vertical-align:top
}
.c-caseCard__body .priceTable table td {
    background:#fff
}
.p-howto {
    -webkit-clip-path:inset(0);
    clip-path:inset(0)
}
.p-howto::before {
    content:"";
    z-index:-1;
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:1920px;
    height:100vh;
    background-image:url(/img/medical/nose/lip-lift/howto-bg.webp);
    background-size:100%
}
@media all and (max-width: 980px) {
    .p-howto::before {
        background-image:url(/img/medical/nose/lip-lift/howto-bg-sp.webp);
        width:100%
    }
}
.p-howto__list {
    display:grid;
    gap:104px;
    padding-block:48px
}
@media all and (max-width: 980px) {
    .p-howto__list {
        gap:21.3333333333vw;
        padding-bottom:6.4vw
    }
}
.p-howto__item {
    position:relative;
    padding:0 64px 48px 64px;
    border-radius:64px 0;
    background:#fff;
    box-shadow:0 0 50px 0 rgba(0,0,0,.4)
}
@media all and (max-width: 980px) {
    .p-howto__item {
        padding:0 4.2666666667vw 6.4vw 4.2666666667vw;
        border-radius:6.4vw 0;
        box-shadow:0 0 2.6666666667vw 0 rgba(0,0,0,.4)
    }
}
.p-howto__item:not(:last-child)::after {
    content:"";
    position:absolute;
    top:calc(100% - 1px);
    left:50%;
    width:240px;
    aspect-ratio:240/40;
    background:#fff;
    -webkit-clip-path:polygon(100% 0, 0 0, 50% 100%);
    clip-path:polygon(100% 0, 0 0, 50% 100%);
    transform:translateX(-50%)
}
@media all and (max-width: 980px) {
    .p-howto__item:not(:last-child)::after {
        width:25.6vw;
        aspect-ratio:96/24
    }
}
.p-howto__heading {
    position:relative;
    display:block;
    margin-top:-40px;
    margin-bottom:28px;
    padding-block:16px
}
@media all and (max-width: 980px) {
    .p-howto__heading {
        margin-top:-10.6666666667vw;
        margin-bottom:2.6666666667vw;
        padding-block:4.2666666667vw
    }
}
.p-howto__heading.--narrow {
    background:url(/img/medical/nose/lip-lift/howto-h2-1.webp) no-repeat center/contain
}
@media all and (max-width: 980px) {
    .p-howto__heading.--narrow {
        background:url(/img/medical/nose/lip-lift/howto-h2-1-sp.webp) no-repeat center/contain
    }
}
.p-howto__heading.--wide {
    background:url(/img/medical/nose/lip-lift/howto-h2-2.webp) no-repeat center/contain
}
@media all and (max-width: 980px) {
    .p-howto__heading.--wide {
        background:url(/img/medical/nose/lip-lift/howto-h2-2-sp.webp) no-repeat center/contain
    }
}
.p-howto__heading__main {
    position:relative;
    text-align:center;
    font-family:var(--font-yumincho);
    font-size:32px;
    font-weight:600;
    line-height:1.3;
    letter-spacing:.15em;
    background:var(--gold-gradient03);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0)
}
@media all and (max-width: 980px) {
    .p-howto__heading__main {
        font-size:5.6vw
    }
}
.p-howto__content {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px
}
@media all and (max-width: 980px) {
    .p-howto__content {
        flex-direction:column;
        gap:4.2666666667vw
    }
}
.p-howto__content .img {
    max-width:400px
}
@media all and (max-width: 980px) {
    .p-howto__content .img {
        max-width:100%;
        width:70vw;
        margin-inline:auto
    }
}
.p-howto__content .body {
    flex:1;
    font-size:19px;
    font-weight:400;
    line-height:1.7
}
.p-howto__content .body span.small {
    font-size:16px;
}
@media all and (max-width: 980px) {
    .p-howto__content .body {
        font-size:4vw;
        line-height:1.5
    }
}
.p-howto__other .heading {
    display:grid;
    grid-template-columns:auto auto auto;
    place-content:center;
    place-items:center;
    gap:24px;
    padding-block:16px;
    margin-bottom:8px
}
@media all and (max-width: 980px) {
    .p-howto__other .heading {
        gap:2.1333333333vw;
        padding-block:4.2666666667vw;
        margin-bottom:2.1333333333vw
    }
}
.p-howto__other .heading .main {
    text-align:center;
    color:#fff;
    font-family:var(--font-yumincho);
    font-size:32px;
    font-weight:600;
    line-height:1.3;
    letter-spacing:.15em
}
@media all and (max-width: 980px) {
    .p-howto__other .heading .main {
        font-size:5.3333333333vw;
        letter-spacing:.1em
    }
}
.p-howto__other .heading::before,.p-howto__other .heading::after {
    content:"";
    display:inline-block;
    width:100px;
    height:4px;
    background:url(/img/medical/nose/lip-lift/orn-be-wh.svg) no-repeat center/contain
}
@media all and (max-width: 980px) {
    .p-howto__other .heading::before,.p-howto__other .heading::after {
        width:13.3333333333vw;
        height:2px
    }
}
.p-howto__other .heading::after {
    background:url(/img/medical/nose/lip-lift/orn-af-wh.svg) no-repeat center/contain
}
.p-howto__other .text {
    max-width:820px;
    margin-inline:auto;
    color:#fff;
    font-size:16px;
    font-weight:500;
    line-height:1.7;
    letter-spacing:0
}
@media all and (max-width: 980px) {
    .p-howto__other .text {
        max-width:100%;
        font-size:3.7333333333vw;
        padding-inline:2.1333333333vw
    }
}
.p-downtime {
    padding-top:72px;
    padding-bottom:16px;
    background:#fff9e4
}
@media all and (max-width: 980px) {
    .p-downtime {
        padding-top:12.2666666667vw;
        padding-bottom:4.2666666667vw
    }
}
.p-downtime__inner {
    max-width:calc(1136px + var(--padding-pc)*2)
}
.p-downtime__list {
    display:flex;
    gap:8px;
    margin-bottom:40px
}
@media all and (max-width: 980px) {
    .p-downtime__list {
        flex-direction:column;
        gap:8px;
        margin-bottom:6.4vw
    }
}
.p-downtime__item {
    flex:1
}
@media all and (max-width: 980px) {
    .p-downtime__item {
        display:flex;
        flex-direction:row-reverse
    }
}

.p-downtime__item:nth-child(1) {
    z-index:4
}
.p-downtime__item:nth-child(2) {
    z-index:3
}
.p-downtime__item:nth-child(3) {
    z-index:2
}
.p-downtime__item:nth-child(4) {
    z-index:1
}
@media all and (max-width: 980px) {
    .p-downtime__item .img {
        flex:1
    }
}
.p-downtime__item .body {
    position:relative
}
.p-downtime__item .body.--01 {
    --bg-color: #122340
}
.p-downtime__item .body.--02 {
    --bg-color: #213E6F
}
.p-downtime__item .body.--03 {
    --bg-color: #2A5399
}
.p-downtime__item .body.--04 {
    --bg-color: #3871D1
}
.p-downtime__item .body.--04::before,.p-downtime__item .body.--04::after {
    display:none
}
.p-downtime__item .body::before,.p-downtime__item .body::after {
    content:"";
    position:absolute;
    top:0;
    left:calc(99.5% + 8px);
    width:24px;
    aspect-ratio:23.5/46;
    background:#fff9e4;
    -webkit-clip-path:polygon(0 0, 0% 100%, 100% 50%);
    clip-path:polygon(0 0, 0% 100%, 100% 50%)
}
.p-downtime__item .body::after {
    left:99.5%;
    background:var(--bg-color)
}
@media all and (max-width: 980px) {
    .p-downtime__item .body {
        display:grid;
        place-items:center;
        place-content:center;
        gap:4.2666666667vw;
        width:49.3333333333vw;
        padding:2.1333333333vw 6.4vw;
        background:var(--bg-color)
    }
    .p-downtime__item .body::before,.p-downtime__item .body::after {
        top:calc(100% + 7px);
        left:0;
        width:100%;
        aspect-ratio:185/24;
        background:#fff9e4;
        -webkit-clip-path:polygon(100% 0, 0 0, 50% 100%);
        clip-path:polygon(100% 0, 0 0, 50% 100%)
    }
    .p-downtime__item .body::after {
        top:calc(100% - 1px);
        left:0;
        background:var(--bg-color)
    }
}
.p-downtime__item .body .title {
    display:grid;
    place-items:center;
    height:46px;
    background:var(--bg-color);
    color:#fff;
    font-size:20px;
    font-weight:700;
    line-height:1.5
}
@media all and (max-width: 980px) {
    .p-downtime__item .body .title {
        height:auto;
        font-size:4.8vw
    }
}
.p-downtime__item .body .text {
    display:grid;
    place-items:center;
    color:var(--color-main);
    font-size:15px;
    font-weight:700;
    line-height:1.6
}
@media all and (max-width: 980px) {
    .p-downtime__item .body .text {
        color:#fff;
        font-size:3.4666666667vw;
        font-weight:700;
        line-height:1.5
    }
}
.p-downtime__item .body .text::before {
    content:"";
    display:block;
    width:1px;
    aspect-ratio:1/32;
    background:var(--color-main);
    margin-top:8px;
    margin-bottom:4px
}
@media all and (max-width: 980px) {
    .p-downtime__item .body .text::before {
        display:none
    }
}
.p-downtime__note {
    max-width:720px;
    margin-inline:auto;
    color:rgba(68,68,68,.7);
    font-size:11px;
    line-height:1.3
}
@media all and (max-width: 980px) {
    .p-downtime__note {
        font-size:2.9333333333vw
    }
}
.p-movie {
    background:#fff
}
.p-movie__wrap {
    max-width:720px;
    margin-inline:auto;
    aspect-ratio:16/9;
    overflow:hidden;
    margin-bottom:40px
}
@media all and (max-width: 980px) {
    .p-movie__wrap {
        margin-bottom:6.4vw
    }
}
.p-movie__wrap iframe {
    width:100%;
    height:100%;
    max-width:100%
}
.p-overview {
    background:#9bccdd
}
.p-overview__table {
    margin-bottom:40px
}
@media all and (max-width: 980px) {
    .p-overview__table {
        margin-bottom:6.4vw
    }
}
.p-price__wrap {
    display:grid;
    gap:64px;
    margin-bottom:40px
}
@media all and (max-width: 980px) {
    .p-price__wrap {
        gap:6.4vw;
        margin-bottom:6.4vw
    }
}
.p-price__heading {
    color:var(--color-main);
    text-align:center;
    font-size:24px;
    font-weight:700;
    line-height:1.5;
    margin-bottom:8px
}
@media all and (max-width: 980px) {
    .p-price__heading {
        margin-bottom:2.1333333333vw;
        font-size:4.8vw
    }
}
.p-qa {
    background:#fff9e4
}
.p-qa__list {
    display:grid;
    gap:16px;
    margin-bottom:40px
}
@media all and (max-width: 980px) {
    .p-qa__list {
        gap:2.1333333333vw;
        margin-bottom:6.4vw
    }
}
.p-qa__item {
    display:grid;
    gap:16px;
    padding:24px 40px;
    background:#fff
}
@media all and (max-width: 980px) {
    .p-qa__item {
        gap:2.1333333333vw;
        padding:4.2666666667vw
    }
}
.p-qa__item .question,.p-qa__item .answer {
    padding:6px 0 5px 56px;
    position:relative
}
@media all and (max-width: 980px) {
    .p-qa__item .question,.p-qa__item .answer {
        padding:1.0666666667vw 0 1.0666666667vw 10.6666666667vw
    }
}
.p-qa__item .question::before,.p-qa__item .answer::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    aspect-ratio:1;
    background:url(/img/medical/nose/lip-lift/qa-q.svg) no-repeat center/contain
}
@media all and (max-width: 980px) {
    .p-qa__item .question::before,.p-qa__item .answer::before {
        width:8.5333333333vw
    }
}
.p-qa__item .question {
    color:#bd9d33;
    font-size:20px;
    font-weight:700;
    line-height:1.5
}
@media all and (max-width: 980px) {
    .p-qa__item .question {
        font-size:4.2666666667vw
    }
}
.p-qa__item .answer {
    font-size:18px;
    line-height:1.5;
    padding-bottom:0
}
@media all and (max-width: 980px) {
    .p-qa__item .answer {
        font-size:3.7333333333vw
    }
}
.p-qa__item .answer::before {
    background:url(/img/medical/nose/lip-lift/qa-a.svg) no-repeat center/contain
}

/* テストWP：5155、本番WP：4106 */
.insert-page-5155,
.insert-page-4106 {
    width: 100%;
    margin: 3% auto 1%;
}
    .insert-page-5155 .contactArea,
    .insert-page-4106 .contactArea {
        width: 720px;
        margin-bottom: 3%;
        font-family:var(--font-yumincho);
    }
	.insert-page-5155 .contactBtn li.rsv,
	.insert-page-4106 .contactBtn li.rsv {
			width: 38%;
    }
	.insert-page-5155 .contactBtn li.mail,
	.insert-page-4106 .contactBtn li.mail {
			width: 33%;
    }
	.insert-page-5155 .contactBtn li.line,
	.insert-page-4106 .contactBtn li.line {
			width: 27%;
    }
    @media screen and (max-width:980px){
         .insert-page-5155, .insert-page-4106 {
             margin: 10% auto 1%;
        }
            .insert-page-5155 .contactArea,
            .insert-page-4106 .contactArea{
                width: 100%;
                margin-bottom: 3%;
            }
                .insert-page-5155 .phoneCall li,
                .insert-page-4106 .phoneCall li {
                    float: left;
                    width: 48%;
                    margin-left: 2%;
                }
                .insert-page-5155 .phoneCall li:before,
                .insert-page-4106 .phoneCall li:before {
                    line-height: 1.8;
                }
                    .insert-page-5155 .phoneCall li a,
                    .insert-page-4106 .phoneCall li a {
                        font-size: 21px;
                        margin: 5% 0 2% 5%;
                    }
        
            .insert-page-5155 .contactBtn
            .insert-page-4106 .contactBtn {
                margin: 0 0 3% 2%;
                font-family:var(--font-yumincho);
            }
                .insert-page-5155 .contactBtn li,
                .insert-page-4106 .contactBtn li {
                    font-size: 13px;
                    font-weight: 500;
                }
                .insert-page-5155 .contactBtn li.rsv,
                .insert-page-4106 .contactBtn li.rsv {
                        width: 39%;
                }
                .insert-page-5155 .contactBtn li.mail,
                .insert-page-4106 .contactBtn li.mail {
                        width: 33%;
                }
                .insert-page-5155 .contactBtn li.line,
                .insert-page-4106 .contactBtn li.line {
                        width: 23%;
                }
    }

.insert-page-714 .transitionBtnGR {
    width: 720px;
    margin: 0 auto 5%;
    font-family:var(--font-yugochic);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}
    @media screen and (max-width:980px){
        .insert-page-714 .transitionBtnGR{
            width: 95%;
            font-size: 14px;
            margin: 0 auto 15%;
        }        
		.insert-page-714 .phoneCall {
			margin: 0 3% 3%;
		}
    
}

.relationTtl {
        font-family:var(--font-yumincho);
}
.relationBlk li a {
    font-family:var(--font-yugochic);
    font-size: 14px;
}
#webapply li a {    
    font-family:var(--font-yugochic);
}

/*# sourceMappingURL=lip-lift.css.map */