@charset "UTF-8";

/* ============================= ▼ 全体 ▼ == */
html {
    font-size: 62.5%;
}

@font-face {
    font-family: 'BeVietnamPro_b';
    /* フォント名 */
    /* フォーマットごとにパスを指定 */
    src: url("../fonts/BeVietnamPro-Bold.ttf") format('truetype');
}
@font-face {
    font-family: 'BeVietnamPro_s';
    /* フォント名 */
    /* フォーマットごとにパスを指定 */
    src: url("../fonts/BeVietnamPro-SemiBold.ttf") format('truetype');
}

#LB220823Personalstyle {
    transform: none;
    filter: none;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    width: 100%;
    margin: 0 auto;
    line-height: 1;
    overflow: hidden;
    /* background-image: url(../img/LP_pc.jpg); */
    background-repeat: no-repeat;
    background-size: 140rem;
    background-position-x: center;
    background-position-y: -15.5rem;
}

#LB220823Personalstyle p {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-style: normal;
}

#LB220823Personalstyle img,
#LB220823Personalstyle video {
    width: 100%;
    height: auto;
}

#LB220823Personalstyle .w-img {
    background-color: #fff;
}

#LB220823Personalstyle .sp-only {
    display: block;
}

#LB220823Personalstyle .pc-only {
    display: none;
}

.main-area {
    overflow-x: visible;
}

.main-area .main-inner {
    width: 100%;
    max-width: none;
}

#LB220823Personalstyle .content__credit {
    margin-top: 1.6rem;
    font-family: 'BeVietnamPro_s', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    line-height: 1.75;
    text-align: left;
}

#LB220823Personalstyle .check-btn-wrapper,
#LB220823Personalstyle .outer-btn-wrapper{
    width: 39.9rem;
    margin: 0 auto 1.8rem;
}
#LB220823Personalstyle .all-btn a {
    position: relative;
    width: 39.9rem;
    height: 7.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #000;
    font-family: 'BeVietnamPro_s', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0.03em;
}
#LB220823Personalstyle .diagnosis-wrapper {
    width: 39.8rem;
    margin: 0 auto;
}
#LB220823Personalstyle .diagnosis-btn {
    width: 40rem;
    margin: 0 auto;
}

#LB220823Personalstyle .sp_only {
    display: none;
}

#LB220823Personalstyle .content__wrapper h3 {
    margin-bottom: 4.4rem;
    font-family: 'BeVietnamPro_b', sans-serif;
    font-size: 3.2rem;
    letter-spacing: 0.03em;
}
#LB220823Personalstyle .content__wrapper .type {
    margin-bottom: 1rem;
    font-family: 'BeVietnamPro_b', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
}

#LB220823Personalstyle .content__wrapper .mode {
    position: relative;
    margin-bottom: 3.6rem;
    font-family: 'BeVietnamPro_b', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
}
#LB220823Personalstyle .content__wrapper .mode::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 1.5rem;
    margin: auto;
    top: 2.5rem;
    left: 0;
    right: 0;
    background-color: #000;
}
#LB220823Personalstyle .content__wrapper .txt-on {
    width: 5.2rem;
    margin: 0 auto 2.4rem;
}
#LB220823Personalstyle .content__wrapper .txt-off {
    width: 6.3rem;
    margin: 0 auto 2.4rem;
}
#LB220823Personalstyle .content__wrapper .item-name {
    margin-bottom: 4.45rem;
    font-size: 2.1rem;
    letter-spacing: 0.08em;
    line-height: 1.3333;
}
#LB220823Personalstyle .buy-btn a {
    position: relative;
    margin-left: -1.8rem;
    font-family: 'BeVietnamPro_s', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0.03em;
}
#LB220823Personalstyle .buy-btn a::after {
    content: "";
    position: absolute;
    background-image: url("../img/triangle.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.9rem;
    height: 1.3rem;
    margin: auto;
    top: -0.2rem;
    bottom: 0;
    right: -2rem;
}
#LB220823Personalstyle .buy-btn a::before {
    content: "";
    position: absolute;
    width: 6rem;
    height: 0.1rem;
    margin: auto;
    bottom: -0.5rem;
    left: 0;
    right: 0;
    background: #000;
}
#LB220823Personalstyle .content__wrapper .item {
    position: relative;
    margin-bottom: 6.1rem;
    padding-top: 2.1rem;
    padding-bottom: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#LB220823Personalstyle .content__wrapper .item::before {
    content: "";
    position: absolute;
    width: 67rem;
    height: 100%;
    margin: auto;
    top: 0;
    left: -0.7rem;
    right: 0;
    border: 0.1rem #000 solid;
    z-index: -1;
}
#LB220823Personalstyle .content__wrapper .point {
    margin-top: 5.5rem;
}
#LB220823Personalstyle .content__wrapper .sub-title {
    margin-bottom: 1.9rem;
    font-size: 1.7rem;
    letter-spacing: 0.08em;
    line-height: 1.7058;
}
#LB220823Personalstyle .content__wrapper .description-txt {
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    line-height: 2.14285;
    text-align: justify;
}
#LB220823Personalstyle .content__wrapper .img-wrapper {
    margin-bottom: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* ============================= ▲ 全体 ▲ == */
