@charset "UTF-8";



.products_slider {
    position: relative;
    flex-shrink: 1
}

@media only screen and (max-width: 768px) {
    .products_slider {
        width: 100%;
        margin: 0 auto
    }
}

.products_slider_seals {
    position: absolute;
    left: 0;
    z-index: 1;
    top: -30px
}

.products_slider_seal {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-self: center;
    text-align: center;
    background-color: var(--seal-color);
    border-radius: 50%
}

@media only screen and (max-width: 768px) {
    .products_slider_seal {
        width: 60px;
        height: 60px
    }
}

.products_slider_seal+.products_slider_seal {
    margin-top: 10px
}

@media only screen and (max-width: 768px) {
    .products_slider_seal+.products_slider_seal {
        margin-top: 8px
    }
}

.products_slider_seal p {
    color: var(--seal-text-color);
    width: 100%;
    text-align: center;
    font-size: 9px;
    line-height: 1.4444444444
}

.products_slider_inner {
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.products_slider_arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 36px;
    cursor: pointer;
    z-index: 1
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_arrow {
        width: 1.7647058824vw;
        height: 4.2352941176vw
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_arrow {
        right: 0;
        left: 0
    }
}

.products_slider_arrow[data-direction=left] {
    left: -35px
}

@media only screen and (max-width: 768px) {
    .products_slider_arrow[data-direction=left] {
        left: calc(-80.5194805195% - 15px - 36px)
    }
}

.products_slider_arrow[data-direction=right] {
    right: -36px;
    transform: rotate(180deg)
}

@media only screen and (max-width: 768px) {
    .products_slider_arrow[data-direction=right] {
        right: calc(-80.5194805195% - 15px - 36px)
    }
}

.products_slider_items {
    position: relative;
    width: 330px;
    height: 330px;
    flex-shrink: 0;
    margin: auto;
    aspect-ratio: 1/1
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_items {
        width: 38.8235294118vw;
        height: 38.8235294118vw
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_items {
        width: 80.5194805195%;
        min-width: 220px;
        height: auto
    }
}

.products_slider_item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.products_slider_item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.products_slider_item.active {
    opacity: 1;
    transition-delay: .3s
}

.products_slider_thumbs {
    display: flex;
    gap: 0 10px;
    margin-top: 10px;
    justify-content: center
}

.products_slider_thumb {
    width: 50px;
    height: 50px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: border-color 1s cubic-bezier(.19, 1, .22, 1)
}

.products_slider_thumb.active {
    border: 1px solid #66c5c3
}

.id_acidheat_treatment .products_slider_thumb.active {
    border: 1px solid #b086e4
}

.id_arganrich_oil .products_slider_thumb.active {
    border: 1px solid #c0b27a
}

.products_slider_thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.products_slider_text {
    flex-shrink: 0;
    width: 100%;
    max-width: 410px;
    position: relative
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_text {
        flex-shrink: 1
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_text {
        width: 100%;
        max-width: inherit
    }

    .products_slider_text_haircolor {
        width: 100%
    }
}

.products_slider_text_tit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 5px 0;
    padding-bottom: 5px;
    color: #333;
    position: relative
}

@media only screen and (max-width: 768px) {
    .products_slider_text_tit {
        padding-bottom: 10px
    }
}

@media only screen and (min-width: 769px) {
    .styling_hairwater .products_slider_text_tit {
        flex-direction: column;
        align-items: flex-start
    }
}

.products_slider_text_tit:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
    position: absolute;
    left: 0;
    bottom: 0
}

.id_acidheat_treatment .products_slider_text_tit:before {
    background-image: linear-gradient(to right, #e363b0 0%, #b086e4 20%, #63d2d0 50%, #63d2d0 100%);
    opacity: .5
}

.products_slider_text_tit_main {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5555555556;
    white-space: nowrap
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_text_tit_main {
        white-space: wrap
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_text_tit_main {
        font-size: 20px
    }
}

.products_slider_text_tit_main span {
    font-size: 12px;
    font-weight: 700
}

.products_slider_text_tit_sub {
    font-family: Outfit, Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 400
}

.products_slider_text_tit_subs {
    margin-top: 16px;
    font-size: 10px;
    line-height: 1.8
}

.products_slider_text_tit_subs p {
    display: inline-block
}

.products_slider_text_tit_subs span {
    font-weight: 700
}

.products_slider_text_des {
    margin-top: 17px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_des {
        margin-top: 20px
    }
}

.products_slider_text_des_text {
    font-size: 12px;
    line-height: 1.5
}

@media only screen and (max-width: 768px) {
    .products_slider_text_des_text {
        font-size: 14px;
        line-height: 1.7857142857
    }
}

.products_slider_text_des_text span {
    font-weight: 700
}

.products_slider_text_des_text_note {
    display: inline-block;
    font-weight: 400 !important;
    transform: scale(.7);
    transform-origin: 0 0
}

.products_slider_text_note {
    margin-top: 12px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_note {
        margin-top: 19.5px
    }
}

.products_slider_text_haircolor .products_slider_text_note {
    margin-top: 19px;
    color: red;
    line-height: 2
}

.products_slider_text_haircolor .products_slider_text_note a {
    color: inherit;
    position: relative
}

.products_slider_text_haircolor .products_slider_text_note a:before {
    content: "";
    display: block;
    width: calc(100% - 9px);
    height: 1px;
    background-color: red;
    position: absolute;
    left: 0;
    bottom: 0
}

.products_slider_text_haircolor .products_slider_text_note a[target=_blank]:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url(/common/images/svg/outerLink_red.svg);
    background-size: 100%
}

.products_slider_text_note_text {
    color: #777;
    font-size: 10px;
    line-height: 2
}

.products_slider_text_tag {
    margin-top: 19px
}

.products_slider_text_tag_tit {
    font-size: 10px;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .products_slider_text_tag_tit {
        font-size: 12px
    }
}

.products_slider_text_tag ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px
}

.products_slider_text_tag ul:nth-child(n+2) {
    margin-top: 4px
}

.products_slider_text_tag li {
    display: flex;
    align-items: flex-start;
    padding: 5px 6px 4px;
    border: 1px solid #dedede;
    border-radius: 2px;
    color: #333;
    line-height: 1
}

.products_slider_text_tag li.gray {
    background-color: #e0e0e080;
    border: none
}

.products_slider_text_tag li:not(.nodark):last-child {
    background-color: #e0e0e080;
    border: none
}

.products_slider_text_haircolor .products_slider_text_tag li:last-child {
    background-color: transparent;
    border: 1px solid #dedede
}

.products_slider_text_tag p {
    font-size: 10px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_tag p {
        font-size: 12px
    }
}

.products_slider_text_tag span {
    display: inline-block;
    transform: scale(.7);
    transform-origin: 0 0
}

.products_slider_text_tag_note {
    margin-top: 24px;
    color: #777;
    font-size: 10px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_tag_note {
        margin-top: 20px
    }
}

.products_slider_text_arrange {
    width: 100%;
    height: 71px;
    margin-top: 24px;
    background-color: #fafafa;
    position: relative
}

@media only screen and (max-width: 768px) {
    .products_slider_text_arrange {
        width: 100%;
        height: 0;
        padding-top: 21.8658892128%;
        margin-top: 30px
    }
}

.products_slider_text_arrange_text {
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: 24px;
    left: 24px
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_text_arrange_text {
        font-size: 1.4117647059vw;
        left: 2.8235294118vw
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_text_arrange_text {
        left: 4.3731778426%
    }
}

.products_slider_text_arrange_bar {
    width: 281px;
    height: 10px;
    background-image: url(/common/images/svg/styling/arrange-bar.svg);
    background-size: 100% auto;
    color: #333;
    position: absolute;
    top: 25px;
    left: 103px
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_text_arrange_bar {
        left: 12.1176470588vw
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_text_arrange_bar {
        width: 65.5976676385%;
        height: 0;
        padding-top: 2.3344365708%;
        margin-top: 8.7463556851%;
        top: 0;
        left: 30.3206997085%
    }
}

.products_slider_text_arrange_bar_soft {
    font-size: 10px;
    position: absolute;
    top: 13px
}

.products_slider_text_arrange_bar_hard {
    font-size: 10px;
    position: absolute;
    top: 13px;
    right: -3px
}

.products_slider_text_arrange_bar_value {
    width: 6px;
    height: 16px;
    background-color: var(--bg-color);
    border-radius: 3px;
    position: absolute;
    top: -3px;
    left: calc(var(--position) - 3px)
}

.products_slider_text_links {
    display: flex;
    gap: 10px;
    margin-top: 24px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_links {
        gap: 9px;
        margin-top: 30px
    }
}

.products_slider_text_link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 5px);
    height: 44px;
    background-color: #66c5c3;
    border: 2px solid #66c5c3;
    border-radius: 22px;
    color: #fff;
    position: relative;
    transition: background-color 1s cubic-bezier(.19, 1, .22, 1), color 1s cubic-bezier(.19, 1, .22, 1)
}

@media only screen and (max-width: 768px) {
    .products_slider_text_link {
        border-radius: 25px
    }
}

.products_slider_text_link:hover {
    color: #fff
}

.products_slider_text_link.active {
    background-color: #fff;
    color: #66c5c3
}

.products_slider_text_link.active .products_slider_text_link_arrow {
    transform: scaleY(-1)
}

.products_slider_text_link_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
    position: relative
}

@media only screen and (max-width: 768px) {
    .products_slider_text_link_icon {
        margin-right: 5px;
        left: -7.5px
    }
}

.products_slider_text_link_icon path {
    fill: currentColor
}

.products_slider_text_link_text {
    font-family: Outfit, sans-serif;
    font-family: Outfit, Noto Sans JP, sans-serif;
    color: currentColor;
    font-size: 14px;
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    .products_slider_text_link_text {
        position: relative;
        left: -7.5px
    }
}

.products_slider_text_link_text .-mini {
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 900
}

.products_slider_text_link_text span {
    padding-right: .3em;
    font-size: 12px
}

.products_slider_text_link_arrow {
    width: 13px;
    height: 8px;
    margin: auto;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    transition: transform 1s cubic-bezier(.19, 1, .22, 1)
}

.products_slider_text_link_arrow path {
    stroke: currentColor
}

.products_slider_text_note2 {
    margin-top: 24px;
    color: #777
}

@media only screen and (max-width: 768px) {
    .products_slider_text_note2 {
        margin-top: 30px
    }
}

.products_slider_text_haircolor .products_slider_text_note2 {
    margin-top: 14px
}

.products_slider_text_haircolor .products_slider_text_note2 p {
    line-height: 2
}

.products_slider_text_note2 p {
    font-size: 10px;
    line-height: 2
}

.products_slider_text_buynow {
    padding: 9px 16px;
    margin-top: 30px;
    background-color: #66c5c326
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow {
        padding: 15px
    }
}

.id_acidheat_treatment .products_slider_text_buynow {
    background-color: #f7f3fc
}

.id_arganrich_oil .products_slider_text_buynow {
    background-color: #78d18c1a
}

.products_slider_text_buynow_styling {
    width: 410px;
    padding: 16px;
    margin-top: 17px;
    background-color: #e8f8f8;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: -95px;
    z-index: 99;
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity 1s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(10px)
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_styling {
        display: none
    }
}

.products_slider_text_buynow_styling.noec {
    bottom: -39px
}

.products_slider_text_buynow_styling_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.products_slider_text_buynow_styling.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.products_slider_text_buynow_styling:before {
    content: "";
    display: block;
    width: 13px;
    height: 10px;
    background-image: url(/common/images/svg_buynow_triangle.svg);
    background-size: 100%;
    position: absolute;
    top: -7px;
    left: 95px;
    z-index: -1
}

.products_slider_text_buynow_styling[data-type="20"]:before {
    left: 306px
}

.products_slider_text_haircolor .products_slider_text_buynow {
    background-color: #f5875826
}

.products_slider_text_buynow_inner {
    display: flex;
    align-items: center;
    padding-left: 70px;
    position: relative
}

@media (min-width: 769px) and (max-width: 850px) {
    .products_slider_text_buynow_inner {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_inner {
        padding-left: 0
    }
}

.products_slider_text_buynow_tit_sp {
    width: 87.5px;
    height: 14px
}

.products_slider_text_buynow_tit_sp svg {
    width: 100%;
    height: 100%
}

.products_slider_text_buynow_tit_sp svg path {
    fill: #333
}

.id_acidheat_treatment .products_slider_text_buynow_tit_sp svg path {
    fill: #784eb6
}

.products_slider_text_buynow_tit_sp svg line {
    stroke: #333
}

.id_acidheat_treatment .products_slider_text_buynow_tit_sp svg line {
    stroke: #784eb6
}

.products_slider_text_buynow_tit_pc svg path {
    fill: #333
}

.id_acidheat_treatment .products_slider_text_buynow_tit_pc svg path {
    fill: #784eb6
}

.products_slider_text_buynow_tit_pc svg line {
    stroke: #333
}

.id_acidheat_treatment .products_slider_text_buynow_tit_pc svg line {
    stroke: #784eb6
}

.products_slider_text_buynow_tit {
    font-size: 0;
    position: absolute;
    top: 11px;
    left: 0
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_tit {
        display: none
    }
}

@media screen and (min-width: 769px) {
    .products_slider_text_buynow_tit_sp {
        display: none
    }
}

.products_slider_text_buynow_item {
    display: block;
    width: 100px;
    height: 40px;
    margin-top: 7px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_item {
        margin-top: 12px
    }
}

.products_slider_text_buynow_item:not(:last-child) {
    margin-right: 7px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_item:not(:last-child) {
        margin-right: 10px
    }
}

.products_slider_text_buynow_item:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-image: url(/common/images/svg/outerLink.svg);
    background-size: 100%;
    position: absolute;
    right: 7px;
    bottom: 7px
}

.products_slider_text_buynow_item_amazon,
.products_slider_text_buynow_item_rakuten {
    display: block;
    width: 76.9230769231%;
    margin: 3px auto
}

.products_slider_text_buynow_item_lohaco {
    display: block;
    width: 86.1538461538%;
    margin: 3px auto
}

.products_slider_text_buynow_note {
    margin-top: 9px;
    margin-left: 70px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_note {
        margin-left: 0
    }
}

.products_slider_text_buynow_note.noec {
    padding: 6px 8px;
    margin-top: 0;
    margin-left: 0
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_note.noec {
        padding: 0
    }
}

.noec .products_slider_text_buynow_note {
    padding: 6px 8px;
    margin-top: 0;
    margin-left: 0;
    text-align: left
}

@media only screen and (max-width: 768px) {
    .noec .products_slider_text_buynow_note {
        padding: 0
    }
}

.products_slider_text_buynow_note_main {
    font-size: 10px;
    line-height: 1.6
}

@media only screen and (max-width: 768px) {
    .products_slider_text_buynow_note_main {
        font-size: 12px
    }
}

.products_slider_text_buynow_note_sub {
    color: #777;
    font-size: 10px;
    line-height: 1.6
}

