@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Intel+One+Mono:ital,wght@0,300..700;1,300..700&family=Zen+Kaku+Gothic+New&display=swap";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

li,
dd {
    list-style-type: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

img {
    vertical-align: bottom;
    border: none
}

input[type=submit],
input[type=button] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
    display: none
}

input[type=submit]::focus,
input[type=button]::focus {
    outline-offset: -2px
}

* {
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

body {
    font-family: "Noto Sans CJK JP", "Noto Sans JP", "游ゴシック", "ヒラギノ角ゴ Pro", sans-serif;
    font-feature-settings: "palt"
}

a,
button {
    transition: opacity .2s;
    text-decoration: none;
    cursor: pointer
}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

details summary {
    list-style: none;
    cursor: pointer
}

summary::-webkit-details-marker {
    display: none
}

.main {
    margin-inline: auto;
    overflow: hidden;
    background: #fff
}

.main_bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(0deg, #9FD5F4 -27.73%, #FFF 92.13%)
}

.main_bgLeft,
.main_bgRight {
    position: absolute;
    top: 0;
    width: calc(50vw - 250px);
    height: 100vh
}

.main_bgLeft {
    left: 0%
}

.main_bgRight {
    right: 0
}

.main_bgLeft_img,
.main_bgRight_img {
    position: absolute;
    bottom: 0
}

.main_bgLeft_img.mod-bubble,
.main_bgRight_img.mod-bubble {
    mix-blend-mode: overlay;
    filter: drop-shadow(0 4px 8px rgba(23, 42, 136, 0.45));
    will-change: filter
}

.main_bgLeft_img.mod-kirakira,
.main_bgRight_img.mod-kirakira {
    mix-blend-mode: screen
}

.main_bgLeft_img {
    right: 0
}

.main_bgLeft_img.mod-bubble {
    min-width: 380px;
    width: 80.8510638298%;
    translate: -9.2105263158% -5.4507337526%
}

.main_bgLeft_img.mod-kirakira {
    min-width: 417px;
    width: 88.7234042553%;
    translate: -5.7553956835% -0.64%
}

.main_bgRight_img.mod-bubble {
    min-width: 373px;
    width: 79.3617021277%;
    translate: 17.1581769437% -6.0402684564%
}

.main_bgRight_img.mod-kirakira {
    min-width: 403px;
    width: 85.7446808511%;
    translate: 2.4813895782% 0.2793296089%
}

.condition {
    margin-top: 8.5333333333%;
    background: #fff
}

.condition_inner {
    padding: 6.4% 0;
    margin-inline: auto;
    width: 92%;
    border-radius: 5.3333333333vw;
    border: 0.4vw solid #172a88;
    background: #fff
}

.condition_inner.mod-2 {
    margin-top: 4.2666666667%
}

.condition_inner.mod-3 {
    padding-bottom: 0;
    border: none
}

.condition_ttl {
    margin-inline: auto
}

.mod-1 .condition_ttl {
    width: 49.2753623188%
}

.mod-2 .condition_ttl {
    width: 48.2608695652%
}

.condition_dlist {
    margin-top: 2.1333333333%;
    width: 91.3043478261%;
    margin-inline: auto;
    border-top: 0.2666666667vw solid #172a88;
    text-align: center
}

.condition_dlistTtl {
    margin-top: 6.9565217391%;
    display: inline-block;
    padding: 2.8985507246%;
    justify-content: center;
    align-items: center;
    grid-gap: 1.4492753623%;
    gap: 1.4492753623%;
    border-radius: 2vw;
    border: 0.5333333333vw solid #172a88;
    color: #172a88;
    text-align: center;
    font-size: 5.0666666667vw;
    font-weight: 700;
    line-height: 142.105%
}

.condition_dlistTxt {
    margin-top: 4.6376811594%;
    color: #000;
    text-align: justify;
    font-size: 4vw;
    font-weight: 400;
    line-height: 166.667%
}

.condition_dlistTxt.mod-duration {
    margin-inline: auto;
    width: 91.3043478261%
}

.condition_inner.mod-1 .condition_dlistTxt {
    font-weight: 700
}

.condition_inner.mod-2 .condition_dlistTxt {
    translate: 1.1594202899% 0
}

.condition_dlistTxt1 {
    margin-inline: auto;
    width: 88.8888888889%
}

.condition_dlistTxt2 {
    margin-top: 5.0793650794%;
    margin-inline: auto;
    width: 72.2222222222%
}

.condition_listBtn {
    margin-top: 6.9565217391%;
    margin-inline: auto;
    display: block;
    width: 91.3043478261%
}

.condition_targetItem {
    padding-left: 4.126984127%;
    color: #000;
    font-feature-settings: "halt" on;
    font-size: 4vw;
    font-weight: 500;
    line-height: 160%;
    position: relative
}

.condition_targetItem::before {
    content: "";
    display: block;
    width: 2.380952381%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #172a88;
    position: absolute;
    top: 0;
    left: 0;
    translate: 0 113.3333333333%
}

.condition_targetItem:not(:first-child) {
    margin-top: 1.2698412698%
}

.condition_cautionList {
    margin: 4.2666666667% auto 0;
    width: 92%
}

.condition_cautionItem_small {
    display: block;
    color: #000;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 180%;
    word-break: break-all;
    text-align: justify
}

.condition_cautionItem_link {
    color: #000;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.account {
    margin-top: 10.6666666667%;
    padding: 8.5333333333% 0;
    border: 0.4vw solid #172a88;
    background: #fff
}

.account_txt {
    margin-inline: auto
}

.account_txt.mod-1 {
    width: 76.6666666667%
}

.account_txt.mod-2 {
    margin-top: 6.4%;
    width: 68.1333333333%
}

.account_btn {
    margin: 4.2666666667% auto 0;
    padding: 3.8666666667% 0;
    display: block;
    width: 77.3333333333%;
    background: #00a0e9;
    border-radius: 14.6666666667vw;
    color: #fff;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    position: relative
}

.account_btn::after {
    content: "";
    display: block;
    width: 4.7546551724%;
    aspect-ratio: 1/1;
    transform: rotate(45deg);
    border-top: 0.2666666667vw solid #fff;
    border-right: 0.2666666667vw solid #fff;
    position: absolute;
    top: 50%;
    right: 5.2586206897%;
    translate: 0 -50%
}

.product {
    padding-top: 45.6%;
    background: rgba(159, 213, 244, .5) url(/_var/lp/unilever/home-careCP2025/images/product/bg.png) no-repeat center top/100%;
    position: relative
}

.product_deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: screen;
    pointer-events: none
}

