.shampoo * {
    font-feature-settings: 'palt';
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.01em;
}

/* common animation */
.fade_in {
    opacity: 0;
    transition: opacity 1s;
}
.animated .fade_in,
.animated.fade_in {
    opacity: 1;
}
.fade_in_up {
    translate: 0 20px;
    opacity: 0;
    transition: translate 0.9s, opacity 0.9s;
}
.animated .fade_in_up,
.animated.fade_in_up {
    translate: 0 0;
    opacity: 1;
}
.scale_in {
    scale: 0.2;
    opacity: 0;
    transition: scale 0.7s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.7s;
}
.animated .scale_in,
.animated.scale_in {
    scale: 1;
    opacity: 1;
}
.txt_anim {
    display: inline-block;
    opacity: 0;
}
.animated .txt_anim {
    animation: txtAnim 0.6s 0s both ease-in-out;
}
.animated .txt_anim1 {
    animation-delay: 0s;
}
.animated .txt_anim2 {
    animation-delay: 0.05s;
}
.animated .txt_anim3 {
    animation-delay: 0.1s;
}
.animated .txt_anim4 {
    animation-delay: 0.15s;
}
.animated .txt_anim5 {
    animation-delay: 0.2s;
}
.animated .txt_anim6 {
    animation-delay: 0.25s;
}
.animated .txt_anim7 {
    animation-delay: 0.3s;
}
.animated .txt_anim8 {
    animation-delay: 0.35s;
}
.animated .txt_anim9 {
    animation-delay: 0.4s;
}

/* mv */
.mv {
    overflow: hidden;
}
.mv_half {
    position: absolute;
    top: 0;
    height: 100%;
}
.mv_half_1 {
    left: 0;
}
.mv_half_2 {
    right: 0;
}
.mv_logo {
    position: absolute;
}
.mv_ttl_en,
.mv_ttl_ja {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}
.mv_half_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mv_half_1 a {
    color: #68373a;
}
.mv_half_2 a {
    color: #514744;
}
.mv_name {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    margin-inline: auto;
}
.mv_half_1 .mv_name {
    background-color: #68373a;
}
.mv_half_2 .mv_name {
    background-color: #514744;
}
.mv_more {
    position: absolute;
    transform-origin: right bottom;
    rotate: 90deg;
}
.mv_more::before {
    content: "";
    position: absolute;
    right: 0;
    background: url(../images/mv_arrow@2x.png) no-repeat center / contain;
}
@media screen and (min-width: 751px) {
    .mv_inner {
        padding-top: 42.5%;
    }
    .mv_half {
        width: 50%;
    }
    .mv_half_1 {
        background: url(../images/mv_1@2x.jpg) no-repeat center 90% / cover;
    }
    .mv_half_2 {
        background: url(../images/mv_2@2x.jpg) no-repeat center 90% / cover;
    }
    .mv_logo {
        top: 15%;
        left: 37.5%;
        width: 27.5%;
    }
    .mv_ttl_en,
    .mv_ttl_ja,
    .mv_more {
        text-shadow: #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px, #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px;
    }
    .mv_ttl_en {
        top: 29%;
        font-size: 2.689vw;
    }
    .mv_ttl_ja {
        top: 37%;
        font-size: 1.667vw;
    }
    .mv_name {
        top: 45%;
        font-size: 1.389vw;
        line-height: 1.7;
        border-radius: 0.833vw;
    }
    .mv_half_1 .mv_name {
        width: 39%;
    }
    .mv_half_2 .mv_name {
        width: 40%;
    }
    .mv_more {
        bottom: 1.5%;
        font-size: 1.111vw;
        padding-right: 4.722vw;
    }
    .mv_more::before {
        bottom: -0.417vw;
        width: 4.306vw;
        height: 2.014vw;
    }
    .mv_half_1 .mv_more {
        left: 4.3%;
        translate: -100% 0;
    }
    .mv_half_2 .mv_more {
        right: 6.5%;
    }
}
@media screen and (max-width: 1280px) {
    .mv_ttl_en {
        font-size: 34px;
    }
    .mv_ttl_ja {
        font-size: 21px;
    }
    .mv_name {
        font-size: 18px;
        border-radius: 11px;
    }
    .mv_more {
        font-size: 14px;
        padding-right: 60px;
    }
    .mv_more::before {
        bottom: -5px;
        width: 56px;
        height: 26px;
    }
}
@media screen and (max-width: 750px) {
    .mv_inner {
        height: auto;
        padding-top: 0;
    }
    .mv_half {
        position: relative;
        padding-top: 149.335%;
        width: 100%;
    }
    .mv_half_1 {
        background: url(../images/mv_1_sp.jpg) no-repeat center / cover;
    }
    .mv_half_2 {
        background: url(../images/mv_2_sp.jpg) no-repeat center / cover;
    }
    .mv_logo {
        top: 4.5%;
        left: 28.5%;
        width: 43.47%;
    }
    .mv_ttl_en,
    .mv_ttl_ja,
    .mv_more {
        text-shadow: #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw, #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw;
    }
    .mv_ttl_en {
        top: 15.5%;
        font-size: 6.4vw;
    }
    .mv_half_2 .mv_ttl_en {
        font-size: 5.333vw;
    }
    .mv_ttl_ja {
        top: 22%;
        font-size: 4.2vw;
    }
    .mv_name {
        top: 28.8%;
        font-size: 4.267vw;
        line-height: 1.8;
        width: 60%;
        border-radius: 2.133vw;
    }
    .mv_more {
        bottom: 4.2%;
        left: 7%;
        font-size: 3.733vw;
        padding-right: 12vw;
        translate: -100% 0;
    }
    .mv_more::before {
        bottom: -1.867vw;
        width: 11.467vw;
        height: 5.333vw;
    }
}
/* animation */
.mv_ttl_en,
.mv_ttl_ja,
.mv_name {
    transition-delay: 0.4s;
}
.mv_more {
    translate: -100% -20px;
    opacity: 0;
}
@keyframes mvMoreAnimation_1 {
    0% {
        translate: 0 -20px;
        opacity: 0;
    }
    10% {
        translate: 0 0;
        opacity: 1;
    }
    65% {
        translate: 0 0;
        opacity: 1;
    }
    75% {
        translate: 0 20px;
        opacity: 0;
    }
    100% {
        translate: 0 20px;
        opacity: 0;
    }
}
@keyframes mvMoreAnimation_2 {
    0% {
        translate: -100% -20px;
        opacity: 0;
    }
    10% {
        translate: -100% 0;
        opacity: 1;
    }
    65% {
        translate: -100% 0;
        opacity: 1;
    }
    75% {
        translate: -100% 20px;
        opacity: 0;
    }
    100% {
        translate: -100% 20px;
        opacity: 0;
    }
}
@media screen and (min-width: 751px) {
    .mv_half_2 .mv_more {
        translate: 0 -20px;
    }
    .animated .mv_half_2 .mv_more {
        animation-name: mvMoreAnimation_1;
    }
    .animated .mv_more {
        animation: mvMoreAnimation_2 4s linear infinite;
    }
    @media (hover: hover) {
        .mv_more {
            transition: letter-spacing 0.4s, scale 0.4s;
        }
        .mv_half_link:hover .mv_more {
            letter-spacing: 0.1em;
            scale: 1.1;
        }
    }
}
@media screen and (max-width: 1280px) {
    @media (hover: hover) {
        .mv_half_link:hover .mv_more::before {
            right: -5px;
        }
    }
}
@media screen and (max-width: 750px) {
    /* swiper-slide-active */
    .mv .fade_in_up {
        translate: 0 20px;
        opacity: 0;
    }
    .mv .swiper-slide-active .fade_in_up {
        translate: 0 0;
        opacity: 1;
    }
    .mv .swiper-slide-active .mv_more {
        animation: mvMoreAnimation_2 4s 0.4s linear infinite;
    }
}