/* ============================= ▼ fade ▼ == */
.js-fade-Vr.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.js-fade-Vr {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(60px);
}
.fade.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.fade {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(60px);
}
/* ============================= ▲ fade ▲ == */

/* ============================= ▼ タブレット ▼ == */
@media screen and (min-width: 768px) and (max-width: 1400px) {
    html {
        font-size: calc(10 * (100vw/1400));
    }
}

/* ============================= ▲ タブレット ▲ == */
/* ============================= ▼ PC ▼ == */
/* @media screen and (min-width: 768px) { */

/* ============================= ▲ PC ▲ == */
/* ============================= ▼ 全体 ▼ == */
#LB220823Personalstyle .sp-only {
    display: none;
}
#LB220823Personalstyle .pc-only {
    display: block;
}

/* ============================= ▲ 全体 ▲ == */

/* ============================= ▼ common ▼ == */

#LB220823Personalstyle .content__wrapper {
    width: 140rem;
    margin: 0.3rem auto 20rem;
    text-align: center;
}

#LB220823Personalstyle .heading__ttl--wrapper {
    margin-bottom: 12.7rem;
    font-size: 7.2rem;
}

#LB220823Personalstyle .heading__ttl {
    position: relative;
    margin: 0 auto 4.3rem;
    color: #fff;
    font-size: 5.5rem;
    font-weight: 500;
    letter-spacing: 0.055em;
    -webkit-text-stroke: 0.1rem #000;
    position: relative;

}
#LB220823Personalstyle .heading__ttl::before {
    content: "";
    position: absolute;
    width: 33.2rem;
    height: 1.3rem;
    margin: auto;
    bottom: -0.3rem;
    left: 0;
    right: 0;
    background-color: #f9e7b7;
    z-index: -1;
}

#LB220823Personalstyle .heading__ttl02 {
    position: relative;
    margin-bottom: 1.6rem;
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    display: inline-block;
}
#LB220823Personalstyle .heading__ttl02::before {
    content: "";
    position: absolute;
    background-image: url("../img/decoration_left.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.85rem;
    margin: auto;
    top: -0.4rem;
    bottom: 0;
    left: -2.4rem;
}
#LB220823Personalstyle .heading__ttl02::after {
    content: "";
    position: absolute;
    background-image: url("../img/decoration_right.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.8rem;
    height: 1.85rem;
    margin: auto;
    top: -0.4rem;
    bottom: 0;
    right: -2.4rem;
}
#LB220823Personalstyle .heading__ttl03 {
    margin-bottom: 1.4rem;
    font-size: 2.6rem;
    letter-spacing: 0.05em;
}
#LB220823Personalstyle .heading__ttl04 {
    margin-bottom: 4.9rem;
    font-size: 2.1rem;
    letter-spacing: 0.05em;
}
#LB220823Personalstyle .heading__ttl04 span {
    margin-right: 1.2rem;
    font-family: 'BeVietnamPro_b', sans-serif;
    font-size: 2rem;
    letter-spacing: 0;
}
#LB220823Personalstyle .heading__lead--ttl {
    margin-bottom: 0.2rem;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.08em;
}
#LB220823Personalstyle .diagnosis a {
    position: relative;
    margin-left: -2.3rem;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.08em;
}
#LB220823Personalstyle .diagnosis a::after {
    content: "";
    position: absolute;
    background-image: url("../img/triangle.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.9rem;
    height: 1.3rem;
    margin: auto;
    top: 0.1rem;
    bottom: 0;
    right: -2.5rem;
}
#LB220823Personalstyle .diagnosis a::before {
    content: "";
    position: absolute;
    width: 17rem;
    height: 0.1rem;
    margin: auto;
    bottom: -1.2rem;
    left: 0;
    right: 0;
    background: #000;
}