.product_inner {
    margin-inline: auto;
    padding-bottom: 6.4%;
    width: 92%;
    border-radius: 5.3333333333vw;
    border: 0.5333333333vw solid #172a88;
    background: #fff;
    position: relative;
    z-index: 2
}

.product_ttl {
    width: 91.3043478261%;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -46%
}

.product_ttl::before {
    content: "";
    display: block;
    width: 119.0476190476%;
    aspect-ratio: 750/225.3;
    background: url(/_var/lp/unilever/home-careCP2025/images/product/deco.png) no-repeat center top/100%;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 206.3914780293%
}

.product_list {
    margin-top: 57.8260869565%
}

.product_listItem {
    margin-left: 8.9855072464%;
    padding-left: 1em;
    color: #000;
    font-feature-settings: "halt" on;
    font-size: 4vw;
    font-weight: 500;
    line-height: 160%;
    position: relative
}

.product_listItem::before {
    content: "";
    display: block;
    width: 2.1739130435%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #172a88;
    position: absolute;
    top: 0;
    left: 0;
    translate: 0 113.3333333333%
}

.product_listItem:not(:first-child) {
    margin-top: 1.1594202899%
}

.product_small {
    display: block;
    margin-left: 7.8260869565%;
    color: #000;
    font-size: 2.9333333333vw;
    font-weight: 400;
    line-height: 160%;
    text-align: justify
}

.product_small:first-of-type {
    margin-top: 4.2666666667%
}

.product_txt {
    margin: 4.6376811594% auto 0;
    padding: 4.6376811594% 0;
    width: 92.7536231884%;
    border-radius: 2.6666666667vw;
    background: rgba(255, 241, 0, .2);
    text-align: center
}

.product_txt_em {
    display: block;
    color: #000;
    font-size: 5.7333333333vw;
    font-weight: 700;
    line-height: normal
}

.product_txt_span {
    margin-top: 3.125%;
    display: block;
    color: #000;
    font-size: 4vw;
    font-weight: 400;
    line-height: normal
}

.apply {
    padding-top: 6.4%;
    padding-bottom: 8.5333333333%;
    background: rgba(159, 213, 244, .5)
}