/* online_area */
.online_area {
    text-align: center;
}
.online_area_btn {
    display: block;
    color: #fff;
    background: linear-gradient(90deg, #ae8962 0%, #cea770 21%, #bb935c 43%, #f4e7ce 89%, #f5e0c3 100%);
}
@media screen and (min-width: 751px) {
    .online_area {
        padding: 32px 0 80px;
    }
    .online_area_btn {
        font-size: 24px;
        padding: 16px 0;
        border-radius: 12px;
    }
}
@media screen and (max-width: 750px) {
    .online_area {
        padding: 6.4vw 0 16vw;
    }
    .online_area_btn {
        font-size: 4.267vw;
        padding: 5.067vw 0;
        border-radius: 3.2vw;
    }
}

/* item_shampoo */
.item_shampoo {
    color: #68373a;
}
/* item_shampoo_mv */
.item_shampoo_mv_inner {
    position: relative;
    width: 100%;
    height: 0;
}
.item_shampoo_mv_dec,
.item_shampoo_mv_txt,
.item_shampoo_mv_ttl,
.item_shampoo_mv_subttl,
.item_shampoo_mv_name,
.item_shampoo_mv_fukidashi {
    position: absolute;
}
.item_shampoo_mv_name {
    color: #fff;
    background-color: #68373a;
}
.item_shampoo_mv_fukidashi {
    text-align: center;
}
@media screen and (min-width: 751px) {
    .item_shampoo_mv {
        background: url(../images/item_shampoo_mv@2x.jpg) no-repeat center / cover;
        overflow: hidden;
    }
    .item_shampoo_mv_inner {
        padding-top: 49%;
    }
    .item_shampoo_mv_dec_1 {
        top: -5.5%;
        left: 69%;
        width: 21.25%;
    }
    .item_shampoo_mv_dec_2 {
        top: 70.8%;
        left: 14.2%;
        width: 14.24%;
    }
    .item_shampoo_mv_dec_3 {
        top: 53%;
        left: 22.2%;
        width: 22.22%;
    }
    .item_shampoo_mv_txt,
    .item_shampoo_mv_ttl,
    .item_shampoo_mv_subttl,
    .item_shampoo_mv_fukidashi {
        text-shadow: #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px, #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px;
    }
    .item_shampoo_mv_txt {
        top: 9%;
        left: 13.9%;
        font-size: 1.944vw;
    }
    .item_shampoo_mv_ttl {
        top: 14%;
        left: 13.9%;
        font-size: 3.889vw;
        line-height: 1.428;
    }
    .item_shampoo_mv_subttl {
        top: 39%;
        left: 14%;
        font-size: 1.944vw;
        line-height: 1.714;
    }
    .item_shampoo_mv_name {
        top: 56%;
        left: 14.2%;
        font-size: 1.667vw;
        padding: 0.694vw 1.042vw;
        border-radius: 0.833vw;
    }
    .item_shampoo_mv_fukidashi {
        font-size: 1.667vw;
        line-height: 1.4;
    }
    .item_shampoo_mv_fukidashi_1 {
        top: 4%;
        left: 73.3%;
    }
    .item_shampoo_mv_fukidashi_2 {
        top: 67.2%;
        left: 26.3%;
    }
    .item_shampoo_mv_fukidashi span {
        font-size: 2.778vw;
        line-height: 1.3;
    }
}
@media screen and (max-width: 1280px) {
    .item_shampoo_mv_ttl {
        font-size: 50px;
    }
    .item_shampoo_mv_subttl {
        font-size: 25px;
    }
    .item_shampoo_mv_name {
        font-size: 21px;
        padding: 9px 13px;
        border-radius: 11px;
    }
    .item_shampoo_mv_fukidashi {
        font-size: 21px;
    }
    .item_shampoo_mv_fukidashi span {
        font-size: 36px;
    }
}
@media screen and (max-width: 750px) {
    .item_shampoo {
        overflow: hidden;
    }
    .item_shampoo_mv {
        background: url(../images/item_shampoo_mv_sp.jpg) no-repeat center / cover;
    }
    .item_shampoo_mv_inner {
        padding-top: 197.335%;
    }
    .item_shampoo_mv_dec_1 {
        top: 32%;
        left: 56.5%;
        width: 46.668%;
    }
    .item_shampoo_mv_dec_2 {
        top: 81.3%;
        left: -1.8%;
        width: 48.935%;
    }
    .item_shampoo_mv_txt,
    .item_shampoo_mv_ttl,
    .item_shampoo_mv_subttl,
    .item_shampoo_mv_fukidashi {
        text-shadow: #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw, #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw;
    }
    .item_shampoo_mv_txt {
        top: 6.2%;
        left: 6.5%;
        font-size: 4.533vw;
    }
    .item_shampoo_mv_ttl {
        top: 10%;
        left: 6.5%;
        font-size: 9.067vw;
        line-height: 1.35;
    }
    .item_shampoo_mv_subttl {
        top: 23.2%;
        left: 7%;
        font-size: 4.533vw;
        line-height: 1.714;
    }
    .item_shampoo_mv_name {
        top: 32.3%;
        left: 7.5%;
        font-size: 4.267vw;
        padding: 1.333vw 2.133vw;
        border-radius: 0.833vw;
    }
    .item_shampoo_mv_fukidashi {
        font-size: 3.733vw;
        line-height: 1.4;
    }
    .item_shampoo_mv_fukidashi_1 {
        top: 37.4%;
        left: 65.2%;
    }
    .item_shampoo_mv_fukidashi_2 {
        top: 89.5%;
        left: 6%;
    }
    .item_shampoo_mv_fukidashi span {
        font-size: 6.4vw;
        line-height: 1.3;
    }
}
/* animation */
.item_shampoo_mv_subttl,
.item_shampoo_mv_name {
    transition-delay: 0.2s;
}
.item_shampoo_mv_dec_1 {
    transition-delay: 0.4s;
}
.item_shampoo_mv_dec_2 {
    transition-delay: 0.6s;
}
.item_shampoo_mv_dec_3 {
    transition-delay: 0.7s;
}
.item_shampoo_mv_fukidashi_1 {
    transition-delay: 0.8s;
}
.item_shampoo_mv_fukidashi_2 {
    transition-delay: 1.1s;
}

/* item_shampoo_point */
.item_point_logo {
    display: inline-block;
    vertical-align: bottom;
}
.item_point_ttl {
    text-align: center;
}
.item_point_ttl .large {
    display: inline-block;
}
.item_point_list_item {
    position: relative;
}
.item_point_number_wrap {
    position: absolute;
    text-align: center;
    z-index: 1;
}
.item_point_box {
    background-color: #fff;
}
.item_point_box_ttl_inner,
.item_point_box_ttl_inner span {
    position: relative;
}
.item_point_box_ttl_inner {
    display: inline-block;
}
.item_point_box_ttl_inner::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fae3de;
}
.item_point_box_ttl_inner span {
    display: block;
}
.item_point_img {
    position: absolute;
}
.item_point_box_effect {
    position: relative;
    color: #fff;
    text-align: center;
}
.item_point_box_effect_parts {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
    margin-block: auto;
}
.item_point_box_effect_1 {
    background-color: #b18b57;
}
.item_point_box_effect_1 .item_point_box_effect_parts {
    color: #b18b57;
}
.item_point_box_effect_2 {
    background-color: #c65c63;
}
.item_point_box_effect_2 .item_point_box_effect_parts {
    color: #c65c63;
}
.item_point_box_free_list {
    display: flex;
}
.item_point_box_free {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}
.item_point_box_free:nth-child(1) {
    background-color: #b18b57;
}
.item_point_box_free:nth-child(2) {
    background-color: #c65c63;
}
.item_point_box_free:nth-child(3) {
    background-color: #68373a;
}
.item_point_box_free::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    background-color: rgba(250, 227, 222, 0.2);
    margin-block: auto;
    transform-origin: center;
    translate: -50% 0;
    rotate: 39deg;
}
.item_point_box_free span {
    position: relative;
}
@media screen and (min-width: 751px) {
    .item_shampoo_point {
        background: url(../images/item_shampoo_point_bg@2x.jpg) no-repeat center / cover;
        padding: 94px 0 200px;
        margin-top: 40px;
    }
    .item_point_ttl {
        font-size: 32px;
        line-height: 1.5;
        text-shadow: #fff 2px 2px 12px, #fff -2px 2px 12px, #fff 2px -2px 12px, #fff -2px -2px 12px, #fff 2px 2px 12px, #fff -2px 2px 12px, #fff 2px -2px 12px, #fff -2px -2px 12px;
    }
    .item_point_ttl .large {
        font-size: 64px;
        line-height: 1.5;
        margin-top: 16px;
    }
    .item_point_logo {
        position: relative;
        top: 8px;
        width: 228px;
    }
    .item_point_list {
        margin-top: 63px;
    }
    .item_point_list_item + .item_point_list_item {
        margin-top: 170px;
    }
    .item_point_number_wrap {
        top: -66px;
        width: 227px;
        height: 203px;
    }
    .item_point_list_item:nth-child(odd) .item_point_number_wrap {
        left: -15px;
        background: url(../images/item_point_number_bg_1@2x.png) no-repeat center / contain;
    }
    .item_point_list_item:nth-child(even) .item_point_number_wrap {
        right: -15px;
        background: url(../images/item_point_number_bg_2@2x.png) no-repeat center / contain;
    }
    .item_point_list_item:nth-child(2) .item_point_number_wrap {
        top: -112px;
    }
    .item_point_list_item:nth-child(3) .item_point_number_wrap {
        top: -88px;
    }
    .item_point_list_item:nth-child(4) .item_point_number_wrap {
        top: -115px;
    }
    .item_point_number {
        font-size: 32px;
        padding-top: 52px;
    }
    .item_point_number span {
        font-size: 48px;
    }
    .item_point_box {
        width: 795px;
        box-sizing: border-box;
        padding: 48px 0 48px 65px;
        border-radius: 24px;
        box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.3);
    }
    .item_point_list_item:nth-child(odd) .item_point_box {
        padding-left: 235px;
        margin: 0 0 0 auto;
    }
    .item_point_box_subttl {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .item_point_box_ttl_inner::before {
        bottom: 5px;
        height: 16px;
    }
    .item_point_box_ttl_inner span {
        font-size: 48px;
        line-height: 1.6;
    }
    .item_point_list_item:nth-child(1) .item_point_box_ttl_inner span {
        font-size: 40px;
    }
    .item_point_box_txt {
        font-size: 24px;
        line-height: 1.667;
        margin-top: 30px;
    }
    .item_point_box_notes {
        margin-top: 30px;
    }
    .item_point_box_notes li {
        font-size: 18px;
        line-height: 1.556;
    }
    .item_point_img {
        top: 0;
        bottom: 0;
        width: 595px;
        margin-block: auto;
    }
    .item_point_list_item:nth-child(odd) .item_point_img {
        left: -12px;
    }
    .item_point_list_item:nth-child(even) .item_point_img {
        right: -12px;
    }
    .item_point_box_effect_list {
        width: 495px;
        margin-top: 33px;
    }
    .item_point_box_effect {
        font-size: 16px;
        padding: 11px 0 11px 58px;
        border-radius: 20px;
    }
    .item_point_box_effect + .item_point_box_effect {
        margin-top: 12px;
    }
    .item_point_box_effect:nth-child(3) {
        border-radius: 32px;
    }
    .item_point_box_effect .large {
        font-size: 18px;
    }
    .item_point_box_effect .notes {
        display: inline-block;
        font-size: 14px;
    }
    .item_point_box_effect:nth-child(2) .notes {
        margin-left: 8px;
    }
    .item_point_box_effect:nth-child(3) .notes {
        margin-top: 8px;
    }
    .item_point_box_effect_parts {
        left: 10px;
        font-size: 14px;
        line-height: 24px;
        width: 48px;
        height: 24px;
        border-radius: 12px;
    }
    .item_point_box_free_list {
        gap: 35px;
        margin-top: 20px;
    }
    .item_point_box_free {
        width: 130px;
        height: 130px;
    }
    .item_point_box_free::before {
        width: 8px;
        height: 150%;
    }
    .item_point_box_free span {
        font-size: 22px;
        line-height: 1.273;
    }
}
@media screen and (max-width: 750px) {
    .item_shampoo_point {
        background: url(../images/item_shampoo_point_bg_sp.jpg) no-repeat center / cover;
        padding: 12.8vw 0 18.667vw;
        margin-top: 12.8vw;
    }
    .item_point_ttl {
        font-size: 6.4vw;
        line-height: 1.5;
        text-shadow: #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw, #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw;
    }
    .item_point_ttl .large {
        font-size: 11.733vw;
        line-height: 1.2;
    }
    .item_point_logo {
        position: relative;
        top: 0.8vw;
        width: 35.467vw;
    }
    .item_point_list {
        margin-top: 7.467vw;
    }
    .item_point_list_item + .item_point_list_item {
        margin-top: 14.133vw;
    }
    .item_point_list_item:nth-child(1),
    .item_point_list_item:nth-child(3) {
        padding-top: 64.8vw;
    }
    .item_point_list_item:nth-child(2),
    .item_point_list_item:nth-child(4) {
        padding-top: 59.733vw;
    }
    .item_point_number_wrap {
        top: -4.8vw;
        width: 35.733vw;
        height: 31.867vw;
    }
    .item_point_list_item:nth-child(odd) .item_point_number_wrap {
        left: -4vw;
        background: url(../images/item_point_number_bg_1_sp.png) no-repeat center / contain;
    }
    .item_point_list_item:nth-child(even) .item_point_number_wrap {
        right: -3.2vw;
        background: url(../images/item_point_number_bg_2_sp.png) no-repeat center / contain;
    }
    .item_point_number {
        font-size: 5.12vw;
        padding-top: 8vw;
    }
    .item_point_number span {
        font-size: 7.68vw;
    }
    .item_point_box {
        width: calc(100% + 7.3333vw);
        box-sizing: border-box;
        padding: 16vw 0 8vw 8vw;
        border-radius: 5.333vw 0 0 5.333vw;
        box-shadow: 0 0.8vw 2.933vw 0 rgba(0, 0, 0, 0.3);
    }
    .item_shampoo .item_point_list_item:nth-child(even) .item_point_box {
        padding-left: 15.467vw;
        border-radius: 0 5.333vw 5.333vw 0;
        margin-left: -7.3333vw;
    }
    .item_point_box_subttl {
        font-size: 4.267vw;
        margin-bottom: 2.4vw;
    }
    .item_point_box_ttl_inner::before {
        bottom: 1.333vw;
        height: 2.667vw;
    }
    .item_point_box_ttl_inner span {
        font-size: 7.467vw;
        line-height: 1.42;
    }
    .item_point_box_txt {
        font-size: 4.267vw;
        line-height: 1.55;
        margin-top: 2.667vw;
    }
    .item_point_box_notes {
        padding-right: 9.333vw;
        margin-top: 4vw;
    }
    .item_point_box_notes li {
        font-size: 2.933vw;
        line-height: 1.556;
        text-indent: -1em;
        margin-left: 1em;
    }
    .item_point_img {
        top: 0;
        width: 90.4vw;
    }
    .item_point_list_item:nth-child(odd) .item_point_img {
        left: -3.2vw;
    }
    .item_point_list_item:nth-child(even) .item_point_img {
        right: -3.2vw;
    }
    .item_point_box_effect_list {
        margin-top: 5.067vw;
        padding-right: 8vw;
    }
    .item_point_box_effect {
        font-size: 2.4vw;
        padding: 1.733vw 0 1.733vw 8vw;
        border-radius: 3.333vw;
    }
    .item_point_box_effect + .item_point_box_effect {
        margin-top: 2.4vw;
    }
    .item_point_box_effect:nth-child(2),
    .item_point_box_effect:nth-child(3) {
        padding: 1.867vw 0 1.867vw 8vw;
        border-radius: 5.133vw;
    }
    .item_point_box_effect .large {
        font-size: 2.933vw;
    }
    .item_point_box_effect .notes {
        display: inline-block;
        font-size: 2.4vw;
    }
    .item_point_box_effect:nth-child(2) .notes,
    .item_point_box_effect:nth-child(3) .notes {
        margin-top: 1.333vw;
    }
    .item_point_box_effect_parts {
        left: 1.6vw;
        font-size: 2.667vw;
        line-height: 4.533vw;
        width: 8.133vw;
        height: 4.533vw;
        border-radius: 2.267vw;
    }
    .item_point_box_free_list {
        gap: 2.133vw;
        margin-top: 3.733vw;
    }
    .item_point_box_free {
        width: 21.867vw;
        height: 21.867vw;
    }
    .item_point_box_free::before {
        width: 1.333vw;
        height: 150%;
    }
    .item_point_box_free span {
        font-size: 4vw;
        line-height: 1.267;
    }
}
/* animation */
.animated .item_point_number {
    transition-delay: 0.4s;
}
.animated .item_point_box_ttl {
    transition-delay: 0.6s;
}
.animated .item_point_box_effect_list,
.animated .item_point_box_free_list {
    transition-delay: 0.75s;
}