/* ============================= ▼ --01 ▼ == */
#LB220823Personalstyle .content__block--01 {
    margin-bottom: 14.7rem;
    text-align: center;
}
#LB220823Personalstyle .content__block--01 .item01 {
    width: 23rem;
    margin-left: 5rem;
}
#LB220823Personalstyle .content__block--01 .img01 {
    width: 45rem;
}
#LB220823Personalstyle .content__block--01 .look01 .description-txt {
    width: 34.85rem;
}
#LB220823Personalstyle .content__block--01 .look01 .description {
    margin-top: 19.4rem;
    margin-left: 10rem;
}
#LB220823Personalstyle .content__block--01 .look01 {
    margin-left: 24.8rem;
    margin-bottom: 11.9rem;
}
#LB220823Personalstyle .content__block--01 .item02 .point {
    margin-top: 4.1rem;
}
#LB220823Personalstyle .content__block--01 .img02,
#LB220823Personalstyle .content__block--01 .img03 {
    width: 42rem;
}
#LB220823Personalstyle .content__block--01 .img03 {
    margin-left: 5rem;
}
#LB220823Personalstyle .content__block--01 .look02 .description-txt {
    text-align: center;
}
#LB220823Personalstyle .content__block--01 .look02 .content__credit {
    margin-top: 1.7rem;
    text-align: center;
}
#LB220823Personalstyle .content__wrapper .content__block--01 .look01 {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

/* ============================= ▼ --02 ▼ == */
#LB220823Personalstyle .content__block--02 {
    margin: 0 auto 14.9rem;
}
#LB220823Personalstyle .content__block--02 .item01 {
    width: 23rem;
    margin-left: 5.1rem;
}
#LB220823Personalstyle .content__block--02 .img01,
#LB220823Personalstyle .content__block--02 .img02 {
    width: 42rem;
}
#LB220823Personalstyle .content__block--02 .img02 {
    margin-left: 5rem;
}
#LB220823Personalstyle .content__wrapper .content__block--02 .item::before {
    left: 0;
}
#LB220823Personalstyle .content__block--02 .point {
    margin-top: 4.2rem;
}
#LB220823Personalstyle .content__wrapper .content__block--02 .img-wrapper {
    margin-bottom: 5.4rem;
}
#LB220823Personalstyle .content__block--02 .look01 .description-txt {
    text-align: center;
}
#LB220823Personalstyle .content__block--02 .look01 .content__credit {
    margin-top: 2rem;
    text-align: center;
}
#LB220823Personalstyle .content__block--02 .look01 {
    margin-bottom: 11.6rem;
}
#LB220823Personalstyle .content__wrapper .content__block--02 .item02::before {
    left: -48.3rem;
}
#LB220823Personalstyle .content__block--02 .look02 {
    margin-left: 22.9rem;
}
#LB220823Personalstyle .content__wrapper .content__block--02 .look02 {
    display: flex;
    align-items: flex-start;
    text-align: left;
}
#LB220823Personalstyle .content__block--02 .look02 .description-txt {
    width: 39.5rem;
}
#LB220823Personalstyle .content__block--02 .img03 {
    width: 45rem;
}
#LB220823Personalstyle .content__block--02 .look02 .description {
    margin-top: 12.3rem;
    margin-left: 10rem;
}
#LB220823Personalstyle .content__block--02 .look02 .content__credit {
    margin-top: 1.8rem;
}
#LB220823Personalstyle .content__wrapper .content__block--03 .item::before {
    left: 0;
}
#LB220823Personalstyle .content__block--02 .item02 {
    margin-left: 47.6rem;
    justify-content: flex-start;
}
#LB220823Personalstyle .content__block--02 .item02 .item01 {
    margin-left: 7.1rem;
}