.products_slider_text_tag_special {
    margin-top: 16px
}

.products_slider_text_tag_special ul {
    display: flex
}

.products_slider_text_tag_special ul li {
    padding: 4px 6px;
    background: #c0b27a;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700
}

.products_slider_text_tag_special ul li:not(:last-child) {
    margin-right: 4px
}

.products_slider_text_tag_special+.products_slider_text_tag {
    margin-top: 10px
}

.products_slider_text_finish {
    margin-top: 24px;
    color: #333
}

.products_slider_text_finish.active .products_slider_text_finish_plus svg line:last-child {
    transform: scaleY(0)
}

.products_slider_text_finish_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer
}

.products_slider_text_finish_tit p {
    font-size: 12px;
    font-weight: 700
}

.products_slider_text_finish_plus {
    width: 15px;
    height: 15px;
    position: relative;
    top: -3px
}

@media only screen and (min-width: 769px) {
    .products_slider_text_finish_plus {
        width: 11px;
        height: 11px;
        top: -1px
    }
}

.products_slider_text_finish_plus svg {
    width: 15px;
    height: 15px;
    transform: translateZ(1px)
}

@media only screen and (min-width: 769px) {
    .products_slider_text_finish_plus svg {
        width: 11px;
        height: 11px
    }
}

.products_slider_text_finish_plus svg path {
    fill: #333;
    stroke: #333;
    stroke-width: 2px
}

@media only screen and (max-width: 768px) {
    .products_slider_text_finish_plus svg path {
        stroke-width: 4px
    }
}

.products_slider_text_finish_contents {
    height: 0;
    overflow: hidden
}

.products_slider_text_finish_contents_tit {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4285714286
}

.products_slider_text_finish_contents_sub-tit {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4285714286
}

.products_slider_text_finish_contents_des {
    margin-top: 16px
}

.products_slider_text_finish_contents_des li {
    font-size: 12px;
    line-height: 1.8333333333;
    position: relative
}

.products_slider_text_finish_contents_des li:before {
    content: "- "
}

.products_slider_text_finish_contents_num {
    margin-top: 6px
}

.products_slider_text_finish_contents_num li {
    font-size: 12px;
    line-height: 1.8333333333;
    counter-increment: num
}

.products_slider_text_finish_contents_num li:before {
    content: "(" counter(num) ")"
}

.products_slider_text_finish_contents_dot {
    margin-top: 6px
}

.products_slider_text_finish_contents_dot li {
    font-size: 12px;
    line-height: 1.8333333333
}

.products_slider_text_finish_contents_dot li:before {
    content: "・"
}

.products_slider_text_finish_contents_arrange {
    margin-top: 25px
}

.products_slider_text_finish_contents_arrange_tit {
    font-size: 14px;
    font-weight: 700
}

.products_slider_text_finish_contents_arrange_inner {
    padding: 20px 24px;
    margin-top: 20px;
    background-color: #fafafa
}

.products_slider_text_finish_contents_arrange_item {
    display: flex
}

.products_slider_text_finish_contents_arrange_item:nth-child(2) .products_slider_text_finish_contents_arrange_item_contents_txt:nth-child(2) {
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.products_slider_text_finish_contents_arrange_item+.products_slider_text_finish_contents_arrange_item {
    margin-top: 23px
}

.products_slider_text_finish_contents_arrange_item_tit {
    flex-shrink: 0;
    width: 20.1657458564%;
    font-size: 12px;
    font-weight: 700
}

.products_slider_text_finish_contents_arrange_item_contents {
    width: 100%;
    position: relative
}

.products_slider_text_finish_contents_arrange_item_contents_bar {
    width: 100%;
    height: 2px;
    background-color: #777;
    border-radius: 1px;
    opacity: .5;
    position: absolute;
    top: 8px
}

.products_slider_text_finish_contents_arrange_item_contents_value {
    width: 6px;
    height: 16px;
    margin-left: var(--value);
    background-color: var(--color);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0
}

.products_slider_text_finish_contents_arrange_item_contents_txts {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    position: relative
}


.section__title {
    color: var(--text-color)
}

.section__title span {
    display: block
}

.section__title .-en {
    font-size: 90px;
    font-family: Outfit, sans-serif;
    font-weight: 300;
    line-height: 1;
    position: relative;
    left: -6px
}

@media only screen and (max-width: 768px) {
    .section__title .-en {
        font-size: 60px;
        left: -3px
    }
}

.section__title .-jp {
    margin-top: 9px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

@media only screen and (max-width: 768px) {
    .section__title .-jp {
        margin-top: 8px
    }
}



@media only screen and (max-width: 768px) {
    .styling_products_footer {
        padding-top: 77.5px;
        padding-bottom: 70px
    }
}

.styling-title-section {
    max-width: 1080px;
    margin: 160px auto 0;
    padding: 0 20px
}

.styling_title_products {
    display: flex;
    flex-wrap: wrap;
    gap: 3.8461538462%;
    margin-top: 100px
}

@media only screen and (max-width: 768px) {
    .styling_title_products {
        margin-top: 61px;
        display: block
    }

    .styling_title_products .products_box+.products_box {
        margin-top: 20px
    }
}

.styling-title-des {
    margin-top: 35px;
    font-size: 20px;
    letter-spacing: .01em;
    line-height: 1.5;
    color: #333
}

@media only screen and (max-width: 768px) {
    .styling-title-des {
        margin-top: 26px;
        font-size: 16px
    }
}

@media only screen and (min-width: 769px) {
    .styling-title-des br {
        display: none
    }
}

.styling_products+.styling_products {
    margin-top: 40px
}

.styling_products_inner {
    background-color: #fff;
    border-radius: 100px;
    padding-top: 92px;
    padding-bottom: 120px
}

@media only screen and (max-width: 768px) {
    .styling_products_inner {
        border-radius: 50px;
        padding-top: 70px;
        padding-bottom: 100px
    }
}

.styling_products_howto {
    margin-top: 140px
}

@media only screen and (max-width: 768px) {
    .styling_products_howto {
        margin-top: 100px
    }
}

.styling_hairwax {
    padding-top: 140px;
    background-size: 100%;
    margin-top: 140px;
    background-position: center top;
    background-repeat: no-repeat
}

@media only screen and (max-width: 768px) {
    .styling_hairwax {
        margin-top: 70px;
        padding-top: 80px;
        background-size: 200% auto;
        background-position: 0 0
    }
}

.styling_products_items {
    max-width: 870px;
    margin: 93px auto 0;
    padding: 0 20px
}

.styling_products_item {
    display: flex;
    align-items: center;
    gap: 0 90px;
    position: relative;
    justify-content: space-between
}

.styling_products_item.active {
    z-index: 1
}

@media only screen and (max-width: 768px) {
    .styling_products_item {
        flex-flow: column;
        gap: 37.5px
    }
}

.styling_products_item+.styling_products_item {
    margin-top: 120px
}

@media only screen and (max-width: 768px) {
    .styling_products_item+.styling_products_item {
        margin-top: 90px
    }
}

.styling_buynowModal_wrap {
    display: none
}

@media only screen and (max-width: 768px) {
    .styling_buynowModal_wrap {
        display: block
    }
}

.styling_buynowModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    font-size: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1)
}

.styling_buynowModal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.styling_buynowModal.active {
    opacity: 1;
    pointer-events: auto
}

.styling_buynowModal_inner {
    width: 89.5833333333%;
    margin: auto;
    padding: 70px 19px 37.5px 31px;
    background-color: #66c4c3;
    border-radius: 5px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    .styling_buynowModal_inner {
        padding: 70px 24px 37.5px
    }
}

@media only screen and (max-width: 768px) {
    .styling_buynowModal_inner.noec {
        padding: 37.5px 24px
    }
}

.styling_buynowModal_closeBtn {
    position: absolute;
    width: 22.5px;
    height: 22.5px;
    top: 18px;
    right: 19px
}

.styling_buynowModal_closeBtn svg {
    width: 100%;
    height: 100%
}

.styling_buynowModal_tit {
    width: 165px
}

.styling_buynowModal_tit svg {
    width: 100%;
    height: auto
}

.styling_buynowModal_contents {
    margin-top: 20px
}