/* item_shampoo_type_ttl */
.item_shampoo_type_ttl {
    text-align: center;
}
.item_shampoo_type_ttl_small,
.item_shampoo_type_ttl_large {
    display: block;
}
.item_shampoo_type_detail {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.item_shampoo_type_detail_catch_wrap,
.item_shampoo_type_detail_component {
    color: #fff;
}
.item_shampoo_type_detail_ttl span {
    display: block;
}
.item_shampoo_type_detail_1 .item_shampoo_type_detail_catch_wrap,
.item_shampoo_type_detail_1 .item_shampoo_type_detail_component {
    background-color: #ee8baa;
}
.item_shampoo_type_detail_1 .item_shampoo_type_detail_ttl {
    color: #ee8baa;
}
.item_shampoo_type_detail_2 .item_shampoo_type_detail_catch_wrap,
.item_shampoo_type_detail_2 .item_shampoo_type_detail_component {
    background-color: #d79cc7;
}
.item_shampoo_type_detail_2 .item_shampoo_type_detail_ttl {
    color: #d79cc7;
}
.item_shampoo_type_detail_3 .item_shampoo_type_detail_catch_wrap,
.item_shampoo_type_detail_3 .item_shampoo_type_detail_component {
    background-color: #98cfb5;
}
.item_shampoo_type_detail_3 .item_shampoo_type_detail_ttl {
    color: #98cfb5;
}
.item_shampoo_type_detail_care_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #fdf9d2;
    border-radius: 50%;
}
.item_shampoo_type_detail_img {
    width: 100%;
}
.item_shampoo_type_detail_component_list_half {
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width: 751px) {
    .item_shampoo_type {
        background: url(../images/item_shampoo_type_bg@2x.jpg) no-repeat center / cover;
        padding: 116px 0 104px;
    }
    .item_shampoo_type_ttl_small {
        font-size: 32px;
    }
    .item_shampoo_type_ttl_large {
        font-size: 64px;
        margin-top: 25px;
    }
    .item_shampoo_type_list {
        display: flex;
        justify-content: space-between;
        margin-top: 55px;
    }
    .item_shampoo_type_list > li{
        width: 373px;
    }
    .item_shampoo_type_detail {
        border-radius: 24px;
        box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.3);
    }
    .item_shampoo_type_detail_catch_wrap {
        padding: 21px 0;
    }
    .item_shampoo_type_detail_catch {
        font-size: 24px;
        line-height: 1.5;
    }
    .item_shampoo_type_detail_care_wrap {
        top: 98px;
        right: 12px;
        width: 110px;
        height: 110px;
    }
    .item_shampoo_type_detail_care {
        font-size: 20px;
        line-height: 1.3;
    }
    .item_shampoo_type_detail_img {
        height: 340px;
    }
    .item_shampoo_type_detail_1 .item_shampoo_type_detail_img {
        background: url(../images/item_shampoo_type_detail_img_1@2x.jpg) no-repeat center top / 100% auto;
    }
    .item_shampoo_type_detail_2 .item_shampoo_type_detail_img {
        background: url(../images/item_shampoo_type_detail_img_2@2x.jpg) no-repeat center top / 100% auto;
    }
    .item_shampoo_type_detail_3 .item_shampoo_type_detail_img {
        background: url(../images/item_shampoo_type_detail_img_3@2x.jpg) no-repeat center top / 100% auto;
    }
    .item_shampoo_type_detail_en {
        font-size: 40px;
    }
    .item_shampoo_type_detail_ja {
        font-size: 20px;
        margin-top: 12px;
    }
    .item_shampoo_type_detail_component_list {
        padding: 0 25px 32px;
        margin-top: 22px;
    }
    .item_shampoo_type_detail_component {
        font-size: 14px;
        line-height: 1.25;
        padding: 16px 0;
        border-radius: 8px;
    }
    .item_shampoo_type_detail_component span {
        font-size: 16px;
    }
    .item_shampoo_type_detail_component_list_half .item_shampoo_type_detail_component {
        width: 158px;
        padding: 6px 0;
    }
    .item_shampoo_type_notes_list {
        margin-top: 28px;
    }
    .item_shampoo_type_notes {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media screen and (max-width: 750px) {
    .item_shampoo_type {
        background: url(../images/item_shampoo_type_sp.jpg) no-repeat center / cover;
        padding: 18.667vw 0 18.133vw;
    }
    .item_shampoo_type_ttl {
        width: calc(100% + 10vw);
        margin-left: -5vw;
    }
    .item_shampoo_type_ttl_small {
        font-size: 6.4vw;
    }
    .item_shampoo_type_ttl_large {
        font-size: 10.667vw;
        margin-top: 2.667vw;
    }
    .item_shampoo_type_list {
        margin-top: 9.6vw;
    }
    .item_shampoo_type_list > li + li{
        margin-top: 12.533vw;
    }
    .item_shampoo_type_detail {
        border-radius: 5.333vw;
        box-shadow: 0 0.8vw 2.933vw 0 rgba(0, 0, 0, 0.3);
    }
    .item_shampoo_type_detail_catch_wrap {
        padding: 3.733vw 0;
    }
    .item_shampoo_type_detail_catch {
        font-size: 5.333vw;
        line-height: 1.5;
    }
    .item_shampoo_type_detail_care_wrap {
        top: 20.533vw;
        right: 3.2vw;
        width: 24.933vw;
        height: 24.933vw;
    }
    .item_shampoo_type_detail_care {
        font-size: 4.533vw;
        line-height: 1.3;
    }
    .item_shampoo_type_detail_img {
        height: 72.533vw;
    }
    .item_shampoo_type_detail_1 .item_shampoo_type_detail_img {
        background: url(../images/item_shampoo_type_detail_img_1_sp.jpg) no-repeat center top / 100% auto;
    }
    .item_shampoo_type_detail_2 .item_shampoo_type_detail_img {
        background: url(../images/item_shampoo_type_detail_img_2_sp.jpg) no-repeat center top / 100% auto;
    }
    .item_shampoo_type_detail_3 .item_shampoo_type_detail_img {
        background: url(../images/item_shampoo_type_detail_img_3_sp.jpg) no-repeat center top / 100% auto;
    }
    .item_shampoo_type_detail_en {
        font-size: 9.067vw;
    }
    .item_shampoo_type_detail_ja {
        font-size: 4.533vw;
        margin-top: 1.867vw;
    }
    .item_shampoo_type_detail_component_list {
        padding: 0 6.667vw 7.467vw;
        margin-top: 5.333vw;
    }
    .item_shampoo_type_detail_component {
        font-size: 3.2vw;
        line-height: 1.5;
        letter-spacing: 0;
        padding: 2.667vw 0;
        border-radius: 2.133vw;
    }
    .item_shampoo_type_detail_component span {
        font-size: 4.267vw;
    }
    .item_shampoo_type_detail_component_list_half .item_shampoo_type_detail_component {
        line-height: 1.3;
        width: 48.49%;
        padding: 1.867vw 0;
    }
    .item_shampoo_type_detail_component_list_half .item_shampoo_type_detail_component span {
        font-size: 3.733vw;
    }
    .item_shampoo_type_notes_list {
        margin-top: 5.333vw;
    }
    .item_shampoo_type_notes {
        font-size: 2.933vw;
        line-height: 1.455;
    }
}
/* animation */
@media screen and (min-width: 751px) {
    .item_shampoo_type_list > li:nth-child(2).animated {
        transition-delay: 0.2s;
    }
    .item_shampoo_type_list > li:nth-child(3).animated {
        transition-delay: 0.4s;
    }
}

/* item_treatment */
.item_treatment {
    color: #333435;
}
/* item_treatment_mv */
.item_treatment_mv {
    overflow: hidden;
}
.item_treatment_mv_inner {
    position: relative;
    width: 100%;
    height: 0;
}
.item_treatment_mv_dec,
.item_treatment_mv_txt,
.item_treatment_mv_power,
.item_treatment_mv_ttl,
.item_treatment_mv_name,
.item_treatment_mv_fukidashi {
    position: absolute;
}
.item_treatment_mv_power_1,
.item_treatment_mv_name {
    color: #fff;
}
.item_treatment_mv_power_2,
.item_treatment_mv_ttl,
.item_treatment_mv_fukidashi {
    color: #514744;
}
.item_treatment_mv_ttl {
    text-align: center;
}
.item_treatment_mv_name,
.item_treatment_mv_fukidashi {
    text-align: center;
}
.item_treatment_mv_name {
    background-color: #514744;
}
@media screen and (min-width: 751px) {
    .item_treatment {
        margin-top: 200px;
    }
    .item_treatment_mv {
        background: url(../images/item_treatment_mv@2x.jpg) no-repeat center / cover;
    }
    .item_treatment_mv_inner {
        padding-top: 49%;
    }
    .item_treatment_mv_dec_1_1 {
        top: 18.8%;
        left: 14.1%;
        width: 18.819%;
    }
    .item_treatment_mv_dec_1_2 {
        top: 26.3%;
        left: 32.58%;
        width: 2.847%;
    }
    .item_treatment_mv_dec_1_3 {
        top: 18.8%;
        left: 36.3%;
        width: 18.75%;
    }
    .item_treatment_mv_dec_2,
    .item_treatment_mv_fukidashi {
        top: 76%;
        left: 14.1%;
        width: 39.653%;
    }
    .item_treatment_mv_txt,
    .item_treatment_mv_ttl {
        text-shadow: #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px, #fff 2px 2px 6px, #fff -2px 2px 6px, #fff 2px -2px 6px, #fff -2px -2px 6px;
    }
    .item_treatment_mv_txt {
        top: 10%;
        left: 17.9%;
        font-size: 1.9443vw;
    }
    .item_treatment_mv_power {
        top: 25.8%;
        font-size: 3.333vw;
        letter-spacing: 0.05em;
    }
    .item_treatment_mv_power_1 {
        left: 17.9%;
        text-shadow: 0 0 14px rgba(88, 61, 51, 0.004);
    }
    .item_treatment_mv_power_2 {
        left: 39.9%;
    }
    .item_treatment_mv_ttl {
        top: 45.5%;
        left: 19.3%;
        font-size: 3.889vw;
        line-height: 1.428;
    }
    .item_treatment_mv_ttl span {
        font-size: 4.167vw;
        line-height: 1.333;
    }
    .item_treatment_mv_name {
        top: 73%;
        left: 23%;
        font-size: 1.667vw;
        width: 23.4%;
        padding: 0.625vw 0;
        border-radius: 0.833vw;
    }
    .item_treatment_mv_fukidashi {
        font-size: 2.222vw;
        padding-top: 2.083vw;
    }
}
@media screen and (max-width: 1280px) {
    .item_treatment_mv_power {
        font-size: 43px;
    }
    .item_treatment_mv_ttl {
        font-size: 50px;
    }
    .item_treatment_mv_ttl span {
        font-size: 53px;
    }
    .item_treatment_mv_name {
        font-size: 21px;
        padding: 8px 0;
        border-radius: 11px;
    }
    .item_treatment_mv_fukidashi {
        font-size: 28px;
        padding-top: 27px;
    }
}
@media screen and (max-width: 750px) {
    .item_treatment {
        margin-top: 18.667vw;
    }
    .item_treatment_mv {
        background: url(../images/item_treatment_mv_sp.jpg) no-repeat center / cover;
    }
    .item_treatment_mv_inner {
        padding-top: 197.33%;
    }
    .item_treatment_mv_dec_1_1 {
        top: 9%;
        left: 7.3%;
        width: 40.4%;
    }
    .item_treatment_mv_dec_1_2 {
        top: 13.2%;
        left: 47.2%;
        width: 6%;
    }
    .item_treatment_mv_dec_1_3 {
        top: 9%;
        left: 55.3%;
        width: 39.733%;
    }
    .item_treatment_mv_dec_2,
    .item_treatment_mv_fukidashi {
        top: 37.5%;
        left: 7.3%;
        width: 85.335%;
    }
    .item_treatment_mv_txt,
    .item_treatment_mv_ttl {
        text-shadow: #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw, #fff 2px 2px 0.933vw, #fff -2px 2px 0.933vw, #fff 2px -2px 0.933vw, #fff -2px -2px 0.933vw;
    }
    .item_treatment_mv_txt {
        top: 4%;
        left: 0;
        font-size: 4.533vw;
        text-align: center;
        width: 100%;
    }
    .item_treatment_mv_power {
        top: 13%;
        font-size: 6.933vw;
        letter-spacing: 0.05em;
    }
    .item_treatment_mv_power_1 {
        left: 16%;
        text-shadow: 0 0 1.867vw rgba(88, 61, 51, 0.004);
    }
    .item_treatment_mv_power_2 {
        left: 63%;
    }
    .item_treatment_mv_ttl {
        top: 22%;
        left: 0;
        font-size: 8.533vw;
        line-height: 1.3;
        width: 100%;
    }
    .item_treatment_mv_ttl span {
        font-size: 9.067vw;
        line-height: 1.333;
    }
    .item_treatment_mv_name {
        top: 36%;
        left: 20%;
        font-size: 4.267vw;
        width: 60%;
        padding: 1.067vw 0;
        border-radius: 2.133vw;
    }
    .item_treatment_mv_fukidashi {
        font-size: 5.067vw;
        padding-top: 5.867vw;
    }
}
/* animation */
.animated .item_treatment_mv_dec_1_2,
.item_treatment_mv_power {
    transition-delay: 0.4s;
}
.item_treatment_mv_dec_2,
.item_treatment_mv_ttl,
.item_treatment_mv_name,
.item_treatment_mv_fukidashi {
    transition-delay: 0.8s;
}

/* item_treatment_point */
.item_treatment_point .item_point_box_ttl span {
    color: #9e0a28;
}
.item_point_box_txt .marker {
    display: inline;
    background-color: #f6e2e6;
}
@media screen and (min-width: 751px) {
    .item_treatment_point {
        background: url(../images/item_treatment_point_bg@2x.jpg) no-repeat center / cover;
        padding: 94px 0 260px;
        margin-top: 40px;
    }
    .item_treatment_point .item_point_list {
        margin-top: 107px;
    }
    .item_treatment_point .item_point_list_item:nth-child(2) {
        margin-top: 166px;
    }
    .item_treatment_point .item_point_list_item:nth-child(3) {
        margin-top: 197px;
    }
    .item_treatment_point .item_point_list_item:nth-child(1) .item_point_number_wrap {
        top: -165px;
    }
    .item_treatment_point .item_point_list_item:nth-child(2) .item_point_number_wrap {
        top: -107px;
    }
    .item_treatment_point .item_point_list_item:nth-child(3) .item_point_number_wrap {
        top: -162px;
    }
    .item_treatment_point .item_point_list_item:nth-child(3) .item_point_box {
        padding: 86px 0 86px 235px;
    }
    .item_treatment_point .item_point_box_ttl {
        font-size: 48px;
        line-height: 1.6;
    }
    .item_point_box_txt .marker {
        line-height: 1.667;
    }
}
@media screen and (max-width: 750px) {
    .item_treatment_point {
        background: url(../images/item_treatment_point_sp.jpg) no-repeat center / cover;
        padding: 12.8vw 0 16vw;
        margin-top: 13.333vw;
    }
    .item_treatment_point .item_point_list {
        margin-top: 7.467vw;
    }
    .item_treatment_point .item_point_list_item {
        padding-top: 67.2vw;
    }
    .item_treatment_point .item_point_box_ttl {
        font-size: 7.467vw;
        line-height: 1.75;
    }
    .item_point_box_txt .marker {
        line-height: 1.6875;
    }
}

/* item_treatment_type */
.item_treatment_type {
    background-color: #e8e3e3;
    overflow: hidden;
}
.item_treatment_type_inner {
    position: relative;
}
.item_treatment_type_ttl {
    position: relative;
    color: #68373a;
    text-align: center;
}
.item_treatment_type_ttl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/item_treatment_type_ttl_dec.svg) no-repeat center / contain;
    margin-inline: auto;
}
.item_treatment_type_ttl_inner {
    position: relative;
}
.item_treatment_type_list_item {
    position: relative;
    overflow: hidden;
}
.item_treatment_type_list_item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.item_treatment_type_detail_catch {
    display: block;
    margin-inline: auto;
}
.item_treatment_type_detail_img {
    position: absolute;
}
.item_treatment_type_detail_ttl {
    text-align: center;
}
.item_treatment_type_detail_ttl span {
    display: block;
}
.item_treatment_ai {
    text-align: center;
}
.item_treatment_ai * {
    letter-spacing: 0.012em;
}
.item_treatment_ai_fukidashi {
    display: inline-block;
    position: relative;
    color: #514744;
}
.item_treatment_ai_fukidashi::before,
.item_treatment_ai_fukidashi::after {
    content: "";
    position: absolute;
    background-color: #514744;
}
.item_treatment_ai_fukidashi::before {
    left: 0;
    transform-origin: right bottom;
    rotate: -27deg;
}
.item_treatment_ai_fukidashi::after {
    right: 0;
    transform-origin: left bottom;
    rotate: 27deg;
}
.item_treatment_ai_list_btn {
    display: block;
    position: relative;
    color: #fff;
    box-sizing: border-box;
}
.item_treatment_ai_list_btn_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #514744;
    background-color: #fff;
    box-sizing: border-box;
    margin-block: auto;
}
@media screen and (min-width: 751px) {
    .item_treatment_type {
        background: url(../images/item_treatment_type_bg@2x.jpg?v=1) no-repeat center / cover;
        padding: 148px 0 128px;
    }
    .item_treatment_type_dec {
        position: absolute;
    }
    .item_treatment_type_dec_1 {
        top: -148px;
        right: -95px;
        width: 326px;
    }
    .item_treatment_type_dec_2 {
        bottom: -338px;
        left: -100px;
        width: 678px;
    }
    .item_treatment_type_ttl::before {
        top: -20px;
        width: 152px;
        height: 122px;
    }
    .item_treatment_type_ttl_inner {
        font-size: 48px;
    }
    .item_treatment_type_ttl_large {
        font-size: 64px;
    }
    .item_treatment_type_list {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 80px;
    }
    .item_treatment_type_list_item {
        width: 373px;
        background: #f8f8f8 url(../images/item_treatment_type_detail_ttl_bg@2x.jpg) no-repeat center top / 100% auto;
        padding-top: 32px;
        border-radius: 24px;
        box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.3);
    }
    .item_treatment_type_list_item::before {
        height: 15px;
        background-color: #c49457;
    }
    .item_treatment_type_detail_catch_1 {
        width: 338px;
    }
    .item_treatment_type_detail_catch_2 {
        width: 310px;
        padding-bottom: 9px;
    }
    .item_treatment_type_detail_img {
        top: 85px;
        left: 0;
        right: 0;
        width: 122px;
        margin-inline: auto;
    }
    .item_treatment_type_detail_ttl {
        color: #fff;
        padding: 70px 0 48px;
        margin-top: 327px;
    }
    .item_treatment_type_list_item:nth-child(1) .item_treatment_type_detail_ttl {
        background-color: #514744;
    }
    .item_treatment_type_list_item:nth-child(2) .item_treatment_type_detail_ttl {
        background-color: #5d4c47;
    }
    .item_treatment_type_detail_ttl_small {
        font-size: 24px;
    }
    .item_treatment_type_detail_ttl_large {
        font-size: 32px;
        margin-top: 15px;
    }
    .item_treatment_ai {
        margin-top: 105px;
    }
    .item_treatment_ai_fukidashi {
        font-size: 32px;
        line-height: 1.75;
        padding: 0 60px;
    }
    .item_treatment_ai_fukidashi span {
        font-size: 40px;
        line-height: 1.4;
    }
    .item_treatment_ai_fukidashi::before,
    .item_treatment_ai_fukidashi::after {
        bottom: 15px;
        width: 2px;
        height: 100px;
    }
    .item_treatment_ai_list {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 25px;
    }
    .item_treatment_ai_list_btn {
        font-size: 24px;
        width: 506px;
        padding: 32px 0;
        border-radius: 12px;
    }
    .item_treatment_ai_list_btn_1 {
        background: url(../images/item_treatment_ai_list_btn_1@2x.jpg) no-repeat center / cover;
        padding-left: 140px;
    }
    .item_treatment_ai_list_btn_2 {
        background: url(../images/item_treatment_ai_list_btn_2@2x.jpg) no-repeat center / cover;
    }
    .item_treatment_ai_list_btn .large {
        font-size: 32px;
    }
    .item_treatment_ai_list_btn_icon {
        left: 60px;
        font-size: 18px;
        line-height: 1.22;
        width: 120px;
        height: 56px;
        padding-top: 6px;
        border-radius: 12px;
    }
}
@media screen and (max-width: 750px) {
    .item_treatment_type {
        background: url(../images/item_treatment_type_sp.jpg) no-repeat center / cover;
        padding: 18.133vw 0 18.667vw;
    }
    .item_treatment_type_ttl {
        color: #514744;
    }
    .item_treatment_type_ttl::before {
        top: -3.2vw;
        width: 25.2vw;
        height: 20.267vw;
    }
    .item_treatment_type_ttl_inner {
        font-size: 8.533vw;
    }
    .item_treatment_type_ttl_large {
        font-size: 10.667vw;
    }
    .item_treatment_type_list {
        margin-top: 14.667vw;
    }
    .item_treatment_type_list_item {
        background: #f8f8f8 url(../images/item_treatment_type_detail_ttl_bg_sp.jpg) no-repeat center top / 100% auto;
        padding: 8.8vw 0 16vw 26.667vw;
        border-radius: 6.4vw;
        box-shadow: 0 1.333vw 4.267vw 0 rgba(0, 0, 0, 0.3);
    }
    .item_treatment_type_list_item + .item_treatment_type_list_item {
        margin-top: 6.133vw;
    }
    .item_treatment_type_list_item::before {
        height: 11.2vw;
        box-sizing: border-box;
        border-bottom: 8px solid #c49457;
    }
    .item_treatment_type_list_item:nth-child(1):before {
        background-color: #514744;
    }
    .item_treatment_type_list_item:nth-child(2):before {
        background-color: #5d4c47;
    }
    .item_treatment_type_detail_catch_1 {
        width: 49.067vw;
        margin-left: 3.2vw;
    }
    .item_treatment_type_detail_catch_2 {
        width: 41.867vw;
        margin-left: 8vw;
    }
    .item_treatment_type_detail_img {
        top: 5.333vw;
        left: 7.733vw;
        width: 18.4vw;
    }
    .item_treatment_type_detail_ttl {
        margin-top: 6.933vw;
    }
    .item_treatment_type_list_item:nth-child(1) .item_treatment_type_detail_ttl {
        color: #514744;
    }
    .item_treatment_type_list_item:nth-child(2) .item_treatment_type_detail_ttl {
        color: #5d4c47;
    }
    .item_treatment_type_detail_ttl_small {
        font-size: 4.267vw;
    }
    .item_treatment_type_detail_ttl_large {
        font-size: 7.467vw;
        line-height: 1.2;
        margin-top: 1.867vw;
    }
    .item_treatment_ai {
        margin-top: 17.333vw;
    }
    .item_treatment_ai_fukidashi {
        font-size: 5.333vw;
        line-height: 1.4;
        padding: 0 2.667vw;
    }
    .item_treatment_ai_fukidashi span {
        font-size: 7.467vw;
        line-height: 1.2857;
    }
    .item_treatment_ai_fukidashi::before,
    .item_treatment_ai_fukidashi::after {
        bottom: 1.067vw;
        width: 0.533vw;
        height: 26.667vw;
    }
    .item_treatment_ai_list {
        margin-top: 4.8vw;
    }
    .item_treatment_ai_list > li + li {
        margin-top: 3.2vw;
    }
    .item_treatment_ai_list_btn {
        font-size: 4.267vw;
        padding: 4.533vw 0;
        border-radius: 3.2vw;
    }
    .item_treatment_ai_list_btn_1 {
        background: url(../images/item_treatment_ai_list_btn_1@2x.jpg) no-repeat center / cover;
        padding-left: 28vw;
    }
    .item_treatment_ai_list_btn_2 {
        background: url(../images/item_treatment_ai_list_btn_2@2x.jpg) no-repeat center / cover;
    }
    .item_treatment_ai_list_btn .large {
        font-size: 5.333vw;
    }
    .item_treatment_ai_list_btn_icon {
        left: 6.667vw;
        font-size: 3.2vw;
        width: 24.267vw;
        height: 7.467vw;
        padding-top: 1.8vw;
        border-radius: 2.133vw;
    }
}
/* animation */
@media screen and (min-width: 751px) {
    .item_treatment_type_list_item:nth-child(2).animated {
        transition-delay: 0.2s;
    }
    .item_treatment_type_dec_1 {
        translate: 40px -40px;
        opacity: 0;
        transition: translate 0.9s, opacity 0.9s;
    }
    .item_treatment_type_dec_2 {
        translate: -40px 40px;
        opacity: 0;
        transition: translate 0.9s, opacity 0.9s;
    }
    .animated.item_treatment_type_dec_1,
    .animated.item_treatment_type_dec_2 {
        translate: 0 0;
        opacity: 1;
    }
}