/* ============================= ▼ --03 ▼ == */
#LB220823Personalstyle .content__block--03 {
    margin-bottom: 15rem;
}
#LB220823Personalstyle .content__block--03 .item {
    flex-direction: row-reverse;
}
#LB220823Personalstyle .content__block--03 .item01 {
    width: 23rem;
    margin-right: 5.1rem;
}
#LB220823Personalstyle .content__block--03 h3 {
    margin-bottom: 5.1rem;
}
#LB220823Personalstyle .content__block--03 .item-name {
    margin-bottom: 4.6rem;
}
#LB220823Personalstyle .content__wrapper .content__block--03 .look01 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}
#LB220823Personalstyle .content__block--03 .img01 {
    width: 45rem;
    margin-left: 10rem;
}
#LB220823Personalstyle .content__block--03 .look01 {
    margin-left: 25.1rem;
    margin-bottom: 12rem;
}
#LB220823Personalstyle .content__block--03 .look01 .description {
    margin-top: 14.9rem;
}
#LB220823Personalstyle .content__block--03 .look01 .description-txt {
    width: 34.7rem;
}
#LB220823Personalstyle .content__block--03 .item02 {
    padding-bottom: 1.7rem;
    flex-direction: row;
}
#LB220823Personalstyle .content__block--03 .item02 .item01 {
    width: 23rem;
    margin-left: 5.1rem;
    margin-right: 0;
}
#LB220823Personalstyle .content__block--03 .item02 .point {
    margin-top: 3.9rem;
}
#LB220823Personalstyle .content__block--03 .item02 .txt-off {
    margin-bottom: 2.4rem;
}
#LB220823Personalstyle .content__block--03 .item02 .item-name {
    margin-bottom: 4.4rem;
}
#LB220823Personalstyle .content__block--03 .img02 {
    width: 42rem;
}
#LB220823Personalstyle .content__wrapper .content__block--03 .look02 {
    margin-left: 26.7rem;
    display: flex;
    align-items: flex-start;
    text-align: left;
}
#LB220823Personalstyle .content__block--03 .look02 .description-txt {
    width: 34.7rem;
}
#LB220823Personalstyle .content__block--03 .look02 .description {
    margin-top: 11.2rem;
    margin-left: 10rem;
}
#LB220823Personalstyle .content__block--03 .look02 .content__credit {
    margin-top: 1.7rem;
}