.styling_buynowModal_contents_link {
    display: block;
    background-color: #fff;
    position: relative;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styling_buynowModal_contents_link:before {
    content: "";
    display: block;
    width: 18.5px;
    height: 19.5px;
    background-image: url(/styling/images/svg_outerlink.svg);
    position: absolute;
    background-size: contain;
    bottom: 15px;
    right: 15px
}

.styling_buynowModal_contents_link+.styling_buynowModal_contents_link {
    margin-top: 20px
}

.styling_buynowModal_contents_link img {
    display: block
}

.styling_buynowModal_contents_link_amazon img {
    width: 188px;
    margin: auto
}

.styling_buynowModal_contents_link_rakuten img {
    width: 189.5px;
    margin: auto
}

.styling_buynowModal_contents_link_lohaco img {
    width: 179px;
    margin: auto
}

.styling_buynowModal_contents_tit {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.styling_buynowModal_contents_des {
    margin-top: 20px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    white-space: nowrap
}

@media only screen and (max-width: 768px) {
    .styling_buynowModal_contents_des {
        margin-top: 10px
    }
}

.sitemap_section {
    max-width: 1080px;
    padding: 0 20px;
    margin: 160px auto
}

@media only screen and (max-width: 768px) {
    .sitemap_section {
        margin: 145px 0 100px
    }
}

.sitemap_section_inner {
    display: flex;
    margin-top: 100px;
    width: 100%;
    align-items: flex-start
}

@media only screen and (max-width: 768px) {
    .sitemap_section_inner {
        display: block;
        margin-top: 83px
    }
}

.sitemap_section_top {
    display: block;
    width: 25.1851851852%
}

@media only screen and (max-width: 768px) {
    .sitemap_section_top {
        width: 100%
    }
}

.sitemap_section_contents {
    width: 100%
}

@media only screen and (max-width: 768px) {
    .sitemap_section_contents {
        margin-top: 55px
    }
}

.sitemap_section_contents_text {
    font-size: 24px;
    font-weight: 500;
    color: #333
}

.sitemap_section_contents_itembox {
    margin-top: 70px
}

@media only screen and (max-width: 768px) {
    .sitemap_section_contents_itembox {
        margin-top: 45px
    }
}

.sitemap_section_contents_itembox .item_box+.item_box {
    margin-top: 48px
}

@media only screen and (max-width: 768px) {
    .sitemap_section_contents_itembox .item_box+.item_box {
        margin-top: 30px
    }
}

.haircolor_footer {
    padding-top: 113px;
    background-color: #f4f4f4;
    padding-bottom: 62px
}



@media only screen and (max-width: 768px) {
    .haircolor_footer {
        padding-top: 77.5px;
        padding-bottom: 70px
    }
}

.haircolor_titSec {
    max-width: 1080px;
    padding: 0 20px;
    margin: 160px auto 0
}

.haircolor_titSec_des {
    color: #333;
    font-size: 20px;
    letter-spacing: .01em;
    margin-top: 40px
}

@media only screen and (max-width: 768px) {
    .haircolor_titSec_des {
        font-size: 16px;
        margin-top: 30px
    }
}

.haircolor_titSec_items {
    display: flex;
    gap: 0 3.8461538462%;
    margin-top: 100px
}

@media only screen and (max-width: 768px) {
    .haircolor_titSec_items {
        flex-flow: column;
        margin-top: 60px;
        gap: 20px
    }
}

.haircolor_titSec_item {
    position: relative;
    width: 100%
}

.haircolor_titSec_item:after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain
}

.haircolor_titSec_item .products_box_inner {
    background-color: #f58758;
    overflow: hidden;
    font-size: 0
}

.haircolor_titSec_item .products_box_img {
    width: 40%;
    height: 100%
}

.haircolor_titSec_item .products_box_img img {
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width: 768px) {
    .haircolor_titSec_item .products_box_img {
        width: 120px
    }
}

.haircolor_titSec_item .products_box_txt {
    margin-left: 46%
}

@media only screen and (max-width: 768px) {
    .haircolor_titSec_item .products_box_txt {
        margin-left: 140px
    }
}

.haircolor_titSec_item_innercolor:after {
    background-image: url(/haircolor/images/img_titSec_item1.png);
    width: 16.7%;
    aspect-ratio: 165/305;
    top: 0;
    left: 29%;
    margin-top: -.8%
}

@media only screen and (max-width: 768px) {
    .haircolor_titSec_item_innercolor:after {
        width: 62px;
        height: 113.5px;
        left: 78.5px;
        margin-top: 0
    }
}

.haircolor_titSec_item_milkjam:after {
    background-image: url(/haircolor/images/img_titSec_item2.png);
    left: 23%;
    width: 25.7%;
    aspect-ratio: 257/308;
    top: 0;
    margin-top: -1%
}

@media only screen and (max-width: 768px) {
    .haircolor_titSec_item_milkjam:after {
        width: 86.5px;
        height: 103.5px;
        left: 63.5px;
        top: 3px;
        margin-top: 0
    }
}

.haircolor_contents {
    margin-top: 140px;
    position: relative;
    background-color: #f4f4f4
}

@media only screen and (max-width: 768px) {
    .haircolor_contents {
        margin-top: 80px
    }
}

.haircolor_contents_items {
    position: relative
}

.haircolor_contents_item {
    padding-top: 40.3225806452%;
    position: relative
}

@media screen and (min-width: 769px) {
    .haircolor_contents_item .section_title_center_des br {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item {
        padding-top: 78.125%
    }
}

.haircolor_contents_item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40.3225806452vw;
    background-size: cover;
    background-repeat: no-repeat;
    content: ""
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item:before {
        height: 78.125vw
    }
}

.haircolor_contents_item_innerColor:before {
    background-position: center
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_innerColor:before {
        background-image: url(/haircolor/images/img_innerColor_bg_sp.jpg)
    }
}

@media screen and (min-width: 769px) {
    .haircolor_contents_item_innerColor:before {
        background-image: url(/haircolor/images/img_innerColor_bg.jpg)
    }
}

.haircolor_contents_item_milkjam {
    padding-top: 43.5483870968%
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_milkjam {
        padding-top: 75.9114583333%
    }
}

.haircolor_contents_item_milkjam .haircolor_contents_item_inner {
    margin-top: 0;
    padding-bottom: 200px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_milkjam .haircolor_contents_item_inner {
        padding-bottom: 100px
    }
}

.haircolor_contents_item_milkjam:before {
    height: 74.7580645161vw;
    background-position: center top
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_milkjam:before {
        background-size: cover
    }
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_milkjam:before {
        background-image: url(/haircolor/images/img_milkjam_bg_sp.jpg)
    }
}

@media screen and (min-width: 769px) {
    .haircolor_contents_item_milkjam:before {
        background-image: url(/haircolor/images/img_milkjam_bg.jpg)
    }
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_milkjam:before {
        height: 91.1458333333vw
    }
}

.haircolor_contents_item_milkjam:after {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #f4f4f4
}

.haircolor_contents_item_inner {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 100px;
    padding-top: 45px;
    margin-top: -70px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_inner {
        border-radius: 50px
    }
}

.haircolor_contents_item_main {
    max-width: 870px;
    margin: 100px auto 0;
    padding: 0 20px
}

.haircolor_contents_item_main_item {
    display: flex;
    gap: 0 90px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_main_item {
        flex-flow: column;
        gap: 37.5px
    }
}

.haircolor_contents_item_main_item+.haircolor_contents_item_main_item {
    margin-top: 120px
}

.haircolor_contents_item_main_item .products_slider_thumb.active {
    border-color: #f58758
}

.haircolor_contents_howto {
    margin-top: 140px;
    padding-bottom: 178px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_howto {
        padding-bottom: 100px
    }
}

.haircolor_contents_howto .movie_howto_item_tag {
    background-color: #f58758
}

.haircolor_contents_bannerarea {
    text-align: center;
    margin-top: 120px;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_bannerarea {
        margin-top: 70px
    }
}

.haircolor_contents_bannerwrap {
    max-width: 860px;
    width: 100%;
    display: inline-block
}

.haircolor_contents_bannerwrap img {
    width: 100%
}

.haircolor_contents_item_point {
    max-width: 1080px;
    padding: 0 20px;
    margin: 160px auto 0
}

.haircolor_contents_item_point_inner {
    position: relative;
    padding: 46px 60px 40px;
    background-color: #f587580d
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_inner {
        padding: 40px 25px
    }
}

.haircolor_contents_item_point_tit {
    position: absolute;
    top: -46px;
    left: 10px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_tit {
        left: -10px;
        top: -40px
    }
}

.haircolor_contents_item_point_contents {
    color: #333
}

.haircolor_contents_item_point_contents_tit {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1666666667
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_contents_tit {
        font-size: 20px;
        text-decoration: underline;
        text-underline-offset: 5px
    }
}

.haircolor_contents_item_point_contents_des {
    font-size: 14px;
    line-height: 1.7857142857;
    margin-top: 12.5px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_contents_des {
        margin-top: 25px
    }
}

.haircolor_contents_item_point_contents_items {
    display: flex;
    margin-top: 52px;
    gap: 60px 40px;
    justify-content: center;
    flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_contents_items {
        margin-top: 60px;
        gap: 60px 70px
    }
}

.haircolor_contents_item_point_contents_items:after {
    content: "";
    display: block;
    width: 250px
}

@media screen and (min-width: 989px) {
    .haircolor_contents_item_point_contents_items:after {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_contents_items:after {
        display: none
    }
}

.haircolor_contents_item_point_contents_item {
    position: relative;
    width: calc(33.33% - 40px);
    min-width: 250px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_contents_item {
        width: 100%
    }
}

.haircolor_contents_item_point_contents_item_style {
    position: absolute;
    top: -26px
}

.haircolor_contents_item_point_contents_item_img {
    position: relative
}

.haircolor_contents_item_point_contents_item_img:after {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    width: 80px;
    height: 90px;
    bottom: -22px;
    right: 0
}

.haircolor_contents_item_point_contents_item_img img {
    width: 100%
}

.haircolor_contents_item_point_contents_item_tit {
    display: inline-block;
    padding: 10px;
    margin-top: -10px;
    position: relative
}

.haircolor_contents_item_point_contents_item_tit p {
    font-size: 14px;
    line-height: 1;
    color: #fff;
    font-weight: 700
}

.haircolor_contents_item_point_contents_item_des {
    font-size: 14px;
    line-height: 1.7857142857;
    letter-spacing: .01em;
    margin-top: 10.5px
}

@media only screen and (max-width: 768px) {
    .haircolor_contents_item_point_contents_item_des {
        margin-top: 16px
    }
}

.haircolor_contents_item_point_contents_item_style1 .haircolor_contents_item_point_contents_item_tit {
    background-color: #707cc8
}

.haircolor_contents_item_point_contents_item_style1 .haircolor_contents_item_point_contents_item_img:after {
    background-image: url(/haircolor/images/img_style_item1.png)
}

.haircolor_contents_item_point_contents_item_style2 .haircolor_contents_item_point_contents_item_tit {
    background-color: #e363b0
}

.haircolor_contents_item_point_contents_item_style2 .haircolor_contents_item_point_contents_item_img:after {
    background-image: url(/haircolor/images/img_style_item2.png)
}

.haircolor_contents_item_point_contents_item_style3 .haircolor_contents_item_point_contents_item_tit {
    background-color: #d19053
}

.haircolor_contents_item_point_contents_item_style3 .haircolor_contents_item_point_contents_item_img:after {
    background-image: url(/haircolor/images/img_style_item3.png)
}

#wrapper.id_acidheat_treatment .acid__feature {
    padding-top: 140px;
    padding-bottom: 112px;
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature {
        padding-top: 100px;
        padding-bottom: 55px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-inner {
    max-width: 1072px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_acidheat_treatment .acid__feature-titlearea-fukidashi-txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 10px;
    position: relative;
    display: inline-block
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-titlearea-fukidashi-txt {
        padding-bottom: 17px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-titlearea-fukidashi-deco {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    display: block
}

#wrapper.id_acidheat_treatment .acid__feature-titlearea-fukidashi-deco svg {
    width: 100%;
    height: auto
}

#wrapper.id_acidheat_treatment .acid__feature-titlearea-title {
    margin-top: 20px
}

#wrapper.id_acidheat_treatment .acid__feature-contents {
    margin-top: 102px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-contents {
        margin-top: 65px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item {
    display: flex
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item {
        flex-direction: column
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) {
    margin-top: 108px
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) {
    margin-top: 60px;
    align-items: center
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) {
        margin-top: 90px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-item-imgwrap {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-item-imgwrap {
        min-width: 44.1860465116%;
        max-width: 44.1860465116%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-item-imgwrap {
        order: 2
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-item-txtarea {
    margin-left: 60px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-item-txtarea {
        margin-left: 0;
        order: 1
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-how {
    order: 3
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) .acid__feature-item-imgwrap {
        min-width: 48.4496124031%;
        max-width: 48.4496124031%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) .acid__feature-item-imgwrap {
        order: 2
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) .acid__feature-item-txtarea {
    margin-left: 36px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) .acid__feature-item-txtarea {
        margin-left: 0;
        order: 1
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(1) .acid__feature-item-imgwrap {
        margin-top: 40px
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(3) .acid__feature-item-imgwrap {
        margin-top: 20px
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) {
        margin-top: 84px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) .acid__feature-item-imgwrap {
    order: 2;
    margin-left: 22px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) .acid__feature-item-imgwrap {
        margin-top: 25px;
        margin-left: 0;
        position: relative;
        z-index: 1
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) .acid__feature-item-txtarea {
    order: 1;
    min-width: 49.1279069767%
}

#wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) .acid__feature-item-titlearea:before {
    width: 507px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item:nth-child(2) .acid__feature-how {
        order: 3
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item-imgwrap img {
    width: 100%
}

#wrapper.id_acidheat_treatment .acid__feature-item-titlearea {
    padding-bottom: 10px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item-titlearea {
        padding-bottom: 14px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item-titlearea .-point {
    color: #784eb6;
    font-size: 20px;
    line-height: 1;
    font-family: Outfit, sans-serif;
    display: block;
    font-weight: 400
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item-titlearea .-point {
        font-size: 24px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item-titlearea .-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3333333333;
    margin-top: 14px;
    display: block
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item-titlearea .-title {
        line-height: 1.5
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item-titlearea .-title .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_acidheat_treatment .acid__feature-item-titlearea:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 480px;
    max-width: 100%;
    opacity: .2;
    background-image: linear-gradient(to right, #e363b0 0%, #b086e4 20%, #63d2d0 60%, #63d2d0 100%)
}

#wrapper.id_acidheat_treatment .acid__feature-item-txt,
#wrapper.id_acidheat_treatment .acid__feature-item-txt02 {
    font-size: 14px;
    line-height: 1.7142857143;
    margin-top: 23px
}

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

    #wrapper.id_acidheat_treatment .acid__feature-item-txt,
    #wrapper.id_acidheat_treatment .acid__feature-item-txt02 {
        line-height: 1.7857142857
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item-txt .-super,
#wrapper.id_acidheat_treatment .acid__feature-item-txt02 .-super {
    font-size: 10px;
    vertical-align: super
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item-txt02 {
        order: 4
    }
}

#wrapper.id_acidheat_treatment .acid__feature-item-notion {
    color: #777;
    font-size: 10px;
    margin-top: 24px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-item-notion {
        order: 5
    }
}

#wrapper.id_acidheat_treatment .acid__feature-how {
    background-color: #f7f3fc;
    padding: 35px 20px 24px;
    margin-top: 24px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-how {
        width: calc(100% + 40px);
        position: relative;
        left: -20px;
        margin-top: -24px
    }
}

#wrapper.id_acidheat_treatment .acid__feature-how-title {
    color: #784eb6;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    font-family: Outfit, sans-serif
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-how-title {
        font-size: 24px;
        font-weight: 400
    }
}

#wrapper.id_acidheat_treatment .acid__feature-how-list {
    margin-top: 15px
}

#wrapper.id_acidheat_treatment .acid__feature-how-item {
    padding-left: 10px;
    position: relative
}

#wrapper.id_acidheat_treatment .acid__feature-how-item:before {
    content: "・";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: -3px;
    font-weight: 700
}

#wrapper.id_acidheat_treatment .acid__feature-how-item:nth-child(2) {
    margin-top: 10px
}

#wrapper.id_acidheat_treatment .acid__feature-how-item-txt {
    font-size: 14px;
    line-height: 1.7142857143
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-how-item-txt {
        line-height: 1.7857142857
    }
}

#wrapper.id_acidheat_treatment .acid__feature-how-item-txt.-strong {
    font-weight: 700
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__feature-how-item-txt.-strong {
        margin-bottom: 3px
    }
}

#wrapper.id_acidheat_treatment .acideheat_treatment-grad {
    position: fixed;
    top: 0;
    left: 0;
    background-image: url(/acidheat_treatment/images/bg_gradient3.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 248.5483870968vw;
    z-index: -1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acideheat_treatment-grad {
        background-image: url(/acidheat_treatment/images/bg_gradient3_sp.webp)
    }
}

#wrapper.id_acidheat_treatment .acid__howto {
    padding-bottom: 112px;
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__howto {
        padding-bottom: 55px
    }
}

#wrapper.id_acidheat_treatment .acid__howto .section__smalltitle {
    color: #784eb6
}

#wrapper.id_acidheat_treatment .acid__howto .movie_howto_title {
    color: #784eb6;
    font-weight: 300
}

#wrapper.id_acidheat_treatment .acid__howto .movie_howto_title_sub {
    color: #784eb6;
    font-weight: 500
}

#wrapper.id_acidheat_treatment .acid__howto .movie_howto_item_tag {
    background-color: #b086e4
}

#wrapper.id_acidheat_treatment .acid__kv {
    padding-top: 80px;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__kv {
        padding-top: 75px
    }
}

#wrapper.id_acidheat_treatment .acid__kv-inner {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    position: relative
}

#wrapper.id_acidheat_treatment .acid__kv-logoarea {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.064516129%;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 201;
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__kv-logoarea {
        width: 19.53125vw;
        height: 19.53125vw;
        position: absolute;
        top: 75px;
        left: 0
    }
}

#wrapper.id_acidheat_treatment .acid__kv-logo {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative
}

#wrapper.id_acidheat_treatment .acid__kv-logo svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.6vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__kv-logo svg {
        width: 8.6vw
    }
}

#wrapper.id_acidheat_treatment .acid__kv-imgarea-wrap {
    margin: 0 0 0 auto;
    overflow: hidden;
    width: 91.935%;
    height: 48.4vw;
    position: relative;
    border-bottom-left-radius: 140px;
    z-index: 200;
    right: 0;
    animation: anime-brightness_kv 6s infinite linear;
}

@keyframes anime-brightness_kv {
    0%,100%{
        filter: brightness(100%);
    }
    50%{
        filter: brightness(104%);
    }
}


@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__kv-imgarea-wrap {
        width: 89.84375%;
        height: 130.208vw;
        border-bottom-left-radius: 70px;
    }
}

#wrapper.id_acidheat_treatment .acid__kv-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('/assets/images/acidheat_treatment/img_kv1.webp') 51% 51% no-repeat;
    background-size: 102%;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__kv-img {
       background: url('/assets/images/acidheat_treatment/img_kv1_sp.webp') 50% 50% no-repeat;
        background-size: cover;
    }
}



#wrapper.id_acidheat_treatment .acid__kv-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 200;
    background-image: url(/acidheat_treatment/images/bg_gradient3.jpg);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none
}

#wrapper.id_acidheat_treatment .acid__kv-txt {
    position: absolute;
    left: 64.2741935484vw;
    width: 12.8225806452vw;
    top: 29.0322580645vw;
    z-index: 1
}

#wrapper.id_acidheat_treatment .acid__kv-catchlogo {
    position: absolute;
    left: 66.935483871vw;
    width: 10.564516129vw;
    top: 34.1129032258vw;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__kv-catchlogo {
        left: 62.5vw;
        width: 21.09375vw;
        top: 102.734375vw
    }
}

#wrapper.id_acidheat_treatment .js-acid_kv_logo {   
    animation: logo-fade-in 1s forwards linear;
}
@keyframes  logo-fade-in{
    0%{
        opacity: 0;
    }
    80%{
        opacity: 1;
    }
}

#wrapper.id_acidheat_treatment .acid__lead {
    padding: 100px 0 225px;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead {
        padding: 20.8333333333vw 0 40.3645833333vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-inner,
#wrapper.id_acidheat_treatment .acid__lead-inner--re {
    display: flex;
    max-width: 1070px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 769px) {

    #wrapper.id_acidheat_treatment .acid__lead-inner,
    #wrapper.id_acidheat_treatment .acid__lead-inner--re {
        align-items: flex-end;
        justify-content: space-between;
    }
}

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

    #wrapper.id_acidheat_treatment .acid__lead-inner,
    #wrapper.id_acidheat_treatment .acid__lead-inner--re {
        flex-direction: column;
        padding-top: 20px;
    }
}

#wrapper.id_acidheat_treatment .acid__lead-inner--re {
    align-items: flex-start
}

#wrapper.id_acidheat_treatment .acid__lead-title-small {
    display: flex;
    align-items: flex-end
}

#wrapper.id_acidheat_treatment .aci__lead-title-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
}

#wrapper.id_acidheat_treatment .aci__lead-title-img img{
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .aci__lead-title-img {
        width: 50vw
    }
}

#wrapper.id_acidheat_treatment .aci__lead-title-img svg path {
    fill: #fff
}