/* online_area_bottom */
.online_area_bottom .online_area_btn {
    position: relative;
    text-align: left;
    letter-spacing: 0.012em;
}
.online_area_bottom .online_area_btn::before {
    content: "";
    position: absolute;
}
.item_online_area_btn_pkg {
    position: absolute;
}
@media screen and (min-width: 751px) {
    .online_area_bottom {
        padding: 130px 0 80px;
    }
    .online_area_bottom .online_area_btn {
        padding: 48px 0 48px 115px;
    }
    .online_area_bottom .online_area_btn::before {
        top: 52px;
        left: 668px;
        width: 43px;
        height: 10px;
        background: url(../images/btn_arrow.svg) no-repeat center / contain;
    }
    .item_online_area_btn_pkg {
        bottom: 18px;
        right: 102px;
        width: 279px;
    }
}
@media screen and (max-width: 750px) {
    .online_area_bottom {
        padding: 18.667vw 0 13.333vw;
    }
    .online_area_bottom .online_area_btn {
        line-height: 1.467;
        padding: 4.267vw 0 4.267vw 4vw;
    }
    .online_area_bottom .online_area_btn::before {
        top: 13.333vw;
        left: 56vw;
        width: 5.867vw;
        height: 2.133vw;
        background: url(../images/btn_arrow_sp.svg) no-repeat center / contain;
    }
    .online_area_bottom .online_area_btn span {
        letter-spacing: -0.1em;
    }
    .item_online_area_btn_pkg {
        bottom: 1.867vw;
        right: 4.8vw;
        width: 17.6vw;
    }
}