/* ============================= ▼ sp ▼ == */
@media screen and (max-width: 767px) {
    #LB220823Personalstyle .sp_only {
        display: block;
    }
    #LB220823Personalstyle .pc_only {
        display: none;
    }

    #LB220823Personalstyle {
        position: relative;
        transform: none;
        filter: none;
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
        font-weight: 500;
        font-style: normal;
        width: 100%;
        margin: 0 auto;
        line-height: 1;
        overflow: hidden;
        /* background-image: url("../img/LP_sp_01.jpg"); */
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-x: center;
        background-position-y: calc(-369 * (100vw/750));
    }
    /* #LB220823Personalstyle::before{
        content: "";
        position: absolute;
        background-image: url("../img/LP_sp_02.jpg");
        background-repeat: no-repeat;
        background-size: calc(750* (100vw / 750));
        background-position-x: center;
        top: calc(13553* (100vw / 750));
        width: calc(750* (100vw / 750));
        height: calc(15224* (100vw / 750));
        overflow: hidden;
        z-index: -1;
    } */

    #LB220823Personalstyle .content__credit {
        margin-top: calc(37* (100vw/750));
        font-size: calc(22* (100vw/750));
        letter-spacing: 0.02em;
        line-height: 1.81818;
    }

    #LB220823Personalstyle .check-btn-wrapper,
    #LB220823Personalstyle .outer-btn-wrapper{
        width: calc(650* (100vw/750));
        margin: 0 auto calc(29* (100vw/750));
    }
    #LB220823Personalstyle .all-btn a {
        width: calc(650* (100vw/750));
        height: calc(156* (100vw/750));
        border: calc(2* (100vw/750)) solid #000;
        font-size: calc(30* (100vw/750));
        letter-spacing: 0.03em;
    }
    #LB220823Personalstyle .diagnosis-wrapper {
        width: calc(650* (100vw/750));
        margin: 0 auto;
    }
    #LB220823Personalstyle .diagnosis-btn {
        width: calc(650* (100vw/750));
        margin: 0 auto;
    }

    #LB220823Personalstyle .content__wrapper h3 {
        margin-bottom: calc(62* (100vw/750));
        font-size: calc(66* (100vw/750));
        letter-spacing: 0.03em;
    }
    #LB220823Personalstyle .content__wrapper .type {
        margin-bottom: calc(14* (100vw/750));
        font-size: calc(32* (100vw/750));
        letter-spacing: 0.03em;
    }

    #LB220823Personalstyle .content__wrapper .mode {
        margin-bottom: calc(59* (100vw/750));
        font-size: calc(32* (100vw/750));
        letter-spacing: 0.03em;
    }
    #LB220823Personalstyle .content__wrapper .mode::after {
        width: calc(2* (100vw/750));
        height: calc(24* (100vw/750));
        top: calc(49* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .txt-on {
        width: calc(108* (100vw/750));
        margin: 0 auto calc(51* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .txt-off {
        width: calc(130* (100vw/750));
        margin: calc(59* (100vw/750)) auto calc(50* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .item-name {
        margin-bottom: calc(41* (100vw/750));
        font-size: calc(33* (100vw/750));
        letter-spacing: 0.08em;
        line-height: 1.393939;
    }
    #LB220823Personalstyle .buy-btn a {
        margin-left: calc(-31* (100vw/750));
        font-size: calc(30* (100vw/750));
        letter-spacing: 0.03em;
    }
    #LB220823Personalstyle .buy-btn a::after {
        background-image: url("../img/triangle.svg");
        width: calc(13* (100vw/750));
        height: calc(21* (100vw/750));
        top: 0;
        right: calc(-30* (100vw/750));
    }
    #LB220823Personalstyle .buy-btn a::before {
        width: calc(98* (100vw/750));
        height: calc(2* (100vw/750));
        bottom: calc(-10* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .item {
        margin-bottom: calc(49* (100vw/750));
        padding-top: calc(52* (100vw/750));
        padding-bottom: calc(84* (100vw/750));
        display: block;
    }
    #LB220823Personalstyle .content__wrapper .item::before {
        width: calc(640* (100vw/750));
        height: 100%;
        left: 0;
        border: calc(2* (100vw/750)) #000 solid;
    }
    #LB220823Personalstyle .content__wrapper .point {
        margin: 0 auto;
    }
    #LB220823Personalstyle .content__wrapper .sub-title {
        margin-bottom: calc(34* (100vw/750));
        font-size: calc(28* (100vw/750));
        letter-spacing: 0.08em;
        line-height: 1.75;
        text-align: left;
    }
    #LB220823Personalstyle .content__wrapper .description-txt {
        font-size: calc(24* (100vw/750));
        letter-spacing: 0.08em;
        line-height: 1.75;
    }
    #LB220823Personalstyle .content__wrapper .img-wrapper {
        margin-bottom: calc(69* (100vw/750));
        display: block;
    }

    /* ============================= ▼ common ▼ == */

    #LB220823Personalstyle .content__wrapper {
        width: 100%;
        margin: calc(51* (100vw/750)) auto calc(200* (100vw/750));
    }

    #LB220823Personalstyle .heading__ttl--wrapper {
        margin-bottom: calc(227* (100vw/750));
        font-size: calc(85* (100vw/750));
    }

    #LB220823Personalstyle .heading__ttl {
        margin: 0 auto calc(62* (100vw/750));
        font-size: calc(85* (100vw/750));
        letter-spacing: 0.055em;
        -webkit-text-stroke: calc(2* (100vw/750)) #000;
    }
    #LB220823Personalstyle .heading__ttl::before {
        width: calc(516* (100vw/750));
        height: calc(20* (100vw/750));
        bottom: calc(-3* (100vw/750));
    }

    #LB220823Personalstyle .heading__ttl02 {
        margin-bottom: calc(23* (100vw/750));
        font-size: calc(27* (100vw/750));
        letter-spacing: 0.05em;
    }
    #LB220823Personalstyle .heading__ttl02::before {
        background-image: url("../img/decoration_left.png");
        width: calc(28* (100vw/750));
        height: calc(29* (100vw/750));
        margin: auto;
        top: calc(-9* (100vw/750));
        bottom: 0;
        left: calc(-37* (100vw/750));
    }
    #LB220823Personalstyle .heading__ttl02::after {
        background-image: url("../img/decoration_right.png");
        width: calc(28* (100vw/750));
        height: calc(29* (100vw/750));
        margin: auto;
        top: calc(-9* (100vw/750));
        bottom: 0;
        right: calc(-37* (100vw/750));
    }
    #LB220823Personalstyle .heading__ttl03 {
        margin-bottom: calc(20* (100vw/750));
        font-size: calc(40* (100vw/750));
        letter-spacing: 0.05em;
    }
    #LB220823Personalstyle .heading__ttl04 {
        margin-bottom: calc(78* (100vw/750));
        font-size: calc(32* (100vw/750));
        letter-spacing: 0.05em;
    }
    #LB220823Personalstyle .heading__ttl04 span {
        margin-right: calc(18* (100vw/750));
        font-size: calc(31* (100vw/750));
        letter-spacing: 0;
    }
    #LB220823Personalstyle .heading__lead--ttl {
        margin-bottom: calc(88* (100vw/750));
        font-size: calc(24* (100vw/750));
        line-height: 1.9166;
        letter-spacing: 0.03em;
    }
    #LB220823Personalstyle .diagnosis a {
        margin-left: calc(-41* (100vw/750));
        font-size: calc(30* (100vw/750));
        letter-spacing: 0.08em;
    }
    #LB220823Personalstyle .diagnosis a::after {
        background-image: url("../img/triangle.svg");
        width: calc(11* (100vw/750));
        height: calc(19* (100vw/750));
        top: calc(3* (100vw/750));
        right: calc(-41* (100vw/750));
    }
    #LB220823Personalstyle .diagnosis a::before {
        width: calc(288* (100vw/750));
        height: calc(2* (100vw/750));
        bottom: calc(-27* (100vw/750));
    }

    /* ============================= ▼ --01 ▼ == */
    #LB220823Personalstyle .content__block--01 {
        margin-bottom: calc(194* (100vw/750));
        text-align: center;
    }
    #LB220823Personalstyle .content__block--01 .item01 {
        width: calc(330* (100vw/750));
        margin: 0 auto calc(23* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .img01 {
        width: calc(640* (100vw/750));
        margin: 0 auto calc(70* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .look01 .description-txt {
        width: calc(640* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .look01 .description {
        margin-top: 0;
        margin-left: calc(55* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .look01 {
        margin-left: 0;
        margin-bottom: calc(143* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .item02 .point {
        margin-top: 0;
    }
    #LB220823Personalstyle .content__block--01 .img02,
    #LB220823Personalstyle .content__block--01 .img03 {
        width: calc(540* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .img02 {
        margin-left: calc(40* (100vw/750));
        margin-bottom: calc(30* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .img03 {
        margin-left: calc(170* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .look02 .description-txt {
        width: calc(640* (100vw/750));
        text-align: justify;
    }
    #LB220823Personalstyle .content__block--01 .look02 .description {
        margin-left: calc(55* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .look02 .content__credit {
        margin-top: calc(31* (100vw/750));
        text-align: left;
    }
    #LB220823Personalstyle .content__wrapper .content__block--01 .look01 {
        display: block;
    }
    #LB220823Personalstyle .content__block--01 .item02 .item01 {
        width: calc(350* (100vw/750));
        margin-bottom: calc(25* (100vw/750));
    }
    #LB220823Personalstyle .content__block--01 .item02 {
        padding-bottom: calc(82* (100vw/750));
    }

    /* ============================= ▼ --02 ▼ == */
    #LB220823Personalstyle .content__block--02 {
        margin: 0 auto calc(194* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .item01 {
        width: calc(350* (100vw/750));
        margin: 0 auto calc(23* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .img02 {
        width: calc(500* (100vw/750));
        margin-left: auto;
        margin-bottom: calc(40* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .img01 {
        width: calc(560* (100vw/750));
        margin-left: calc(40* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .content__block--02 .item::before {
        left: 0;
    }
    #LB220823Personalstyle .content__block--02 .point {
        margin-top: 0;
    }
    #LB220823Personalstyle .content__wrapper .content__block--02 .img-wrapper {
        margin-bottom: calc(69* (100vw/750));
        display: flex;
        flex-direction: column-reverse;
    }
    #LB220823Personalstyle .content__block--02 .look01 .description {
        margin-left: calc(55* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .look01 .description-txt {
        width: calc(640* (100vw/750));
        text-align: justify;
    }
    #LB220823Personalstyle .content__block--02 .look01 .content__credit {
        margin-top: calc(31* (100vw/750));
        text-align: left;
    }
    #LB220823Personalstyle .content__block--02 .look01 {
        margin-bottom: calc(143* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .content__block--02 .item02::before {
        left: 0;
    }
    #LB220823Personalstyle .content__block--02 .look02 {
        margin-left: 0;
    }
    #LB220823Personalstyle .content__wrapper .content__block--02 .look02 {
        display: block;
    }
    #LB220823Personalstyle .content__block--02 .look02 .description-txt {
        width: calc(640* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .img03 {
        width: calc(640* (100vw/750));
        margin: 0 auto calc(71* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .look02 .description {
        margin-top: 0;
        margin-left: calc(55* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .look02 .content__credit {
        margin-top: calc(32* (100vw/750));
        text-align: left;
    }
    #LB220823Personalstyle .content__wrapper .content__block--03 .item::before {
        left: 0;
    }
    #LB220823Personalstyle .content__block--02 .item {
        padding-bottom: calc(83* (100vw/750));
        margin-bottom: calc(59* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .sub-title {
        margin-bottom: calc(37* (100vw/750));
        line-height: 1.6785;
    }
    #LB220823Personalstyle .content__block--02 .item02 .mode {
        margin-bottom: calc(51* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .item02 {
        margin-bottom: calc(48* (100vw/750));
        margin-left: 0;
        padding-bottom: calc(85* (100vw/750));
    }
    #LB220823Personalstyle .content__block--02 .item02 .item01 {
        margin: 0 auto calc(23* (100vw/750));
    }

    /* ============================= ▼ --03 ▼ == */
    #LB220823Personalstyle .content__block--03 {
        margin-bottom: calc(191* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .item {
        margin-bottom: calc(40* (100vw/750));
        flex-direction: column;
    }
    #LB220823Personalstyle .content__block--03 .item01 {
        width: calc(350* (100vw/750));
        margin: 0 auto calc(23* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 h3 {
        margin-bottom: calc(62* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .item-name {
        margin-bottom: calc(41* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .content__block--03 .look01 {
        display: block;
        text-align: left;
    }
    #LB220823Personalstyle .content__block--03 .img01 {
        width: calc(600* (100vw/750));
        margin: 0 auto calc(69* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .look01 {
        margin-left: 0;
        margin-bottom: calc(143* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .look01 .description {
        margin-top: 0;
        margin-left: calc(55* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .look01 .description-txt {
        width: calc(640* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .item02 {
        margin-bottom: calc(37* (100vw/750));
        padding-bottom: calc(84* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .item02 .item01 {
        width: calc(350* (100vw/750));
        margin: 0 auto calc(24* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .item02 .point {
        margin-top: 0;
    }
    #LB220823Personalstyle .content__block--03 .item02 .txt-off {
        margin-bottom: calc(49* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .item02 .item-name {
        margin-bottom: calc(40* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .img02 {
        width: calc(640* (100vw/750));
        margin: 0 auto calc(69* (100vw/750));
    }
    #LB220823Personalstyle .content__wrapper .content__block--03 .look02 {
        margin-left: 0;
        display: block;
    }
    #LB220823Personalstyle .content__block--03 .look02 .description-txt {
        width: calc(640* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .look02 .description {
        margin-top: 0;
        margin-left: calc(55* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .look02 .content__credit {
        margin-top: calc(35* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .txt-on {
        margin-bottom: calc(51* (100vw/750));
    }
    #LB220823Personalstyle .content__block--03 .look01 .content__credit {
        margin-top: calc(35* (100vw/750));
    }
}

/* ============================= ▲ check-btn ▲ == */

/* } */