.apply_inner {
    margin-inline: auto;
    padding: 6.4% 0;
    width: 90.9333333333%;
    border-radius: 5.3333333333vw;
    border: 0.5333333333vw solid #172a88;
    background: #fff;
    box-sizing: content-box
}

.apply_inner.mod-pay {
    margin-top: 6.4%
}

.apply_ttl {
    margin-inline: auto
}

.mod-dyson .apply_ttl {
    width: 49.853372434%
}

.mod-pay .apply_ttl {
    width: 48.8269794721%
}

.apply_list {
    margin-top: 2.3460410557%;
    margin-inline: auto;
    padding-top: 14.9560117302%;
    width: 92.3753665689%;
    border-top: 0.2666666667vw solid #172a88;
    box-sizing: content-box
}

.apply_listItem {
    box-sizing: content-box
}

.apply_listItem:not(.mod-last) {
    padding: 16.1904761905% 0 7.619047619%;
    width: 100%;
    border-radius: 4vw;
    border: 0.2666666667vw solid #172a88;
    background: #fff;
    position: relative
}

.apply_listItem:not(.mod-last):after {
    content: "";
    display: block;
    width: 13.6507936508%;
    aspect-ratio: 86/47;
    background: url(/_var/lp/unilever/home-careCP2025/images/apply/arrow-b.svg) no-repeat center top/100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 100%
}

.apply_listItem:not(:first-child) {
    margin-top: 24.2857142857%
}

.apply_listItem.mod-last {
    margin-top: 13.1746031746%
}

.apply_listTtl {
    width: 22.2222222222%;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -50%
}

.mod-last .apply_listTtl {
    padding: 4.6031746032% 0 4.4444444444%;
    width: 100%;
    position: relative;
    top: initial;
    left: initial;
    translate: 0 0;
    border-radius: 4vw;
    background: #172a88;
    color: #fff;
    font-size: 6.6666666667vw;
    font-weight: 700;
    line-height: normal;
    text-align: center
}

.apply_listTxt {
    color: #000;
    text-align: center;
    font-size: 4.2666666667vw;
    font-weight: 700;
    line-height: 156.25%
}

.mod-last .apply_listTxt {
    margin-top: 5.0793650794%;
    font-size: 4vw;
    line-height: 166.667%
}

.apply_listTxt_link {
    color: #000
}

.apply_announceTtl {
    margin-top: 4.6376811594%;
    color: #000;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    line-height: 166.667%
}

.apply_announceTxt {
    margin-top: 2.3188405797%;
    color: #000;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    line-height: 166.667%
}

.apply_cautionList {
    margin: 4.6376811594% auto 0;
    width: 92.7536231884%
}

.apply_cautionListItem_small {
    display: block;
    color: #000;
    font-size: 2.9333333333vw;
    font-weight: 400;
    line-height: 163.636%;
    word-break: break-all;
    text-align: justify
}

.mod-red .apply_cautionListItem_small {
    color: red
}

.apply_btn {
    margin: 6.9565217391% auto 0;
    display: block;
    width: 91.3043478261%
}

.apply_listBtn {
    margin: 5.0793650794% auto 0;
    padding: 5.873015873% 0 6.3492063492%;
    display: block;
    width: 92.0634920635%;
    border-radius: 21.3333333333vw;
    background: #00a0e9;
    color: #fff;
    font-family: "Zen Kaku Gothic New";
    font-size: 4vw;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    position: relative
}

.apply_listBtn::after {
    content: "";
    display: block;
    width: 2.9310344828%;
    aspect-ratio: 1/1;
    transform: rotate(45deg);
    border-top: 0.2666666667vw solid #fff;
    border-right: 0.2666666667vw solid #fff;
    position: absolute;
    top: 50%;
    right: 3.4482758621%;
    translate: 0 -50%
}

.receipt {
    margin: 6.4% auto 0;
    padding: 6.4% 0;
    width: 90.9333333333%;
    border-radius: 5.3333333333vw;
    border: 0.5333333333vw solid #172a88;
    background: #fff;
    box-sizing: content-box
}

.receipt_ttl {
    margin-inline: auto;
    padding-bottom: 2.3460410557%;
    width: 92.3753665689%;
    border-bottom: 0.2666666667vw solid #172a88;
    color: #172a88;
    font-size: 7.3333333333vw;
    font-weight: 700;
    line-height: normal;
    text-align: center
}