#wrapper.id_acidheat_treatment .acid__lead-title-txt {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-left: 13px;
    display: block;
    line-height: 1;
    position: relative;
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-txt {
        margin-left: 2.6041666667vw;
        font-size: 3.66667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large {
    margin-top: 27px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large {
        margin-top: 6.25vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-re-furigana {
    display: inline-block;
    position: absolute;
    top: 100%;
    left: -1px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-re-furigana {
        font-size: 2.6041666667vw;
        left: 1.4322916667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large-txtwrap {
    position: relative
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large-txtwrap {
        display: inline-block
    }
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-txtwrap {
        margin-top: 17px
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large-txt {
    font-size: 40px;
    display: inline-block;
    line-height: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large-txt {
        display: block
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large-txt .-super2 {
    font-size: 16px;
    vertical-align: super
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large-txt .-super2 {
        font-size: 4.1666666667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large-txt.-line1 {
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2);
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(123deg, #ffffff 19.05%, #ffeeff 27.94%, #e9ffff 34.29%, #fffdea 43.48%, #ffffff 54.04%)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large-txt.-line1 {
        font-size: 7.8125vw;
        font-weight: 500;
        line-height: 1;
        background-image: linear-gradient(144.56deg, #ffffff 14.05%, #ffeeff 16.94%, #e9ffff 19.29%, #fffdea 32.48%, #ffffff 27.04%)
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large-txt.-line2 {
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2);
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(123deg, #ffffff 28.05%, #ffeeff 30.94%, #e9ffff 64.29%, #fffdea 89.48%, #ffffff 89.04%)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large-txt.-line2 {
        font-size: 13.0208333333vw;
        font-weight: 500;
        line-height: 1;
        margin-top: 2.34375vw;
        background-image: linear-gradient(123deg, #ffffff 6.05%, #ffeeff 19.94%, #e9ffff 25.29%, #fffdea 40.48%, #ffffff 54.04%)
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-large-txt.-line3 {
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2);
    color: #fff
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-large-txt.-line3 {
        font-size: 13.0208333333vw;
        font-weight: 500;
        line-height: 1;
        -webkit-background-clip: text;
        color: transparent;
        background-image: linear-gradient(137deg, #ffffff 10.05%, #ffeeff 13.94%, #e9ffff 22.29%, #fffdea 29.48%, #ffffff 54.04%)
    }
}

#wrapper.id_acidheat_treatment .acid__lead-title-re {
    font-family: Outfit, sans-serif
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-re {
        font-weight: 400;
        font-size: 14.3229166667vw
    }
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__lead-title-re .-super {
        font-size: 27px;
        vertical-align: super
    }
}

#wrapper.id_acidheat_treatment .acid__lead-imgarea {
    display: flex;
    align-items: flex-end;
    margin-top: 116px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__lead-imgarea {
        margin-top: 9.3548387097vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-imgarea {
        margin-top: 11.0677083333vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-img img {
    width: 100%;
    vertical-align: bottom
}

#wrapper.id_acidheat_treatment .acid__lead-img:nth-child(n+2) {
    margin-left: 20px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-img:nth-child(n+2) {
        margin-left: 12px
    }
}

#wrapper.id_acidheat_treatment .acid__lead-img:nth-child(1),
#wrapper.id_acidheat_treatment .acid__lead-img:nth-child(2) {
    width: 67px
}

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

    #wrapper.id_acidheat_treatment .acid__lead-img:nth-child(1),
    #wrapper.id_acidheat_treatment .acid__lead-img:nth-child(2) {
        width: 10.546875vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-img:nth-child(3) {
    width: 65px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-img:nth-child(3) {
        width: 10.15625vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-img:nth-child(4) {
    width: 47px;
    margin-left: 22px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-img:nth-child(4) {
        width: 7.5520833333vw;
        margin-left: 15px
    }
}

#wrapper.id_acidheat_treatment .acid__lead-img:nth-child(5) {
    width: 47px;
    margin-left: 19px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-img:nth-child(5) {
        width: 7.5520833333vw;
        margin-left: 12px
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descriarea {
    margin-top: 34px;
    width: 498px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__lead-descriarea {
        width: 40.1612903226vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descriarea {
        width: auto;
        margin-left: 23.1770833333vw;
        margin-top: 12.7604166667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2);
    grid-column: span 2/span 2;
    grid-column-start: 1;
    grid-row-start: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-title {
        font-size: 5.2083333333vw;
        letter-spacing: -.01em
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-title-underline {
    padding-bottom: 2px;
    border-bottom: 2px solid #fff
}

#wrapper.id_acidheat_treatment .acid__lead-descri-txtwrap {
    margin-top: 33px;
    display: grid;
    align-items: center;
    row-gap: 26px;
    grid-template-columns: 114px 1fr
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-txtwrap {
        grid-template-columns: 8.8709677419vw 1fr
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-txtwrap {
        margin-top: 8.8541666667vw;
        display: block
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-txt {
    font-size: 20px;
    line-height: 1.8;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2);
    grid-row-start: 2
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-txt {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-txt {
        margin-top: 5.2083333333vw;
        font-size: 3.6458333333vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-txt .-super {
    font-size: 10px;
    vertical-align: super
}


#wrapper.id_acidheat_treatment .acid__lead-descri-logowrap {
    display: flex;
    gap: 25px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-logowrap {
        display: block
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-logo {
    width: 95px
}

#wrapper.id_acidheat_treatment .acid__lead-descri-logo-txt {
    width: calc(100% - 120px);
    color: #fff;
    font-size: 20px;
    line-height: 2
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-logo-txt {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-logo-txt {
        width: 100%;
        font-size: 3.6458333333vw;
        letter-spacing: -.05em
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-img {
    width: 100px;
    display: block;
    grid-column-start: 1;
    grid-row-start: 2
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-img {
        width: 8.064516129vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-img {
        margin-bottom: 10px
    }
}

#wrapper.id_acidheat_treatment .acid__lead-descri-notionwrap {
    margin-top:20px
}

#wrapper.id_acidheat_treatment .acid__lead-descri-notion {
    font-size: 10px;
    color: #777;
    /* font-weight: 700; */
    text-shadow: 1px 1px 30px rgba(120, 88, 121, .2)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-descri-notion {
        font-size: 2.6041666667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-bg {
    position: absolute;
    bottom: -26px;
    left: 0;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-bg {
        bottom: -3.3854166667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-bg-inner {
    display: flex;
    margin-left: -45px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-bg-inner {
        margin-left: -1.0416666667vw
    }
}

#wrapper.id_acidheat_treatment .acid__lead-bg-txt {
    font-size: 200px;
    font-weight: 300;
    line-height: 1;
    white-space: nowrap;
    font-family: Outfit, sans-serif;
    color: #ffffff80;
    padding-left: 45px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lead-bg-txt {
        padding-left: 6.25vw;
        font-size: 26.0416666667vw
    }
}

#wrapper.id_acidheat_treatment .js-scrollshow_acid_lead_img,
#wrapper.id_acidheat_treatment .js-scrollshow_acid_lead_txt {
    opacity: 0
}

#wrapper.id_acidheat_treatment .js-scrollshow_acid_bg {
    transform: translateY(100%)
}

#wrapper.id_acidheat_treatment .js-scrollshow_acid_bg.isAnimate .acid__lead-bg-txt {
    animation: loop 55s linear infinite
}

#wrapper.id_acidheat_treatment .acid__lineup {
    padding: 170px 0 140px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__lineup {
        padding: 80px 0 100px
    }
}

#wrapper.id_acidheat_treatment .acid__lineup-titlearea-title .section__title .-en {
    font-weight: 200 !important
}

#wrapper.id_acidheat_treatment .acid__lineup-titlearea-inner {
    max-width: 1080px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_acidheat_treatment .acid__lineup-canvaswrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

#wrapper.id_acidheat_treatment .acid__lineup-canvaswrap.isFixed {
    position: fixed
}

#wrapper.id_acidheat_treatment .acid__lineup-canvaswrap canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    width: 100%;
    height: 100%
}

#wrapper.id_acidheat_treatment .argane__lineuptitlearea-inner {
    max-width: 1080px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_items {
    max-width: 870px;
    margin: 100px auto 0;
    padding: 0 20px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_items {
        padding: 0
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_items+.argane__lineup-contents_title {
    margin-top: 160px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_items+.argane__lineup-contents_title {
        margin-top: 120px
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_item {
    display: flex;
    gap: 0 90px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_item {
        flex-flow: column;
        gap: 37.5px
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_item+.argane__lineup-contents_item {
    margin-top: 120px
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_item .products_slider_text_tag li:last-child {
    border: 1px solid #dedede;
    background-color: transparent
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_item .products_slider_text_tag li.gray {
    border: none;
    background-color: #e0e0e080
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_item .products_slider_items {
        padding-left: 30px;
        padding-right: 30px
    }

    #wrapper.id_acidheat_treatment .argane__lineup-contents_item .products_slider_text {
        width: 100%
    }

    #wrapper.id_acidheat_treatment .argane__lineup-contents_item .products_slider_text_tit {
        display: flex;
        justify-content: space-between
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents {
    background-color: #fff;
    margin-top: 90px;
    border-radius: 0 100px 100px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents {
        margin-top: 75px;
        border-radius: 0 50px 50px
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_secTitle {
    position: absolute;
    top: -30px;
    left: 0;
    width: 300px;
    border-radius: 0 50px 50px 0;
    height: 60px;
    background: #b086e4;
    font-family: Outfit, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .96px;
    line-height: 60px;
    color: #fff;
    text-align: right;
    padding-right: 45px
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_secTitle span {
    font-size: 24px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_secTitle {
        width: 150px;
        height: 40px;
        padding-right: 18px;
        line-height: 40px;
        font-size: 12px;
        top: -20px
    }

    #wrapper.id_acidheat_treatment .argane__lineup-contents_secTitle span {
        font-size: 16px
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_inner {
    max-width: 1080px;
    padding: 95px 20px 140px;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_inner {
        padding: 75px 20px
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_title {
    color: #333
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_title_sub {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_title_sub {
        font-size: 16px
    }
}

#wrapper.id_acidheat_treatment .argane__lineup-contents_title_main {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1.12px;
    margin-top: 20px;
    line-height: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .argane__lineup-contents_title_main {
        font-size: 24px;
        margin-top: 15px
    }
}

#wrapper.id_acidheat_treatment .products_slider_text_tag_special ul li {
    background-color: #e3b4e3
}

#wrapper.id_acidheat_treatment .acid__ps-contents {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -110px;
    padding-top: 93.4677419355%;
    width: 93.4677419355%;
    height: 0
}

@media (min-width: 1160px) {
    #wrapper.id_acidheat_treatment .acid__ps-contents {
        width: 1140px;
        padding-top: 1160px
    }
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-contents {
        padding-top: 1159px
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-contents {
        padding: 0;
        margin: -84px auto 0;
        width: 100%;
        height: auto;
        overflow: hidden
    }
}

#wrapper.id_acidheat_treatment .acid__ps-contents-in {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__ps-contents-in {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-contents-in {
        padding: 140px 0 70px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-contents-inner {
    width: 100%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-contents-inner {
        margin-top: 0;
        padding: 0 20px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1160px;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
        width: 326.0416666667vw
    }
}

#wrapper.id_acidheat_treatment .acid__ps_titlearea {
    text-align: center
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-notion {
    font-size: 16px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    padding-bottom: 8px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-notion {
        font-weight: 500;
        padding-bottom: 10px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-notion .deco {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-notion .deco svg {
    width: 100%
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title {
    margin-top: 24px;
    display: block
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-title {
        margin-top: 28px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-s {
    margin-top: 20px;
    font-size: 20px;
    display: block;
    font-weight: 500
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-s {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-s {
        font-size: 14px;
        margin-top: 5px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-s .-em {
    color: #784eb6
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-s .-super {
    vertical-align: super;
    font-size: 10px;
    font-weight: 500
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-l {
    font-size: 40px;
    display: block;
    color: #784eb6;
    line-height: 1;
    margin-top: 5px;
    font-weight: 400
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-l {
        font-size: 36px;
        margin-top: 0
    }
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-cross {
    margin: 14px auto 0;
    display: block;
    width: 20px;
    height: 20px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-cross {
        margin-top: 4px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-cross:before,
#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-cross:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #784eb6;
    position: absolute;
    top: 50%;
    left: 50%
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-cross:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-title .-cross:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-txt {
    font-size: 27px;
    color: #784eb6;
    letter-spacing: .01em;
    margin-top: 7px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-titlearea-txt {
        font-size: 17px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-titlearea-txt .-super {
    vertical-align: super;
    font-size: 10px
}

#wrapper.id_acidheat_treatment .acid__ps-carearea {
    max-width: 1055px;
    margin: 98px auto 0
}

@media (min-width: 769px) and (max-width: 855px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea {
        max-width: 1055px;
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea {
        margin-top: 34px;
        width: 100%
    }
}

#wrapper.id_acidheat_treatment .acid__ps--carelist {
    display: flex;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps--carelist {
        flex-direction: column;
        align-items: center
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross {
    position: relative;
    width: 40px;
    height: 40px;
    align-self: center
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-cross {
        top: calc(50% + 1.0666666667vw)
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar {
    position: absolute;
    top: 50%;
    left: 50%
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar .acid__ps-careitem-cross-barin {
    width: 40px;
    height: 1px;
    background-color: #000
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar .acid__ps-careitem-cross-barin {
        width: 36px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg)
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar:nth-child(1) .acid__ps-careitem-cross-barin {
    transform-origin: 0% 50%;
    transform: scaleX(0)
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg)
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-cross-bar:nth-child(2) .acid__ps-careitem-cross-barin {
    transform-origin: 100% 50%;
    transform: scaleX(0)
}

#wrapper.id_acidheat_treatment .acid__ps-careitem {
    position: relative;
    width: calc(33.3333333333% - 40px);
    aspect-ratio: 1/1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem {
        width: 90.1098901099%;
        padding-top: 90.1098901099%;
        margin-top: 10px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-bg img {
    width: 100%
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-keyword {
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem {
    line-height: 1
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem:nth-child(1) {
    background-color: #fff;
    padding: 6px 12px 7px;
    border-radius: 50px;
    font-size: 14px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem:nth-child(1) {
        font-size: 1.1290322581vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem:nth-child(1) {
        padding: 8px 9px 9px;
        font-size: 12px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem:nth-child(2) {
    margin-left: 8px;
    font-size: 16px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem:nth-child(2) {
        font-size: 1.2903225806vw;
        margin-left: .6451612903vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-keyworditem:nth-child(2) {
        margin-left: 6px;
        font-size: 14px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-txt {
    text-align: center
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-s {
    font-size: 10px;
    font-weight: 500
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-s {
        font-size: .8064516129vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-s {
        font-size: 9px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-s span {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m {
    font-size: 32px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m {
        font-size: 2.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m {
        font-size: 30px;
        font-weight: 500;
        line-height: 1.3333333333;
        margin-top: 5px
    }
}

.-rebrin #wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m {
    color: #7e93ca
}

.-repair #wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m {
    color: #e363b0
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m .-small {
    font-size: 17px;
    display: block
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-txt .-m .-super {
    font-size: 17px;
    vertical-align: super
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-rebrin .-m {
    color: #e363b0
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-rebrin .acid__ps-careitem-txt {
    margin-bottom: 19px
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-rebrin .acid__ps-careitem-bg {
    width: 114.02%;
    height: 114.02%;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%)
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-keratin .-m {
    color: #e363b0
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-keratin .acid__ps-careitem-txt {
    margin-bottom: 10px
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-keratin .acid__ps-careitem-bg {
    width: 114.02%;
    height: 114.02%;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%)
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-repair .-m {
    color: #6f6fe2
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-repair .acid__ps-careitem-txt {
    margin-bottom: 20px
}

#wrapper.id_acidheat_treatment .acid__ps-careitem.-repair .acid__ps-careitem-bg {
    width: 109%;
    height: 109%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#wrapper.id_acidheat_treatment .acod__ps_txtarea {
    text-align: center;
    margin-top: 12px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acod__ps_txtarea {
        margin-top: 10px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-txtarea-txt {
    text-align: center
}

#wrapper.id_acidheat_treatment .acid__ps-txtarea-txt .-s {
    font-size: 24px;
    display: block;
    overflow: hidden
}

#wrapper.id_acidheat_treatment .acid__ps-txtarea-txt .-s span {
    line-height: 1.2;
    display: block
}

#wrapper.id_acidheat_treatment .acid__ps-txtarea-txt .-l {
    margin-top: 15px;
    overflow: hidden;
    display: block
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-txtarea-txt .-l {
        margin-top: 10px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-txtarea-txt .-l span {
    font-size: 52px;
    display: inline-block;
    -webkit-background-clip: text;
    color: transparent;
    background-image: -webkit-linear-gradient(left bottom, rgba(227, 99, 176, .6), rgba(176, 134, 228, .6) 50%, rgba(99, 210, 208, .6));
    line-height: 1.2
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-txtarea-txt .-l span {
        font-size: 47px
    }
}

#wrapper.id_acidheat_treatment .acid__ps_notionarea {
    margin-top: 36px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps_notionarea {
        margin-top: 40px;
        padding: 0 20px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-notionarea-txt {
    width: fit-content;
    margin: 0 auto;
    color: #777;
    font-size: 10px;
    line-height: 2;
    letter-spacing: .01em
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-notionarea-txt {
        line-height: 2.5
    }
}

#wrapper.id_acidheat_treatment .acid__ps-notionarea-txt .-super {
    font-size: 8px;
    vertical-align: top
}

#wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--left {
    width: 66.6666666667%;
    position: absolute;
    top: -28px;
    transform: translateY(-100%)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--left {
        margin-bottom: 8px;
        width: 100%;
        position: static;
        transform: none
    }
}

#wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--left .acid__ps-carearea-heading {
    padding: 0 45px;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--left .acid__ps-carearea-heading {
        padding: 0 25px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--right {
    width: 33.3333333333%;
    position: absolute;
    top: -28px;
    right: 4%;
    transform: translateY(-100%) ;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--right {
        margin: 14px 0;
        width: 100%;
        position: static;
        transform: none
    }
}

#wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--right .acid__ps-carearea-heading {
    margin-left: auto;
    padding: 0 10px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea-head-area--right .acid__ps-carearea-heading {
        margin-right: auto
    }
}

#wrapper.id_acidheat_treatment .acid__ps-carearea-heading {
    width: fit-content;
    font-size: 20px;
    background-color: #fff;
    border-radius: 9999px;
    box-shadow: 0 0 9px 9px #fff;
    letter-spacing: -.04em
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea-heading {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-carearea-heading {
        font-size: 17px;
        line-height: 1
    }
}

#wrapper.id_acidheat_treatment .acid__ps-carearea-heading span {
    display: inline-block;
    margin-left: 1em;
    color: #784eb6
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-list-wrap {
    font-size: 14px;
    padding-left: 21px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-careitem-list-wrap {
        font-size: 1.1290322581vw
    }
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-list li {
    padding-left: 1em;
    text-indent: -1em
}

#wrapper.id_acidheat_treatment .acid__ps-careitem-list li:before {
    content: "・"
}

#wrapper.id_acidheat_treatment .acod__ps_txtarea__img {
    overflow: hidden;
    width: 60px;
    margin: 0 auto
}

#wrapper.id_acidheat_treatment .acod__ps_txtarea__img img {
    width: 100%;
    display: block
}

#wrapper.id_acidheat_treatment .js-scroll_acid_care_item {
    opacity: 0;
    transform: translate3d(0, 10rem, 0)
}

#wrapper.id_acidheat_treatment .js-scroll_acid_care_circle {
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #fff6;
    border-radius: 50%
}

#wrapper.id_acidheat_treatment .js-scroll_acid_care_copy {
    transform: translate3d(0, 100%, 0)
}

#wrapper.id_acidheat_treatment .js-scroll_acid_care_notion {
    opacity: 0
}

#wrapper.id_acidheat_treatment .acid__ps-head {
    background-color: #fff;
    position: relative;
    padding: 70px 0;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head {
        padding: 50px 0 60px
    }
}

#wrapper.id_acidheat_treatment .acid__pc-head-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 20px
}

#wrapper.id_acidheat_treatment .acid__ps-head-titlewrap {
    text-align: center
}

#wrapper.id_acidheat_treatment .acid__ps-head-title {
    font-size: 24px;
    border-bottom: 2px solid #784eb6;
    display: inline-block;
    font-weight: 400
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-title {
        font-size: 1.935483871vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-title {
        font-size: 20px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-title span {
    font-size: 32px;
    color: #784eb6
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-title span {
        font-size: 2.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-title span {
        font-size: 24px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-list {
    display: flex;
    margin-top: 40px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-list {
        margin-top: 3.2258064516vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-list {
        margin-top: 25px;
        flex-direction: column
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-item {
    display: flex;
    align-items: center
}

#wrapper.id_acidheat_treatment .acid__ps-head-item:nth-child(n+2) {
    margin-left: 76px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-item-check {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-check {
        width: 28px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-item-check img {
    width: 100%;
    display: block
}

#wrapper.id_acidheat_treatment .acid__ps-head-item-txt {
    margin-left: 24px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt {
        margin-left: 15px;
        width: 290px;
        letter-spacing: -.16em
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-item-txt span {
    display: block;
    font-size: 32px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt span {
        font-size: 2.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt span {
        font-size: 24px;
        margin-top: 12px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-item-txt .-small {
    font-size: 20px;
    line-height: 1
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt .-small {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt .-small {
        font-size: 16px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-head-item-txt .-large {
    font-size: 30px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt .-large {
        font-size: 2.4193548387vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-head-item-txt .-large {
        font-size: 24px;
        margin-top: 4px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what {
    margin-top: -100px;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what {
        margin-top: 60px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-inner {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_acidheat_treatment .acid__ps-what-box {
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 60px 0 80px;
    width: calc(100vw - ((100vw - 1040px)/2));
    z-index: 10;
    position: relative
}

@media (max-width: 1040px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-box {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-box {
        border-radius: 0 50px 50px;
        padding: 45px 0
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-titlewrap {
    color: #784eb6;
    position: absolute;
    left: 90px;
    font-size: 39px;
    font-weight: 400;
    font-family: Outfit, sans-serif;
    top: 0;
    z-index: 1;
    transform: translateY(-50%)
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-titlewrap {
        left: 7.2580645161vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-titlewrap {
        left: 20px;
        font-size: 27px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-boxinner {
    display: flex;
    align-items: flex-start;
    padding: 0 99px 0 90px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-boxinner {
        padding-left: 7.9838709677vw;
        padding-right: 7.2580645161vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-boxinner {
        flex-direction: column;
        padding: 0 20px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea {
    width: 33.6842105263%;
    min-width: 33.6842105263%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-txtarea {
        min-width: 100%;
        width: 100%
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea-title {
    line-height: 1;
    font-size: 24px;
    color: #784eb6;
    letter-spacing: 0;
    font-weight: 400;
    text-align: left
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-txtarea-title {
        font-size: 1.935483871vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-txtarea-title {
        line-height: 1.6;
        font-size: 20px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea-txt {
    z-index: 1;
    line-height: 1.8571428571;
    font-size: 16px;
    letter-spacing: .01em;
    padding-right: 5px;
    text-align: left
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-txtarea-txt {
        font-size: 1.1290322581vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-txtarea-txt {
        font-size: 14px;
        line-height: 1.7857142857
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea-txt .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea-txt .-notion {
    margin-top: 10px;
    display: block;
    font-size: 10px;
    color: #777;
    line-height: 1.6;
    letter-spacing: -.1em
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea-img {
    margin-top: 24px;
    padding-right: 5px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-txtarea-img {
        margin-top: 32px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-txtarea-img img {
    width: 100%
}

#wrapper.id_acidheat_treatment .acid__ps-what-imgarea {
    flex-grow: 1;
    margin-left: 40px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-imgarea {
        margin-left: 0;
        margin-top: 34px
    }
}

#wrapper.id_acidheat_treatment .acid__ps-what-imgarea img {
    width: 100%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__ps-what-imgarea {
        min-width: 100%;
        width: 100%
    }
}

#wrapper.id_acidheat_treatment .acid__pc-what-cursive {
    position: absolute;
    bottom: -65px;
    right: -61px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__pc-what-cursive {
        bottom: -5.2419354839vw;
        right: -4.9193548387vw
    }
}

#wrapper.id_acidheat_treatment .acid__pc-what-cursive svg {
    width: 230px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_acidheat_treatment .acid__pc-what-cursive svg {
        width: 18.5483870968vw
    }
}

#wrapper.id_acidheat_treatment .acid__product {
    width: 100%;
    height: 0;
    padding-top: 62.3387096774%;
    position: relative;
    margin-top: -9.6774193548vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__product {
        margin-top: -45px;
        padding-top: 88.1510416667%
    }
}

#wrapper.id_acidheat_treatment .acid__product-img {
    margin: 0 0 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/assets/images/acidheat_treatment/img_product.webp') center center no-repeat;
    background-size: 100%;
    animation: anime-brightness 6s infinite linear;
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__product-img {
       background: url('/assets/images/acidheat_treatment/img_product_sp.webp') center center no-repeat;
    background-size: cover;
    }
}
@keyframes anime-brightness {
    0%,100%{
        filter: brightness(100%);
    }
    50%{
        filter: brightness(114%);
    }
}


#wrapper.id_acidheat_treatment .acid__reviews {
    padding-bottom: 112px;
    background-color: #fff;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews {
        padding-top: 100px;
        padding-bottom: 55px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b086e41a;
    pointer-events: none
}

#wrapper.id_acidheat_treatment .acid__reviews-inner {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-inner {
        padding-left: 0;
        padding-right: 0
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-titlearea {
    display: inline-block;
    position: relative
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__reviews-titlearea {
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-titlearea {
        padding: 0 20px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-titlearea-deco {
    position: absolute;
    width: 184px;
    left: 240px;
    top: 66px;
    height: 45px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-titlearea-deco {
        width: 158px;
        left: 142px;
        top: 42px;
        height: 39px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa {
    display: flex
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa {
        margin-top: 45px;
        border-bottom: 1px solid rgba(119, 119, 119, .2);
        align-items: center;
        padding: 0 0 30px;
        margin-left: 20px;
        margin-right: 20px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-imgarea {
    min-width: 210px;
    max-width: 210px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-imgarea {
        min-width: 47.1615720524%;
        max-width: 162px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-imgarea img {
    overflow: hidden;
    width: 100%;
    border-radius: 20px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-imgarea img {
        border-radius: 10px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-txtarea {
    margin-left: 50px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-txtarea {
        margin-left: 20px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-title {
    padding-bottom: 20px
}

@media only screen and (min-width: 769px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-title {
        border-bottom: 1px solid rgba(119, 119, 119, .2)
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-title span {
    display: block
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-title .-job {
    font-family: Outfit, sans-serif;
    line-height: 1;
    font-size: 20px;
    font-weight: 400
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-title .-name {
    margin-top: 12px;
    font-size: 24px;
    line-height: 1;
    font-weight: 400
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-txtwrap {
    margin-top: 13px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-txtwrap {
        margin-top: 23px;
        padding: 0 20px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-txt {
    font-size: 14px;
    line-height: 1.8571428571
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-txt {
        line-height: 1.7857142857
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-txt .-super {
    vertical-align: super;
    font-size: 10px
}

#wrapper.id_acidheat_treatment .acid__reviews-coa-notion {
    font-size: 10px;
    color: #777;
    margin-top: 12px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-coa-notion {
        margin-top: 16px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-comment {
    margin-top: 106px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-comment {
        margin-top: 48px;
        padding-top: 10px;
        padding-left: 20px;
        overflow: scroll;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #wrapper.id_acidheat_treatment .acid__reviews-comment::-webkit-scrollbar {
        display: none
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-list {
    display: flex
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-item {
    width: calc(33.3333333333% - 22.6666666667px);
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-comment-item {
        min-width: 223px;
        max-width: 223px
    }

    #wrapper.id_acidheat_treatment .acid__reviews-comment-item:after {
        position: absolute;
        content: "";
        top: 0;
        left: 100%;
        height: 1px;
        width: 20px;
        background-color: transparent
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-item:nth-child(n+2) {
    margin-left: 34px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-comment-item:nth-child(n+2) {
        margin-left: 21px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-txt {
    font-size: 14px;
    line-height: 1.7142857143
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-comment-txt {
        font-size: 12px;
        line-height: 1.7857142857
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-box {
    padding: 24px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-comment-box {
        padding: 21px 16px
    }
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-box:after,
#wrapper.id_acidheat_treatment .acid__reviews-comment-box:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background-color: #b086e4;
    height: 2px
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-box:before {
    top: 0;
    width: 89.375%
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-box:after {
    bottom: 0;
    width: 100%
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-box-quote {
    position: absolute;
    top: -10px;
    right: 0
}

#wrapper.id_acidheat_treatment .acid__reviews-comment-box-quote svg {
    width: 24px;
    height: 20px;
    fill: #b086e4
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__reviews-comment-box-quote svg {
        width: 19px;
        height: 15px
    }
}

#wrapper.id_acidheat_treatment .acidheat_treatment_footer {
    padding-top: 113px;
    background-color: #f4f4f4;
    padding-bottom: 62px
}



@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acidheat_treatment_footer {
        padding-top: 77.5px;
        padding-bottom: 70px
    }
}

#wrapper.id_acidheat_treatment .acid__users {
    padding-bottom: 112px;
    padding-top: 133px;
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__users {
        padding-top: 95px;
        padding-bottom: 55px
    }
}

#wrapper.id_acidheat_treatment .acid__users-inner {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_acidheat_treatment .acid__users-commentarea {
    margin-top: 91px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_acidheat_treatment .acid__users-commentarea {
        margin-top: 82px
    }
}

#wrapper.id_acidheat_treatment .acid__users-nav {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0
}

#wrapper.id_acidheat_treatment .acid__users-nav svg {
    width: 11px
}

@media (min-width: 415px) and (max-width: 1120px) {
    #wrapper.id_acidheat_treatment .acid__users-nav svg {
        width: 8px
    }
}

#wrapper.id_acidheat_treatment .acid__users-nav.-next {
    right: -25px
}

@media (min-width: 415px) and (max-width: 1120px) {
    #wrapper.id_acidheat_treatment .acid__users-nav.-next {
        right: -15px
    }
}

#wrapper.id_acidheat_treatment .acid__users-nav.-prev {
    left: -25px
}

@media (min-width: 415px) and (max-width: 1120px) {
    #wrapper.id_acidheat_treatment .acid__users-nav.-prev {
        left: -15px
    }
}

#wrapper.id_acidheat_treatment .acid__users-nav.isActive {
    pointer-events: auto;
    opacity: 1
}

#wrapper.id_acidheat_treatment .acid__users-nav.isDisable {
    pointer-events: none !important;
    opacity: 0 !important
}

#wrapper.id_arganrich_oil .argane__feature {
    overflow: visible;
    padding-top: 71px;
    padding-bottom: 110px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature {
        padding-top: 26px;
        padding-bottom: 98px
    }
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__feature-titlearea-title .section__title .-en {
        font-weight: 200 !important
    }
}


#wrapper.id_arganrich_oil .argane__feature-inner {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_arganrich_oil .argane__feature-contents {
    margin-top: 168px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-contents {
        margin-top: 102px
    }
}

#wrapper.id_arganrich_oil .argane__feature-main-img {
    position: relative
}

#wrapper.id_arganrich_oil .argane__feature-main-img img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__feature-item.-item1 .argane__feature-main-img {
    width: calc(100vw - ((100vw - 1040px)/2))
}

@media (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__feature-item.-item1 .argane__feature-main-img {
        width: calc(100vw - 20px)
    }
}

#wrapper.id_arganrich_oil .argane__feature-item.-item2 .argane__feature-main-img {
    width: calc(100vw - ((100vw - 1040px)/2));
    margin-left: calc(-.5*(100vw - 1040px))
}

@media (max-width: 1080px) {
    #wrapper.id_arganrich_oil .argane__feature-item.-item2 .argane__feature-main-img {
        width: calc(100vw - 20px);
        margin-left: -20px
    }
}

#wrapper.id_arganrich_oil .argane__feature-main-catch {
    color: #5aad69;
    position: absolute;
    z-index: 1;
    top: 0;
    font-family: Outfit, sans-serif;
    font-weight: 100
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-main-catch {
        white-space: nowrap
    }
}

#wrapper.id_arganrich_oil .argane__feature-main-catch.-item1 {
    font-size: 120px;
    left: 0;
    transform: translateY(-66%)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-main-catch.-item1 {
        font-size: 60px;
        transform: translateY(-61%);
        margin-left: -1px
    }
}

#wrapper.id_arganrich_oil .argane__feature-main-catch.-item2 {
    font-size: 72px;
    line-height: .8888888889;
    transform: translateY(-35%)
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__feature-main-catch.-item2 {
        right: 0
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-main-catch.-item2 {
        font-size: 50px;
        line-height: 1;
        left: 20px;
        transform: translateY(-85%)
    }
}

#wrapper.id_arganrich_oil .argane__feature-main-catch.-item2 span {
    display: block;
    text-align: right
}

#wrapper.id_arganrich_oil .argane__feature-main-catch.-item2 span:nth-child(1) {
    padding-right: 65px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-main-catch.-item2 span:nth-child(1) {
        padding-right: 21px
    }
}

#wrapper.id_arganrich_oil .argane__feature-main-descri {
    margin-top: 34px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-main-descri {
        margin-top: 22px
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil {
    display: flex
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-oil {
        flex-direction: column
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil-txtarea {
    width: calc(30% - 40px)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-oil-txtarea {
        width: 100%
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil-title {
    font-size: 20px;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-oil-title {
        font-weight: 700
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil-txt {
    font-size: 14px;
    line-height: 1.7857142857;
    margin-top: 17px;
    font-weight: 400
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-oil-txt {
        line-height: 1.7857142857;
        letter-spacing: .01em
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil-txt .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_arganrich_oil .argane__feature-oil-notion {
    font-size: 10px;
    color: #777;
    line-height: 2.4;
    margin-top: 5px
}

#wrapper.id_arganrich_oil .argane__feature-oil-recommendarea {
    flex-grow: 1;
    margin-left: 40px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-oil-recommendarea {
        padding-top: 40px;
        margin-left: 0
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil-recommend-accordion-titlearea {
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#wrapper.id_arganrich_oil .argane__feature-oil-recommend-accordion-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    transform: translateZ(1px)
}

#wrapper.id_arganrich_oil .argane__feature-oil-recommend-accordion-plus svg {
    width: 15px;
    height: 15px;
    transform: translateZ(1px)
}

#wrapper.id_arganrich_oil .argane__feature-oil-recommend-accordion-plus svg path {
    fill: #333;
    stroke: #333;
    stroke-width: 2px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-oil-recommend-accordion-plus svg path {
        stroke-width: 4px
    }
}

#wrapper.id_arganrich_oil .argane__feature-oil-recommend-accordion-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

#wrapper.id_arganrich_oil .argane__feature-recommend-list {
    display: flex
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-list {
        flex-direction: column;
        padding-top: 40px
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-item {
    width: calc(50% - 8px)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-item {
        width: 100%
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-item .argane__feature-recommend-prodcut {
    width: 50%
}

#wrapper.id_arganrich_oil .argane__feature-recommend-item:nth-child(2) {
    margin-left: 6px
}

#wrapper.id_arganrich_oil .argane__feature-recommend-titlearea {
    background-color: #f4f4f4;
    height: 34px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-titlearea {
        height: 40px
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    text-align: center
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-title {
        font-size: 16px;
        line-height: 40px
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-productlist {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-productlist {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 0
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut {
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut {
        padding: 20px 0
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut:nth-child(3):before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #e0e0e0;
        height: 1px;
        width: 200%
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-name {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    font-weight: 400
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-name {
        font-size: 14px;
        line-height: 1.7857142857
    }
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-name {
        font-size: .9677419355vw;
        white-space: nowrap
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    margin-top: 3px;
    font-weight: 500
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt {
        font-size: .9677419355vw;
        white-space: nowrap
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt {
        font-size: 14px;
        line-height: 1.7857142857;
        font-weight: 700
    }
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt.-product1 {
    color: #f382bb
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt.-product2 {
    color: #eaab09
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt.-product3 {
    color: #2fbac2
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt.-product4 {
    color: #d453df
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt.-product5 {
    color: #4a77d8
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-txt.-product6 {
    color: #7642ab
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-img {
    text-align: center
}

#wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-img img {
    width: 44px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-recommend-prodcut-img img {
        max-width: none;
        width: 63px
    }
}

#wrapper.id_arganrich_oil .argane__feature-item:nth-child(n+2) {
    margin-top: 209px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-item:nth-child(n+2) {
        margin-top: 172px
    }
}

#wrapper.id_arganrich_oil .argane__feature-item-sub {
    display: flex;
    position: relative;
    margin-top: 190px;
    padding-left: 54px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-item-sub {
        flex-direction: column;
        margin-top: 125px;
        padding-left: 0
    }
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-img {
        min-width: 63.8945233266%;
        max-width: 63.8945233266%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-img {
        width: 100%
    }
}

#wrapper.id_arganrich_oil .argane__feature-sub-img img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__feature-sub-descri {
    margin-left: 40px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-descri {
        margin-left: 0;
        margin-top: 23px
    }
}

#wrapper.id_arganrich_oil .argane__feature-sub-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-title {
        font-weight: 700;
        letter-spacing: .01em
    }
}

#wrapper.id_arganrich_oil .argane__feature-sub-title .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_arganrich_oil .argane__feature-sub-txt {
    font-size: 14px;
    line-height: 1.7857142857;
    margin-top: 18px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-txt {
        line-height: 1.7857142857;
        letter-spacing: .01em
    }
}

#wrapper.id_arganrich_oil .argane__feature-sub-txt .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_arganrich_oil .argane__feature-sub-notion {
    color: #777;
    font-size: 10px;
    line-height: 2;
    margin-top: 15px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-notion {
        margin-top: 19px
    }
}

#wrapper.id_arganrich_oil .argane__feature-sub-catch {
    font-size: 72px;
    font-weight: 100;
    color: #5aad69;
    font-family: Outfit, sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-sub-catch {
        font-size: 50px;
        transform: translateY(-64%)
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-title {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-title {
        font-weight: 700
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-list {
    margin-top: 22px;
    display: flex
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-list {
        flex-direction: column;
        margin-top: 36px
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-item {
    display: flex;
    width: calc(50% - 28.5px)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-item {
        width: 100%
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-item:nth-child(2) {
    margin-left: 57px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-item:nth-child(2) {
        margin-top: 38px;
        margin-left: 0
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-item-title {
    color: #5aad69;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7857142857
}

#wrapper.id_arganrich_oil .argane__feature-cream-item-txt {
    font-size: 14px;
    line-height: 1.7857142857;
    margin-top: 7px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-item-txt {
        line-height: 1.7857142857;
        letter-spacing: .01em
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-item-txt .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_arganrich_oil .argane__feature-cream-item-notion {
    font-size: 10px;
    color: #777;
    line-height: 2;
    margin-top: 6px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-item-notion {
        line-height: 2
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-imgwrap img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__feature-cream-imgwrap.-img1 {
    min-width: 47px;
    max-width: 47px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-imgwrap.-img1 {
        min-width: 57px;
        max-width: 57px;
        margin-right: 28px
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-imgwrap.-img2 {
    min-width: 57px;
    max-width: 57px;
    width: 57px;
    position: relative;
    top: 23px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-imgwrap.-img2 {
        min-width: 62px;
        max-width: 62px;
        width: 62px;
        margin-right: 22px;
        top: 3px
    }
}

#wrapper.id_arganrich_oil .argane__feature-cream-item-txtarea {
    margin-left: 20px;
    padding-top: 16px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__feature-cream-item-txtarea {
        margin-left: 0;
        padding-top: 0
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .js-argane_accordion_contents {
        height: 0;
        overflow: hidden
    }
}

#wrapper.id_arganrich_oil .js-argane_accordion_btn {
    cursor: pointer
}

#wrapper.id_arganrich_oil .argane__howto {
    padding-bottom: 112px;
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__howto {
        padding-bottom: 55px
    }
}

#wrapper.id_arganrich_oil .argane__howto .movie_howto_title {
    font-weight: 300
}

#wrapper.id_arganrich_oil .argane__howto .movie_howto_title_sub {
    font-weight: 500
}

#wrapper.id_arganrich_oil .argane__howto .movie_howto_item_tag {
    background-color: #5aad69
}

#wrapper.id_arganrich_oil .slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat
}

#wrapper.id_arganrich_oil .argane__kv {
    padding-top: 80px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv {
        padding-top: 75px
    }
}

#wrapper.id_arganrich_oil .argane__kv .slick-dots {
    bottom: 35px
}

#wrapper.id_arganrich_oil .argane__kv .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 3px
}

#wrapper.id_arganrich_oil .argane__kv .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    border: 1px solid #fff;
    opacity: 1;
    transition: background .4s ease-in-out
}

#wrapper.id_arganrich_oil .argane__kv .slick-dots li button:before {
    display: none
}

#wrapper.id_arganrich_oil .argane__kv .slick-dots li.slick-active button {
    background: #fff
}

#wrapper.id_arganrich_oil .argane__kv .slick-list {
    height: 100%;
    border-bottom-left-radius: 11.2903225806vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv .slick-list {
        border-bottom-left-radius: 18.2291666667vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-inner {
    position: relative;
    margin: 0 0 0 auto;
    width: 91.935483871%;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-inner {
        width: 89.84375%
    }
}

#wrapper.id_arganrich_oil .argane__kv-inner img {
    width: 100%;
    display: block
}

#wrapper.id_arganrich_oil .argane__kv-logoarea {
    position: absolute;
    top: 80px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.064516129%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-logoarea {
        width: 19.53125vw;
        height: 19.53125vw;
        top: 75px;
        left: 0;
        background-color: #fff;
        z-index: 1
    }
}

#wrapper.id_arganrich_oil .argane__kv-logo {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative
}

#wrapper.id_arganrich_oil .argane__kv-logo svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.3790322581vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-logo svg {
        width: 9.1145833333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-imgarea-wrap {
    overflow: hidden
}

#wrapper.id_arganrich_oil .argane__kv-imgarea {
    width: 100%;
    height: 0;
    padding-top: 52.7192982456%;
    position: relative;
    overflow: hidden;
    background-image: url(/arganrich_oil/images/bg_kv01.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-imgarea {
        padding-top: 144.9275362319%;
        background-image: url(/arganrich_oil/images/bg_kv_sp.jpg)
    }
}

#wrapper.id_arganrich_oil .argane__kv-mainimg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

#wrapper.id_arganrich_oil .argane__kv-mainimg img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__kv-oilitem {
    position: absolute
}

#wrapper.id_arganrich_oil .argane__kv-oilitem img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item1 {
    top: 28.7903225806vw;
    left: 13.064516129vw;
    width: 3.5483870968vw;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item1 {
        width: 3.1432291667vw;
        left: 67.8385416667vw;
        top: 45.8333333333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item2 {
    top: 7.2580645161vw;
    left: 11.4516129032vw;
    width: 6.8548387097vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item2 {
        width: 3.6393229167vw;
        left: 38.28125vw;
        top: 83.8541666667vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item3 {
    top: 38.064516129vw;
    width: 3.5483870968vw;
    left: 60.6451612903vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item3 {
        width: 3.8046875vw;
        left: 3.90625vw;
        top: 63.0208333333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item4 {
    width: 4.0322580645vw;
    left: 29.435483871vw;
    top: 16.3709677419vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item4 {
        width: 6.2864583333vw;
        left: 33.984375vw;
        top: 27.734375vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item5 {
    width: 2.4193548387vw;
    left: 40.564516129vw;
    top: 39.1935483871vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item5 {
        width: 6.12109375vw;
        top: 81.640625vw;
        left: 71.2239583333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item6 {
    width: 4.435483871vw;
    left: 44.5967741935vw;
    top: 13.8709677419vw;
    z-index: 0
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item6 {
        width: 3.8046875vw;
        top: 37.2395833333vw;
        left: 69.0104166667vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item7 {
    width: 2.3387096774vw;
    left: 59.5967741935vw;
    top: 12.1774193548vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item7 {
        width: 5.4596354167vw;
        left: 80.5989583333vw;
        top: 45.8333333333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item8 {
    width: 3.4677419355vw;
    left: 67.7419354839vw;
    top: 15.8064516129vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item8 {
        width: 6.6184895833vw;
        top: 47.3958333333vw;
        left: 19.6614583333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item9 {
    width: 6.2096774194vw;
    left: 72.5806451613vw;
    top: 30.564516129vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item9 {
        width: 7.94140625vw;
        left: 44.4010416667vw;
        top: 42.8385416667vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item10 {
    width: 10.2419354839vw;
    left: 62.4193548387vw;
    top: -3.3870967742vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item10 {
        width: 4.7981770833vw;
        top: 92.4479166667vw;
        left: 32.03125vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item11 {
    width: 11.5322580645vw;
    left: 3.4677419355vw;
    top: 17.0967741935vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item11 {
        width: 10.0924479167vw;
        left: 56.1197916667vw;
        top: 81.7708333333vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item12 {
    width: 6.2903225806vw;
    left: 16.1290322581vw;
    top: 37.7419354839vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item12 {
        width: 10.9192708333vw;
        top: 90.234375vw;
        left: 12.5vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item13 {
    width: 2.6612903226vw;
    left: 20.7258064516vw;
    top: 14.8387096774vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item13 {
        width: 18.8606770833vw;
        top: 102.34375vw;
        left: 23.828125vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item14 {
    width: 2.7419354839vw;
    top: 40.9677419355vw;
    left: 28.6290322581vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item14 {
        width: 11.25vw;
        top: 19.53125vw;
        left: 17.96875vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item15 {
    width: 3.6290322581vw;
    left: 37.0967741935vw;
    top: 3.7096774194vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item15 {
        width: 23.6588541667vw;
        left: -11.71875vw;
        top: 27.734375vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item16 {
    top: 40vw;
    width: 10.4032258065vw;
    left: 43.6290322581vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item16 {
        width: 16.7109375vw;
        top: 10.8072916667vw;
        left: 62.3697916667vw
    }
}

#wrapper.id_arganrich_oil .argane__kv-oilitem.-item17 {
    width: 2.0161290323vw;
    left: 58.7096774194vw;
    top: 17.0967741935vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-oilitem.-item17 {
        display: none
    }
}

#wrapper.id_arganrich_oil .argane__kv-catchlogo {
    position: absolute;
    width: 10.2419354839vw;
    left: 75.6451612903vw;
    top: 38.2258064516vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__kv-catchlogo {
        width: 29.9479166667vw;
        left: 53.125vw;
        top: 97.7864583333vw
    }
}

#wrapper.id_arganrich_oil .js-argane_show_oil {
    opacity: 0;
    transform: scale(.8)
}

#wrapper.id_arganrich_oil .js-argane_show_txt {
    opacity: 0
}

#wrapper.id_arganrich_oil .argane__kv-oilwrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#wrapper.id_arganrich_oil .js-fuwafuwa {
    transform-style: preserve-3d;
    perspective: 100px
}


#wrapper.id_arganrich_oil .js-scrollshow_argane_lead_title,
#wrapper.id_arganrich_oil .js-scrollshow_argane_lead_txt {
    opacity: 0;
    transform: translateY(40px)
}

#wrapper.id_arganrich_oil .js-scrollshow_argane_lead_img {
    opacity: 0
}

#wrapper.id_arganrich_oil .argane__lineup {
    background-color: #f0f6f1;
    padding: 170px 0 140px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup {
        padding: 80px 0 100px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-titlearea-title .section__title .-en {
    font-weight: 200 !important
}

#wrapper.id_arganrich_oil .argane__lineuptitlearea-inner {
    max-width: 1080px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_arganrich_oil .argane__lineup-contents_items {
    max-width: 870px;
    margin: 100px auto 0;
    padding: 0 20px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_items {
        padding: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_items+.argane__lineup-contents_title {
    margin-top: 160px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_items+.argane__lineup-contents_title {
        margin-top: 120px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_item {
    display: flex;
    gap: 0 90px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_item {
        flex-flow: column;
        gap: 37.5px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_item+.argane__lineup-contents_item {
    margin-top: 120px
}

#wrapper.id_arganrich_oil .argane__lineup-contents_item .products_slider_text_tag li:last-child {
    border: 1px solid #dedede;
    background-color: transparent
}

#wrapper.id_arganrich_oil .argane__lineup-contents_item .products_slider_text_tag li.gray {
    border: none;
    background-color: #e0e0e080
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_item .products_slider_items {
        padding-left: 30px;
        padding-right: 30px
    }

    #wrapper.id_arganrich_oil .argane__lineup-contents_item .products_slider_text {
        width: 100%
    }

    #wrapper.id_arganrich_oil .argane__lineup-contents_item .products_slider_text_tit {
        display: flex;
        justify-content: space-between
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents {
    background-color: #fff;
    margin-top: 90px;
    border-radius: 0 100px 100px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents {
        margin-top: 75px;
        border-radius: 0 50px 50px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_secTitle {
    position: absolute;
    top: -30px;
    left: 0;
    width: 300px;
    border-radius: 0 50px 50px 0;
    height: 60px;
    background: #5aad69;
    font-family: Outfit, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .96px;
    line-height: 60px;
    color: #fff;
    text-align: right;
    padding-right: 45px
}

#wrapper.id_arganrich_oil .argane__lineup-contents_secTitle span {
    font-size: 24px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_secTitle {
        width: 150px;
        height: 40px;
        padding-right: 18px;
        line-height: 40px;
        font-size: 12px;
        top: -20px
    }

    #wrapper.id_arganrich_oil .argane__lineup-contents_secTitle span {
        font-size: 16px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_inner {
    max-width: 1080px;
    padding: 95px 20px 140px;
    margin: 0 auto
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_inner {
        padding: 75px 20px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_title {
    color: #333
}

#wrapper.id_arganrich_oil .argane__lineup-contents_title_sub {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 1;
    display: block
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_title_sub {
        font-size: 16px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_title_main {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1.12px;
    margin-top: 20px;
    line-height: 1;
    display: block
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_title_main {
        font-size: 24px;
        margin-top: 15px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_title_main .-super {
    font-size: 14px;
    vertical-align: super
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_title_main .-super {
        font-size: 12px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading {
    display: flex;
    align-items: flex-end;
    margin-top: 60px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading {
        flex-direction: column
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_img {
    width: 40%
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_img img {
    width: 100%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading_img {
        width: 85%;
        margin: 0 auto 30px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_body {
    width: 48%;
    padding-bottom: 20px;
    margin-left: 50px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading_body {
        width: 100%
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_ttl {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading_ttl {
        margin-bottom: 18px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .01em
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_subTtl {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 700;
    color: #5aad69;
    line-height: 1.7857142857
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading_subTtl {
        margin-bottom: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_inner {
    margin-bottom: 25px
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_inner:last-of-type {
    margin-top: 30px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading_inner:last-of-type {
        margin-bottom: 20px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_txt {
    font-size: 14px;
    line-height: 1.7857142857
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_heading_txt {
        margin-bottom: 16px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_heading_txt .-super {
    font-size: 10px;
    vertical-align: super
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check {
    margin-top: 80px;
    padding: 20px 0 100px 40px;
    background: #fafafa;
    position: relative;
    color: #333
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check {
        padding-top: 1.9230769231vw;
        padding-bottom: 9.6153846154vw;
        padding-left: 3.8461538462vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check {
        margin-top: 60px;
        padding: 52px 0 17px;
        width: 100vw;
        margin-left: -20px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_deco {
    position: absolute;
    top: -18px;
    left: 11px;
    width: 132px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_deco {
        left: 1.0576923077vw;
        top: -1.7307692308vw;
        width: 12.6923076923vw
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_deco img {
    width: 100%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_deco {
        top: 5px;
        left: 13px;
        width: 136px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_title {
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_title {
        line-height: 2.7;
        letter-spacing: .04em
    }
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_title {
        font-size: 1.9230769231vw;
        margin-left: 1.9230769231vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_title {
        margin-left: 32px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_contents {
    margin-top: 22px;
    padding-right: 40px;
    display: flex;
    gap: 20px;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_contents::-webkit-scrollbar {
    display: none
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_contents {
        gap: 1.9230769231vw;
        margin-top: 3.1730769231vw;
        padding-right: 3.8461538462vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_contents {
        margin-top: 21px;
        overflow: auto;
        padding: 0 20px;
        gap: 15px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item {
    width: 100%;
    flex: 1;
    position: relative;
    min-width: 165px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item {
        min-width: 15.8854166667vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item {
        min-width: 254.5px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item path {
    transition: transform 1s cubic-bezier(.19, 1, .22, 1)
}

@media (hover: hover) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item:hover path {
        transform: translateY(3px)
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_pink .argane__lineup-contents_check_item_tit {
    color: #f382bb
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_pink .argane__lineup-contents_check_item_link {
    background-color: #f382bb59
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_yellow .argane__lineup-contents_check_item_tit {
    color: #eaab09
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_yellow .argane__lineup-contents_check_item_link {
    background-color: #eaab0959
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_green .argane__lineup-contents_check_item_tit {
    color: #2fbac2
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_green .argane__lineup-contents_check_item_link {
    background-color: #2fbac259
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_tit {
    color: #4a77d8
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_link {
    background-color: #4a77d859
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_tit {
    color: #d453df
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_link {
    background-color: #d453df59
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_tit {
    color: #6d49a9
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_link {
    background-color: #6d49a959
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p {
    padding-left: 36px
}

@media (min-width: 769px) and (max-width: 1040px) {

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p {
        padding-left: 3.4615384615vw
    }
}

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

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p {
        padding-left: 31px
    }
}

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

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p {
        margin-top: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p:before,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p:before,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p:before {
    background-image: url(/arganrich_oil/images/img_check_sunmoon.svg);
    width: 34px;
    height: 27px;
    top: -8px;
    background-repeat: no-repeat
}

@media (min-width: 769px) and (max-width: 1040px) {

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p:before,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p:before,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p:before {
        width: 3.2692307692vw;
        height: 2.5961538462vw;
        top: -.7692307692vw
    }
}

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

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des p:before,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des p:before,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des p:before {
        background-image: url(/arganrich_oil/images/img_check_sunmoon_sp.svg);
        width: 28.5px;
        height: 19.5px;
        top: -5px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des {
    padding-top: 0
}

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

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_des,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_des,
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_des {
        right: 31%;
        top: 2px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_blue .argane__lineup-contents_check_item_center,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_darkpink .argane__lineup-contents_check_item_center,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_purple .argane__lineup-contents_check_item_center {
    align-items: center
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_pink .argane__lineup-contents_check_item_des p:first-child:before,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_yellow .argane__lineup-contents_check_item_des p:first-child:before,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_green .argane__lineup-contents_check_item_des p:first-child:before {
    background-image: url(/arganrich_oil/images/img_check_sun.svg)
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_pink .argane__lineup-contents_check_item_des p:last-child:before,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_yellow .argane__lineup-contents_check_item_des p:last-child:before,
#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_green .argane__lineup-contents_check_item_des p:last-child:before {
    background-image: url(/arganrich_oil/images/img_check_night.svg)
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_tit {
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_tit {
        font-size: 1.3461538462vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_tit {
        font-size: 16px;
        position: absolute;
        width: 63.0648330059%;
        text-align: left;
        margin-right: 0;
        margin-left: auto;
        left: 0;
        right: 0;
        margin-top: 6.8762278978%;
        white-space: nowrap
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_center {
    display: flex;
    align-items: flex-start;
    position: relative;
    pointer-events: none
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_center {
        align-items: center;
        gap: 12px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_center_deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10.7954545455%
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_center_deco img {
    width: 100%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_center_deco {
        padding-top: 9.8231827112%;
        width: 73.673870334%;
        margin-top: 8.5%;
        gap: 16px;
        left: auto;
        right: 0;
        top: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_img {
    width: 30.1136363636%;
    position: relative;
    z-index: 1;
    left: 10px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_img {
        left: .9615384615vw;
        min-width: 30.1136363636%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_img {
        width: 27.3084479371%;
        margin-left: 5px;
        left: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_img img {
    width: 100%
}

@media (min-width: 1041px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des {
        padding-top: 36px;
        margin-left: 21px
    }
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des {
        padding-top: 3.4615384615vw;
        margin-left: 2.0192307692vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des {
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 22.9862475442%;
        margin-right: 4px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p {
    line-height: 1;
    padding-left: 19px;
    font-size: 10px;
    position: relative;
    letter-spacing: -.025em
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p {
        padding-left: 1.8269230769vw;
        font-size: .9615384615vw;
        white-space: nowrap
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p {
        padding-left: 18px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: -3px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p:before {
        width: 1.5384615385vw;
        height: 1.5384615385vw;
        top: -.2884615385vw
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p+p {
    margin-top: 14px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p+p {
        margin-top: 1.3461538462vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_des p+p {
        margin-top: 0;
        margin-left: 5px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 5px;
    padding: 0 10px 0 20px;
    justify-content: space-between;
    margin-top: -16px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link {
        padding-right: .9615384615vw;
        margin-top: -1.5384615385vw;
        height: 6.7307692308vw
    }
}

@media (min-width: 851px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link {
        padding-left: 1.9230769231vw
    }
}

@media (min-width: 769px) and (max-width: 850px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link {
        padding-left: .9615384615vw
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link_tit {
    font-size: 12px;
    font-weight: 700
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link_tit {
        font-size: 1.1538461538vw;
        white-space: nowrap
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link {
        padding-left: 31.8271119843%;
        margin-top: -60px
    }

    #wrapper.id_arganrich_oil .argane__lineup-contents_check_item_link_tit {
        font-size: 14px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major {
    margin-top: 30px;
    padding-right: 40px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major {
        margin-top: 2.8846153846vw;
        padding-right: 3.8461538462vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major {
        margin-top: 27.5px;
        padding-top: 3.125vw;
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
        padding-right: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major_img {
    width: 100%;
    flex: 1;
    position: relative
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major_img img {
    width: 100%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major_img {
        position: absolute;
        top: 0;
        width: auto;
        font-size: 0
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major_img_current {
    position: absolute;
    top: calc(50% - 2.6041666667vw);
    transform: translate(-50%);
    left: var(--position-left);
    width: 1.5625vw;
    height: 5.2083333333vw;
    border-radius: .78125vw;
    background-color: #5aad69
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt {
    border-radius: 13px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 14px;
    line-height: 10px;
    position: absolute;
    bottom: -50px
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt {
        bottom: -4.8076923077vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt {
        position: static
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt:first-child {
    background-color: #ededed
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt:last-child {
    right: 40px;
    background-color: #777;
    color: #fff
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt:last-child {
        right: 3.8461538462vw
    }
}

@media (min-width: 769px) and (max-width: 1040px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt {
        font-size: 1.1538461538vw;
        padding: .7692307692vw 1.3461538462vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__lineup-contents_check_major_txt {
        margin-top: 15px
    }
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_notionwrap {
    margin-top: 20px
}

#wrapper.id_arganrich_oil .argane__lineup-contents_check_notion {
    color: #777;
    font-size: 10px
}

#wrapper.id_arganrich_oil .js-arrow {
    position: absolute;
    width: 13px;
    height: 33px;
    transform: rotate(180deg);
    top: 40%;
    right: -8px;
    z-index: 1;
    cursor: pointer;
    transition: opacity .4s ease-in-out
}

#wrapper.id_arganrich_oil .js-arrow:after {
    content: "";
    display: block;
    width: 12.9807692308vw;
    max-width: 135px;
    height: 17.3076923077vw;
    min-height: 155px;
    max-height: 180px;
    position: absolute;
    top: 33%;
    left: 8px;
    transform: rotate(180deg) translateY(50%);
    background: url(/arganrich_oil/images/box_fade_slider.png) center/cover;
    z-index: -1;
    pointer-events: none;
    background: url(/arganrich_oil/images/box_fade_slider.png) center/cover
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .js-arrow {
        display: none
    }
}

#wrapper.id_arganrich_oil .js-arrow[data-direction=right] {
    left: 1%;
    transform: none;
    opacity: 0
}

#wrapper.id_arganrich_oil .js-arrow[data-direction=right]:after {
    display: none
}

#wrapper.id_arganrich_oil .argane__ps-contents {
    padding-top: 176px;
    position: relative;
    padding-bottom: 194px;
    overflow: hidden
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents {
        padding-top: 14.1935483871vw;
        padding-bottom: 15.6451612903vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents {
        padding-top: 125px;
        padding-bottom: 46.875vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil1 {
    width: 150px;
    height: 168px;
    top: 184px;
    right: 64px;
    position: absolute
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil1 {
        width: 12.0967741935vw;
        height: 13.5483870968vw;
        top: 14.8387096774vw;
        right: 5.1612903226vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil1 .-l {
    width: 112px;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil1 .-l {
        width: 9.0322580645vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil1 .-s {
    width: 46px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil1 .-s {
        width: 3.7096774194vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil2 {
    position: relative;
    width: 42.1774193548vw
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil2 {
        width: 77.734375vw;
        margin-left: -20.8333333333vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil2 img {
    position: relative
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil2 img {
        left: -19.0322580645vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil3 {
    bottom: 0;
    right: -43px;
    width: 364px;
    height: 289px;
    position: absolute
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil3 {
        right: -3.4677419355vw;
        width: 29.3548387097vw;
        height: 23.3064516129vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil3 {
        width: 51.3020833333vw;
        height: 39.453125vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil3 .-l {
    width: 267px;
    position: absolute;
    right: 0;
    bottom: 0
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil3 .-l {
        width: 21.5322580645vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil3 .-l {
        width: 39.453125vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-oil.-oil3 .-s {
    width: 82px;
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil3 .-s {
        width: 6.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-oil.-oil3 .-s {
        width: 10.0260416667vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea {
    text-align: center;
    position: relative;
    z-index: 1
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .08em;
    display: block
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt1 {
        font-size: 1.6129032258vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt1 .-super {
    font-size: 10px;
    vertical-align: super
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt1 .-super {
        font-size: .8064516129vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 {
    margin-top: 10px;
    display: block
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 span {
    display: block
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 .-s {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: .08em;
    color: #5aad69
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 .-s {
        font-size: 2.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 .-s {
        font-size: 28px;
        line-height: 1.5
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 .-m {
    font-size: 60px;
    color: #5aad69;
    opacity: .8;
    font-weight: 400
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 .-m {
        font-size: 4.8387096774vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-titlearea-txt2 .-m {
        font-size: 50px
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-mainarea {
    margin-top: 93px;
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-mainarea {
        margin-top: 0
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-mainarea-bg {
    width: 890px;
    padding-top: 890px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-mainarea-bg {
        height: 100%;
        width: 259.5052083333vw;
        padding-top: 0
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-mainarea-bgin {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff4e0;
    filter: blur(200px);
    border-radius: 50%
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-mainarea-bgin {
        filter: blur(150px)
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-mainimg {
    width: 320px;
    margin: 0 auto;
    position: relative;
    top: -40px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-mainimg {
        width: 25.8064516129vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-mainimg img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__ps-contents-item {
    position: absolute
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item1 {
        position: absolute;
        left: 0;
        top: -24.1935483871vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item1 {
        padding-right: 20px;
        position: relative;
        width: 100%;
        text-align: right;
        margin-top: -30px
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item.-item1 .argane__ps-contents-item-txtarea {
    position: absolute
}

@media (min-width: 1241px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item1 .argane__ps-contents-item-txtarea {
        top: 300px;
        left: 100px;
        width: 320px
    }
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item1 .argane__ps-contents-item-txtarea {
        top: 24.1935483871vw;
        left: 8.064516129vw;
        width: 25.8064516129vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item1 .argane__ps-contents-item-txtarea {
        position: relative;
        margin-top: -400px;
        width: 69.5054945055%;
        display: inline-block;
        text-align: left
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 {
    position: absolute;
    right: 0;
    top: 274px;
    width: 563px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 {
        top: 22.0967741935vw;
        width: 45.4032258065vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 {
        position: relative;
        width: auto;
        top: 0;
        padding-left: 20px;
        margin-top: 68px
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtarea {
    width: 370px
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtarea {
        position: absolute;
        left: 50%;
        top: -6%;
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtarea {
        width: 29.8387096774vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtarea {
        width: 83.3791208791%
    }
}

@media (min-width: 1241px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtwrap {
        max-width: 320px
    }
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtwrap {
        width: 25.8064516129vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-txtwrap {
        width: 83.7748344371%
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-img {
        margin-top: -40px
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item2 .argane__ps-contents-item-title-line {
        padding-left: 0;
        padding-right: 0
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 {
    width: 714px;
    margin-left: -74px;
    position: relative
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 {
        margin-left: -5.9677419355vw;
        width: 57.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 {
        margin-left: 0;
        width: auto;
        margin-top: 60px
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 .argane__ps-contents-item-title-line.-line2 {
    position: relative
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 .argane__ps-contents-item-title-line {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 769px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 .argane__ps-contents-item-txtarea {
        position: absolute;
        top: -66px;
        right: 0
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 .argane__ps-contents-item-txtarea {
        padding: 0 20px
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item.-item3 .argane__ps-contents-item-img {
        width: 100%;
        margin-left: -80px;
        margin-top: 25px
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line {
    color: #5aad69;
    font-size: 32px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: .08em;
    background-color: #fffc;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line {
        font-size: 2.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line {
        font-size: 28px;
        white-space: nowrap
    }
}

@media (max-width: 414px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line {
        font-size: 6.5217391304vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line .-super {
    font-size: 12px;
    vertical-align: super
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line .-super {
        font-size: 16px
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-title .argane__ps-contents-item-title-line .-line2 {
    position: relative
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-img img {
    width: 100%
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-txtwrap {
    margin-top: 12px
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-txt {
    font-size: 14px;
    line-height: 1.8571428571;
    letter-spacing: .01em
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-contents-item-txt {
        font-size: 1.1290322581vw
    }
}

#wrapper.id_arganrich_oil .argane__ps-contents-item-notion {
    font-size: 10px;
    letter-spacing: .01em;
    color: #777;
    margin-top: 9px
}

#wrapper.id_arganrich_oil .argane__ps-oil-inner {
    width: 100%;
    height: 100%;
    position: relative
}

#wrapper.id_arganrich_oil .js-scroll_arganecare_item_img,
#wrapper.id_arganrich_oil .js-scroll_arganecare_item_title,
#wrapper.id_arganrich_oil .js-scroll_arganecare_item_txt {
    opacity: 0
}

#wrapper.id_arganrich_oil .argane__ps-head {
    background-color: #f0f6f1;
    position: relative;
    padding: 90px 0 80px;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head {
        padding: 75px 0 40px
    }
}

#wrapper.id_arganrich_oil .argane__pc-head-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 20px
}

#wrapper.id_arganrich_oil .argane__ps-head-titlewrap {
    text-align: center
}

#wrapper.id_arganrich_oil .argane__ps-head-title {
    font-size: 24px;
    border-bottom: 2px solid #5aad69;
    display: inline-block;
    font-weight: 400
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-head-title {
        font-size: 1.935483871vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-title {
        font-size: 20px
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-title span {
    font-size: 32px;
    color: #5aad69
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-head-title span {
        font-size: 2.5806451613vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-title span {
        font-size: 24px
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-list {
    display: flex;
    margin-top: 40px
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-head-list {
        margin-top: 3.2258064516vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-list {
        margin-top: 25px;
        flex-direction: column
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-item {
    display: flex;
    align-items: flex-start
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item {
        align-items: center
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-item:nth-child(n+2) {
    margin-left: 76px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item:nth-child(n+2) {
        margin-left: 0;
        margin-top: 24px
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-item-check {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 34px
}

#wrapper.id_arganrich_oil .argane__ps-head-item-check path {
    stroke: #5aad69
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item-check {
        width: 28px;
        margin-top: 0
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-item-txt {
    margin-left: 24px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item-txt {
        margin-left: 15px
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-item-txt span {
    display: block
}

#wrapper.id_arganrich_oil .argane__ps-head-item-txt .-small {
    font-size: 20px;
    line-height: 1;
    font-family: Outfit, sans-serif;
    color: #5aad69
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item-txt .-small {
        font-size: 1.6129032258vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item-txt .-small {
        font-size: 18px
    }
}

#wrapper.id_arganrich_oil .argane__ps-head-item-txt .-large {
    font-size: 24px;
    line-height: 1;
    margin-top: 14px;
    line-height: 1.5
}

@media (min-width: 769px) and (max-width: 1240px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item-txt .-large {
        font-size: 1.935483871vw
    }
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__ps-head-item-txt .-large {
        font-size: 20px;
        margin-top: 6px
    }
}

#wrapper.id_arganrich_oil .argane__ps {
    position: relative;
    z-index: 0
}

#wrapper.id_arganrich_oil .argane_oil_footer {
    padding-top: 113px;
    background-color: #f4f4f4;
    padding-bottom: 62px
}


@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane_oil_footer {
        padding-top: 77.5px;
        padding-bottom: 70px
    }
}

#wrapper.id_arganrich_oil .argane__users {
    padding-bottom: 112px;
    padding-top: 133px
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__users {
        padding-top: 95px;
        padding-bottom: 95px
    }
}

#wrapper.id_arganrich_oil .argane__users-titlearea-inner {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_arganrich_oil .argane__users-commentarea {
    position: relative;
    padding-top: 91px;
    padding-left: calc(50% - 520px);
    padding-right: calc(50% - 520px)
}

@media only screen and (max-width: 768px) {
    #wrapper.id_arganrich_oil .argane__users-commentarea {
        padding-top: 82px
    }
}

@media (max-width: 1080px) {
    #wrapper.id_arganrich_oil .argane__users-commentarea {
        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px
    }
}

#wrapper.id_arganrich_oil .argane__users-commentarea.isOverflow {
    position: relative;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#wrapper.id_arganrich_oil .argane__users-commentarea.isOverflow::-webkit-scrollbar {
    display: none
}

#wrapper.id_arganrich_oil .argane__users-commentarea.isOverflow .usercomment__item {
    position: relative
}

#wrapper.id_arganrich_oil .argane__users-commentarea.isOverflow .usercomment__item:after {
    position: absolute;
    content: "";
    top: 0;
    left: 100%;
    height: 1px;
    width: 20px;
    background-color: transparent
}

#wrapper.id_arganrich_oil .argane__users-commentarea-inner {
    position: relative
}

#wrapper.id_arganrich_oil .argane__users-nav {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0
}

#wrapper.id_arganrich_oil .argane__users-nav svg {
    width: 11px
}

@media (min-width: 415px) and (max-width: 1120px) {
    #wrapper.id_arganrich_oil .argane__users-nav svg {
        width: 8px
    }
}

#wrapper.id_arganrich_oil .argane__users-nav.-next {
    right: -25px
}

@media (min-width: 415px) and (max-width: 1120px) {
    #wrapper.id_arganrich_oil .argane__users-nav.-next {
        right: -15px
    }
}

#wrapper.id_arganrich_oil .argane__users-nav.-prev {
    left: -25px
}

@media (min-width: 415px) and (max-width: 1120px) {
    #wrapper.id_arganrich_oil .argane__users-nav.-prev {
        left: -15px
    }
}

#wrapper.id_arganrich_oil .argane__users-nav.isActive {
    pointer-events: auto;
    opacity: 1
}

#wrapper.id_arganrich_oil .argane__users-nav.isDisable {
    pointer-events: none !important;
    opacity: 0 !important
}

#wrapper.id_404 .notfound__contents {
    margin: 160px 0
}

@media only screen and (max-width: 768px) {
    #wrapper.id_404 .notfound__contents {
        margin: 145px 0 100px
    }
}

#wrapper.id_404 .notfound__contents-inner {
    max-width: 1080px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_404 .notfound__contents-txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: .01em
}

#wrapper.id_404 .notfound__contents-txt:nth-child(n+2) {
    font-size: 14px;
    margin-top: 40px
}

#wrapper.id_404 .notfound__contents-txtarea {
    margin-top: 40px
}

#wrapper.id_503 .overaccess__contents {
    margin: 160px 0
}

@media only screen and (max-width: 768px) {
    #wrapper.id_503 .overaccess__contents {
        margin: 145px 0 100px
    }
}

#wrapper.id_503 .overaccess__contents-inner {
    max-width: 1080px;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    margin: 0 auto
}

#wrapper.id_503 .overaccess__contents-txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: .01em
}

#wrapper.id_503 .overaccess__contents-txt:nth-child(n+2) {
    font-size: 14px;
    margin-top: 40px
}

#wrapper.id_503 .overaccess__contents-txtarea {
    margin-top: 40px
}

.btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 768px) {
    .btn01 {
        padding-bottom: 1px
    }
}

.btn01__icon {
    margin-right: 8px;
    position: relative;
    top: 1px
}

@media only screen and (max-width: 768px) {
    .btn01__icon {
        margin-right: 7px;
        top: 0
    }
}

.btn01__txt {
    font-family: Outfit, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    position: relative;
    top: -1px
}

@media only screen and (max-width: 768px) {
    .btn01__txt {
        font-size: 13px;
        top: 0
    }
}

.ecbanner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ecbannerImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ecbannerImg.-amazon,
.ecbannerImg.-rakuten {
    width: 76.9230769231%
}

.ecbannerImg.-lohaco {
    width: 86.1538461538%
}

.ecbannerIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 4.8846153846%;
    bottom: 14%
}

.ecbannerIcon.is-pc {
    width: 10px;
    height: 10px;
    background-image: url(/common/images/svg/svg_ecboxlink_pc.svg)
}

.ecbannerIcon.is-sp {
    width: 9px;
    height: 9px;
    background-image: url(/common/images/svg/svg_ecboxlink_sp.svg)
}

.footer_v2_wrap {
    background-color: #fff;
    position: relative
}

@media only screen and (max-width: 768px) {
    .is-pc {
        display: none !important
    }
}

@media only screen and (min-width: 769px) {
    .is-sp {
        display: none !important
    }
}