.receipt_txt {
    margin: 4.6920821114% auto 0;
    width: 93.1085043988%;
    color: #000;
    font-size: 4vw;
    font-weight: 400;
    line-height: 160%
}

.receipt_figure {
    margin: 6.4% auto 0;
    width: 93.8416422287%
}

.receipt_cautionTtl {
    margin: 7.0381231672% auto 0;
    padding: 1.7595307918% 0 2.6392961877%;
    width: 93.8416422287%;
    background: #172a88;
    color: #fff;
    font-size: 4.6666666667vw;
    font-weight: 700;
    line-height: normal;
    text-align: center
}

.receipt_cautionTtl.mod-2 {
    padding: 2.4926686217% 0;
    line-height: 182.857%
}

.receipt_cautionList {
    margin: 4.6920821114% auto 0;
    width: 92.3753665689%
}

.receipt_cautionListItem {
    padding-left: 5.1143695015%;
    color: #000;
    font-size: 4vw;
    font-weight: 400;
    line-height: 160%;
    text-indent: -4.3988269795%;
    text-align: justify
}

.receipt_cautionListItem::before {
    content: "・";
    display: inline-block;
    width: 4.3988269795%
}

.question {
    padding-bottom: 17.0666666667%;
    position: relative
}

.question::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 750/128;
    background: url(/_var/lp/unilever/home-careCP2025/images/question/deco-bottom.png) no-repeat center top/100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 0
}

.question_list {
    margin: 0 auto 0;
    width: 91.3333333333%
}

.question_listItem:not(:first-child) {
    margin-top: 4.6715328467%
}

.question_listDetails {
    width: 100%
}

.question_listSummary {
    padding: 3.9416058394% 12.2627737226% 3.9416058394% 12.8467153285%;
    border-radius: 2.6666666667vw;
    background: #172a88;
    color: #fff;
    font-size: 4vw;
    font-weight: 700;
    line-height: 160%;
    text-indent: -9.9270072993%;
    position: relative
}

.question_listDetails[open] .question_listSummary {
    border-radius: 2.6666666667vw 2.6666666667vw 0 0
}

.question_listSummary_inline {
    display: inline-block;
    margin-right: 5.1094890511%;
    width: 4.8175182482%;
    line-height: 1
}

.question_listSummary_toggle {
    width: 5.8394160584%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    right: 4.8175182482%;
    transform: translateY(-50%)
}

.question_listSummary_toggle1,
.question_listSummary_toggle2 {
    display: block;
    width: 100%;
    aspect-ratio: 40/2;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.question_listSummary_toggle2 {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform .3s ease
}

.question_listDetails[open] .question_listSummary_toggle2 {
    transform: translate(-50%, -50%) rotate(0deg)
}

.question_listDetailTxt {
    padding: 4.6715328467% 8.4671532847% 7.0072992701% 10.9489051095%;
    border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    border: 0.2666666667vw solid #172a88;
    color: #000;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 1.5;
    text-indent: -8.0291970803%;
    text-align: justify;
    word-break: break-all;
    position: relative
}

.question_listDetailTxt.mod-5 {
    padding-left: 11.8248175182%;
    text-indent: 0
}

.question_listDetailTxt_inline {
    display: inline-block;
    margin-right: 3.6496350365%;
    width: 4.6715328467%;
    line-height: 1
}

.question_listDetailTxt.mod-5 .question_listDetailTxt_inline {
    position: absolute;
    top: auto;
    left: 4.5255474453%
}

.question_listDetailTxt_link {
    color: #000;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.question_listDetailSubListItem {
    padding-left: 1em;
    text-indent: -0.5em
}

.question_listDetailSubListItem::before {
    margin-right: .5em;
    content: "・";
    display: inline-block
}

.question_listDetailSubListTxt {
    margin-top: 1em;
    font-size: 2.9333333333vw
}

.question_listDetail_small {
    padding-left: 0;
    display: block;
    color: #000;
    font-size: 2.9333333333vw;
    font-weight: 400;
    line-height: normal;
    text-indent: 0em
}

.question_listDetail_small:first-of-type {
    margin-top: 1em
}

.caution {
    padding-top: 1.6%;
    background: rgba(159, 213, 244, .5)
}

.caution_inner {
    margin-inline: auto;
    padding-top: 6.4%;
    width: 90.2666666667%
}

.caution_inner.mod-pay,
.caution_inner.mod-privacy {
    margin-top: 6.4%;
    border-top: 0.2666666667vw dotted #000
}

.caution_details {
    text-align: center
}

.caution_summary {
    display: inline-block;
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    position: relative
}

.caution_summary_toggle {
    display: inline-block;
    width: 2.2666666667vw;
    aspect-ratio: 1/1;
    transform: rotate(135deg);
    border-top: 0.2666666667vw solid #000;
    border-right: 0.2666666667vw solid #000;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    transition: transform .3s ease
}

.caution_details[open] .caution_summary_toggle {
    transform: rotate(-45deg)
}

.mod-dyson .caution_summary_toggle {
    right: 22.3042836041%
}

.mod-pay .caution_summary_toggle {
    right: 22.3042836041%
}

.mod-privacy .caution_summary_toggle {
    right: 15.952732644%
}

.caution_detailInner {
    margin-top: 1em
}

.caution_detailListItem,
.caution_detailTxt,
.caution_detailListItemSubListItem,
.caution_detailLink {
    color: #000;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 200%;
    text-align: justify;
    word-break: break-all
}

.mod-dyson .caution_detailList,
.mod-pay .caution_detailList {
    margin-top: 7.0901033973%
}

.caution_detailListItem {
    padding-left: .5em;
    text-indent: -0.5em
}

.caution_detailListItem::before {
    content: "・"
}

.mod-number1 .caution_detailListItem {
    display: flex;
    counter-increment: num1;
    padding-left: 0em;
    text-indent: 0em
}

.mod-number1 .caution_detailListItem::before {
    content: counter(num1) "."
}

.mod-caution .caution_detailListItem {
    display: flex;
    padding-left: 0em;
    text-indent: 0em
}

.mod-caution .caution_detailListItem::before {
    display: inline-block;
    content: "※"
}

.caution_detailListItem_small {
    display: block;
    color: #000;
    font-size: 2.9333333333vw;
    line-height: 2.1818181818
}

.mod-caution .caution_detailListItem_small {
    padding-left: 0em
}

.mod-pay .caution_detailListItem_small {
    padding-left: 1em;
    text-indent: -1em
}

.caution_detailListItemSubTtl {
    padding-left: .5em;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 2
}

.caution_detailListItemSubList {
    padding-left: .5em
}

.mod-caution .caution_detailListItemSubList,
.mod-number2 .caution_detailListItemSubList {
    padding-left: 0
}

.mod-caution .caution_detailListItemSubListItem {
    display: flex
}

.mod-number2 .caution_detailListItemSubListItem {
    padding-left: 0;
    text-indent: 0;
    counter-increment: num2
}

.mod-number2 .caution_detailListItemSubListItem::before {
    content: "(" counter(num2) ")"
}

.mod-caution .caution_detailListItemSubListItem_small {
    padding-left: 0em;
    text-indent: 0em
}

.caution_detailListItemSubListItem_small::before {
    content: "※"
}

.mod-number2 .caution_detailListItemSubListItem_small {
    padding-left: 1em;
    display: block
}

.mod-privacy .caution_detailTxt {
    margin-top: 7.0901033973%
}

.caution_detailLink {
    display: block;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-align: left
}

.mod-privacy .caution_detailLink {
    margin-top: 2em
}

.caution_detailTxt .caution_detailLink {
    display: inline-block
}

.inquiry {
    padding: 10.6666666667% 4.4% 3.3333333333%;
    background: rgba(159, 213, 244, .5);
    position: relative;
    z-index: 2
}

.inquiry_box {
    margin-inline: auto;
    padding: 4.2666666667% 0;
    width: 100%;
    background: #fff
}

.inquiry_ttl {
    margin-inline: auto;
    padding: 2.9239766082% 0;
    width: 70.9064327485%;
    background: var(--base02, #172A88);
    color: #fff;
    text-align: center;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 140.556%
}

.inquiry_subTtl {
    margin-top: 4.6783625731%;
    color: #000;
    text-align: center;
    font-size: 4.4vw;
    font-weight: 700;
    line-height: 156.364%
}

.inquiry_dlist.mod-campaign {
    margin: 4.6783625731% auto 0;
    padding: 4.6783625731% 0;
    width: 87.4269005848%;
    border: 0.2666666667vw solid #fff;
    background: #fff;
    text-align: center
}

.inquiry_dlist.mod-customers {
    margin-top: 4.6783625731%
}

.inquiry_dlistItem.mod-customers {
    display: flex
}

.mod-campaign .inquiry_dlistTtl {
    color: #000;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    line-height: 160%
}

.mod-customers .inquiry_dlistTtl {
    display: inline-block;
    color: #000;
    font-size: 3.2vw;
    font-weight: 700;
    line-height: 200%
}

.inquiry_dlistTxt {
    color: #000
}

.mod-campaign .inquiry_dlistTxt {
    margin-top: 2.6755852843%;
    text-align: center;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 171.429%
}

.mod-customers .inquiry_dlistTxt {
    display: inline-block;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 200%
}

.inquiry_dlist_link {
    display: block
}

.mod-campaign .inquiry_dlist_link {
    margin-top: 1.3377926421%;
    color: #000;
    text-align: center;
    font-size: 3.7333333333vw;
    font-weight: 500;
    line-height: 171.429%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.mod-customers .inquiry_dlist_link {
    color: #000;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 200%
}

.inquiry_durationList {
    margin: 7.0175438596% auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 87.4269005848%
}

.inquiry_durationListTtl {
    margin-right: 2.6755852843%;
    padding: 1.6722408027% 0;
    width: 26.7558528428%;
    display: inline-block;
    background: #172a88;
    color: #fff;
    font-size: 3.3333333333vw;
    font-weight: 700;
    line-height: normal;
    text-align: center
}

.inquiry_durationListTxt {
    width: auto;
    display: inline-block;
    color: #000;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 160%
}

.inquiry_small {
    margin-inline: auto;
    padding-left: 1em;
    display: block;
    width: 89.0350877193%;
    color: #000;
    font-size: 2.9333333333vw;
    font-weight: 400;
    line-height: 163.636%;
    text-indent: -1em;
    text-align: justify
}

.inquiry_small:first-of-type {
    margin-top: 4.6783625731%
}

.inquiry_txt {
    margin: 4.2666666667% auto 0;
    width: 98.9766081871%;
    color: #000;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 200%;
    text-align: justify
}

.inquiry_link {
    color: #000;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 200%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

.footer {
    width: 100%;
    margin-inline: auto;
    padding-top: 10.8%;
    padding-bottom: 7.5333333333%;
    position: relative;
    background: url(/_var/lp/unilever/home-careCP2025/images/footer/bg.jpg) no-repeat center bottom/100%
}

.page-top {
    display: inline-block;
    width: 13.3333333333%;
    aspect-ratio: 1/1;
    filter: drop-shadow(0 0 2vw #08F);
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 0 !important;
    transition: opacity .3s ease;
    translate: -31% -48%;
    z-index: 10;
    will-change: filter
}

.page-top.add-show {
    opacity: 1 !important
}

.page-top.add-absolute {
    position: absolute;
    bottom: 0;
    translate: -31% -320%
}

.footer_logo {
    margin-inline: auto;
    width: 12.0666666667%
}

.footer_small {
    margin-top: 3.6666666667%;
    display: block;
    color: #000;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

.util-pc {
    display: none
}

.util-sp {
    display: block
}

@media(hover: hover) {

    a:hover,
    button:hover {
        opacity: .7
    }
}

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

    a:hover,
    button:hover {
        opacity: 1
    }

    .main_bg {
        display: none
    }
}

@media screen and (min-width: 750px) {
    .main {
        max-width: 500px;
        box-shadow: 0 4px 34px 0 rgba(0, 160, 233, .5);
        will-change: box-shadow
    }

    .condition_inner {
        border-radius: 26.4px;
        border: 1.98px solid #172a88
    }

    .condition_dlist {
        border-top: 1.32px solid #172a88
    }

    .condition_dlistTtl {
        border-radius: 9.9px;
        border: 2.64px solid #172a88;
        font-size: 25.08px
    }

    .condition_dlistTxt {
        font-size: 19.8px
    }

    .condition_targetItem {
        font-size: 19.8px
    }

    .condition_cautionItem_small {
        font-size: 15.84px
    }

    .condition_cautionItem_link {
        font-size: 15.84px
    }

    .account {
        border: 1.98px solid #172a88
    }

    .account_btn {
        border-radius: 72.6px;
        font-size: 23.76px
    }

    .account_btn::after {
        border-top: 1.32px solid #fff;
        border-right: 1.32px solid #fff
    }

    .product_inner {
        border-radius: 26.4px;
        border: 2.64px solid #172a88
    }

    .product_listItem {
        font-size: 19.8px
    }

    .product_small {
        font-size: 14.52px
    }

    .product_txt {
        border-radius: 13.2px
    }

    .product_txt_em {
        font-size: 28.38px
    }

    .product_txt_span {
        font-size: 19.8px
    }

    .apply_inner {
        border-radius: 26.4px;
        border: 2.64px solid #172a88
    }

    .apply_list {
        border-top: 1.32px solid #172a88
    }

    .apply_listItem:not(.mod-last) {
        border-radius: 19.8px;
        border: 1.32px solid #172a88
    }

    .mod-last .apply_listTtl {
        border-radius: 19.8px;
        font-size: 33px
    }

    .apply_listTxt {
        font-size: 21.12px
    }

    .mod-last .apply_listTxt {
        font-size: 19.8px
    }

    .apply_announceTtl {
        font-size: 19.8px
    }

    .apply_announceTxt {
        font-size: 19.8px
    }

    .apply_cautionListItem_small {
        font-size: 14.52px
    }

    .apply_listBtn {
        border-radius: 105.6px;
        font-size: 19.8px
    }

    .apply_listBtn::after {
        border-top: 1.32px solid #fff;
        border-right: 1.32px solid #fff
    }

    .receipt {
        border-radius: 26.4px;
        border: 2.64px solid #172a88
    }

    .receipt_ttl {
        border-bottom: 1.32px solid #172a88;
        font-size: 36.3px
    }

    .receipt_txt {
        font-size: 19.8px
    }

    .receipt_cautionTtl {
        font-size: 23.1px
    }

    .receipt_cautionListItem {
        font-size: 19.8px
    }

    .question_listSummary {
        border-radius: 13.2px;
        font-size: 19.8px
    }

    .question_listDetails[open] .question_listSummary {
        border-radius: 13.2px 13.2px 0 0
    }

    .question_listDetailTxt {
        border-radius: 0 0 13.2px 13.2px;
        border: 1.32px solid #172a88;
        font-size: 18.48px
    }

    .question_listDetailSubListTxt {
        font-size: 14.52px
    }

    .question_listDetail_small {
        font-size: 14.52px
    }

    .caution_inner.mod-pay,
    .caution_inner.mod-privacy {
        border-top: 1.32px dotted #000
    }

    .caution_summary {
        font-size: 19.8px
    }

    .caution_summary_toggle {
        width: 11.22px;
        border-top: 1.32px solid #000;
        border-right: 1.32px solid #000
    }

    .caution_detailListItem,
    .caution_detailTxt,
    .caution_detailListItemSubListItem,
    .caution_detailLink {
        font-size: 15.84px
    }

    .caution_detailListItem_small {
        font-size: 14.52px
    }

    .caution_detailListItemSubTtl {
        font-size: 15.84px
    }

    .inquiry_ttl {
        font-size: 23.76px
    }

    .inquiry_subTtl {
        font-size: 21.78px
    }

    .inquiry_dlist.mod-campaign {
        border: 1.32px solid #fff
    }

    .mod-campaign .inquiry_dlistTtl {
        font-size: 19.8px
    }

    .mod-customers .inquiry_dlistTtl {
        font-size: 15.84px
    }

    .mod-campaign .inquiry_dlistTxt {
        font-size: 18.48px
    }

    .mod-customers .inquiry_dlistTxt {
        font-size: 15.84px
    }

    .mod-campaign .inquiry_dlist_link {
        font-size: 18.48px
    }

    .mod-customers .inquiry_dlist_link {
        font-size: 15.84px
    }

    .inquiry_durationListTtl {
        font-size: 16.5px
    }

    .inquiry_durationListTxt {
        font-size: 23.76px
    }

    .inquiry_small {
        font-size: 14.52px
    }

    .inquiry_txt {
        font-size: 15.84px
    }

    .inquiry_link {
        font-size: 15.84px
    }

    .footer {
        max-width: 500px;
        padding-top: 53.46px;
        padding-bottom: 37.29px
    }

    .page-top {
        width: 66px;
        filter: drop-shadow(0 0 9.9px #08F);
        right: calc((100% - 500px - 250px)/2)
    }

    .footer_small {
        font-size: 17.16px
    }

    .util-pc {
        display: block
    }

    .util-sp {
        display: none
    }
}

@media print {
    html {
        zoom: .8
    }
}