@charset "UTF-8";

:root {
    --ex--color--primary: #e98eb4;
    --ex--color--primary-dull: #e5f8fc;
    --ex--color--primary-light: #e5f8fc;
    --ex--color--primary-pale: #e5f8fc;
    --ex--color--base: #5d5d5b;
    --ex--color--base-light: #b3acaa;
    --ex--color--white: #fff;
    --ex--color--accent-1: #ffe1e8;
    --ex--color--accent-2: #f49800;
    --ex--color--accent-3: #fff8ca
}

:root {
    --line-height: 1.714
}

:root {
    --ex--spacing-10: 1.333cqw;
    --ex--spacing-20: 2.667cqw;
    --ex--spacing-30: 4cqw;
    --ex--spacing-40: 5.333cqw;
    --ex--spacing-50: 6.667cqw;
    --ex--spacing-60: 8cqw;
    --ex--spacing-70: 9.333cqw;
    --ex--spacing-80: 10.667cqw;
    --ex--spacing-90: 12cqw;
    --ex--spacing-100: 13.333cqw;
    --spacing--use--outside: var(--chg--spacing-xl)
}

:root {
    --leading-trim: calc((1em - 1lh) / 2);
    --leading-trim-en: calc((1cap - 1lh) / 2)
}

:root {
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-family-default: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    --font-family-main: dnp-shuei-mgothic-std, "Shuei MaruGo", var(--font-family-default)
}

:root {
    --radius: var(--spacing-2xs, 10px);
    --radius-s: calc(var(--radius) / 2);
    --radius-l: calc(var(--radius) * 2);
    --radius-xl: calc(var(--radius) * 3);
    --radius-oval: 100vmax
}

:root {
    --bp--xs: 420;
    --bp--s: 640;
    --bp--m: 750
}

html {
    scroll-behavior: smooth
}

.bold {
    font-weight: var(--font-weight-bold)
}

.ff-maru {
    font-family: var(--font-family-main)
}

.ff-kaku {
    font-family: var(--font-family-default)
}

.ex-svg-area {
    position: absolute;
    inset-inline-start: -9999px;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.ex-outside-30 {
    margin-inline: var(--ex--spacing-30)
}

.ex-outside-50 {
    margin-inline: var(--ex--spacing-50)
}

.ex-outside-60 {
    margin-inline: var(--ex--spacing-60)
}

.ex-outside-80 {
    margin-inline: var(--ex--spacing-80)
}

.ex-heading-1 {
    font-size: 5.4cqw;
    text-align: center;
    line-height: 1.25;
    background-color: var(--ex--color--primary);
    color: var(--ex--color--white);
    -webkit-padding-after: 6.667cqw;
    padding-block-end: 6.667cqw;
    -webkit-padding-before: 5.333cqw;
    padding-block-start: 5.333cqw;
    margin-block: 10.667cqw 5.333cqw;
    clip-path: polygon(100% 0, 100% 75.9036144578%, 50% 100%, 0 75.9036144578%, 0 0);
    font-weight: 500
}

.ex-heading-2 {
    text-align: center;
    line-height: 1.4583333333;
    position: relative;
    background-color: var(--ex--color--primary-pale);
    color: var(--ex--color--primary);
    -webkit-padding-after: 6.667cqw;
    padding-block-end: 6.667cqw;
    -webkit-padding-before: 6.667cqw;
    padding-block-start: 6.667cqw;
    -webkit-margin-after: var(--ex--heading-2--margin-bottom, 9.333cqw);
    margin-block-end: var(--ex--heading-2--margin-bottom, 9.333cqw);
    -webkit-margin-before: 10.667cqw;
    margin-block-start: 10.667cqw
}

.ex-heading-2__point {
    font-size: 3.733cqw
}

.ex-heading-2__text {
    font-size: 6.4cqw !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important
}

.ex-heading-2__text>span {
    font-size: 0.8em;
    color: var(--ex--color--base)
}

.ex-heading-2__arrow {
    position: absolute;
    width: 21.333cqw;
    height: 5.333cqw;
    inset-block-start: calc(100% - 1px);
    inset-inline-start: 50%;
    translate: -50% 0;
    fill: var(--ex--color--primary-pale);
    color: var(--ex--color--primary-pale)
}

.ex-heading-2:has(+.ex-b-p2) {
    --ex--heading-2--margin-bottom: 6.667cqw
}

.ex-figure {
    --ex--figure--border-width: clamp(3px, 0.938vw, 6px);
    font-size: 5.067cqw;
    text-align: center
}

.ex-figure__caption {
    border-radius: 4.8cqw 4.8cqw 0 0;
    background-color: var(--ex--color--accent-3);
    line-height: 1.5789473684;
    padding-block: 4cqw;
    font-weight: 600;
    font-family: var(--font-family-main)
}

.ex-figure__caption span {
    color: var(--ex--color--accent-2);
    font-size: 6.4cqw !important
}

.ex-figure__container {
    background-color: var(--ex--color--white);
    border: var(--ex--figure--border-width) solid var(--ex--color--accent-3);
    border-block-start-width: 0;
    padding-block: 4cqw;
    border-radius: 0 0 4.8cqw 4.8cqw
}

.ex-figure__container.standard_left {
    padding: 4cqw 5cqw 4cqw 10cqw
}

.ex-figure__container>img {
    width: 100%
}

.ex-figure2 {
    --ex--figure--border-width: clamp(1px, 0.938vw, 2px);
    border: var(--ex--figure--border-width) solid #00b9e0;
    font-size: 5.067cqw;
    text-align: center;
    border-radius: 4.8cqw;
    overflow: hidden
}

.ex-figure2__caption {
    border-radius: 4.8cqw 4.8cqw 0 0;
    line-height: 1.5789473684;
    padding-block: 4cqw;
    font-weight: 600
}

.ex-figure2__caption span {
    color: var(--ex--color--accent-2);
    font-size: 6.4cqw !important
}

.ex-figure2__container {
    background-color: #e5f8fc;
    border-block-start-width: 0;
    padding-block: 4cqw
}

.ex-figure2__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.667cqw
}

.ex-figure2__items .ex-figure2__item {
    width: 48%;
    border-color: #80d8ea
}

.ex-figure2__item {
    padding-top: 3.333cqw;
    padding-bottom: 3.333cqw;
    background: #fff;
    color: #00b9e0;
    --ex--figure--border-width: clamp(1px, 0.938vw, 2px);
    border: var(--ex--figure--border-width) solid #00b9e0;
    font-size: 4.267cqw;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ex-figure2__item.is-05 {
    min-height: 4.2em
}

.ex-figure2__item small {
    font-size: 50%
}

.ex-w-250 {
    width: 33.333cqw
}

.ex-w-260 {
    width: 34.667cqw
}

.ex-w-380 {
    width: 50.667cqw
}

.ex-w-390 {
    width: 52cqw
}

.ex-mlra {
    margin-left: auto;
    margin-right: auto
}

.ex-circles {
    width: 77.867cqw;
    display: block;
    margin-inline: auto
}

.ex-footnote {
    font-size: 2.4cqw !important;
    line-height: 1.5 !important
}

.ex-marker {
    text-decoration-line: underline;
    text-decoration-thickness: var(--ex--marker--thickness, 0.25em);
    text-decoration-color: var(--ex--marker--color, var(--ex--color--primary-pale));
    text-underline-offset: -0.05em;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.ex-plusminus {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--c--plusminus--size, 4cqw);
    aspect-ratio: var(--c--plusminus--ratio, 1);
    margin-inline: auto 0
}

.ex-plusminus:after,
.ex-plusminus:before {
    position: absolute;
    inset: 0;
    width: var(--c--plusminus--width, 1em);
    height: var(--c--plusminus--height, 0.533cqw);
    margin: auto;
    content: "";
    background-color: #00b9e0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.ex-plusminus:before {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.ex-plusminus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.is-open .ex-plusminus:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product_goods_wrap .cntBox2 {
    zoom: unset;
    -webkit-text-size-adjust: 100%
}

.ex-container {
    width: min(100%, 750px);
    margin-inline: auto;
    font-family: var(--font-family-default);
    font-size: min(4vw, 28px);
    font-weight: 400;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    color: var(--ex--color--base);
    line-height: var(--line-height);
    container-type: inline-size;
    overflow: clip
}

.ex-container h1,
.ex-container h2,
.ex-container h3,
.ex-container h4,
.ex-container h5,
.ex-container h6 {
    font-family: var(--font-family-main)
}

.ex-container a {
    color: #00b9e0;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: var(--duration);
    transition: var(--duration)
}

.ex-container a.under {
    text-decoration: underline
}

.ex-container sup {
    font-size: 0.5em;
    vertical-align: super;
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.ex-container p {
    font-size: inherit;
    line-height: inherit
}

.ex-container .text-reg {
    font-size: 3.733cqw !important
}

.ex-fv__intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.6cqw;
    font-size: 4.267cqw !important;
    color: var(--ex--color--primary);
    -webkit-padding-before: 5.333cqw;
    padding-block-start: 5.333cqw;
    letter-spacing: 0.1em;
    line-height: 1.5 !important
}

.ex-fv__intro>span {
    font-size: 4.667cqw;
    color: var(--ex--color--white);
    background-color: var(--ex--color--primary);
    padding-inline: 1.6cqw
}

.ex-fv__catch {
    width: 60%;
    margin-top: 22cqw;
    position: relative;
    z-index: 2;
    margin-left: 8cqw
}

@media screen and (max-width:768px) {
    .ex-fv__catch {
        margin-top: 22.667cqw;
        margin-left: 5.333cqw
    }
}

@media screen and (max-width:768px) {
    .ex-fv__catch {
        font-weight: 600
    }
}

.ex-container .ex-fv__title {
    width: 75%;
    padding-left: 5.333cqw;
    position: relative;
    z-index: 1
}

.ex-fv__title>span {
    font-size: 4cqw
}

.ex-fv-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 11.733cqw;
    gap: 3cqw
}

.ex-fv-list__item {
    width: 26.567cqw;
    aspect-ratio: 206/207;
    position: relative;
    z-index: 1
}

.ex-fv-list__item:before {
    content: "";
    position: absolute;
    width: 30.667cqw;
    aspect-ratio: 230/234;
    background-image: url(/img/items/mk_489muvm/ns_img-kv-circle.png);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1
}

.ex-fv-list__text {
    display: -ms-grid;
    display: grid;
    place-items: center;
    text-align: center;
    height: 100%;
    font-size: 4cqw;
    line-height: 1.4 !important
}

.ex-fv-list__text small {
    font-size: 50%;
    display: block
}

.ex-nav {
    --ex--anchor--color: var(--ex--color--base);
    --ex--nav--padding: 3.8cqw;
    --ex--nav--border-width: clamp(1px, 0.469vw, 3px);
    font-size: 5.067cqw;
    line-height: 1.4;
    width: 75.733cqw;
    border: var(--ex--nav--border-width) solid var(--ex--color--primary);
    border-radius: 0.333cm;
    padding: var(--ex--nav--padding);
    margin-inline: auto;
    -webkit-margin-before: 10.667cqw;
    margin-block-start: 10.667cqw;
    -webkit-margin-after: 13.333cqw;
    margin-block-end: 13.333cqw;
    position: relative;
    font-family: var(--font-family-main)
}

.ex-nav__label {
    line-height: 1;
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 50%;
    translate: -50% 50%;
    background-color: var(--ex--color--white);
    padding-inline: 0.5em
}

.ex-nav__list {
    background-color: var(--ex--color--white);
    margin-inline: calc((var(--ex--nav--padding) + var(--ex--nav--border-width)) * -1);
    padding-inline: var(--ex--nav--padding)
}

.ex-nav__item {
    letter-spacing: 0
}

.ex-nav__item a {
    color: #5d5d5b
}

.ex-nav__item a,
.ex-nav__item span {
    position: relative
}

.ex-nav__item:not(:last-child) {
    -webkit-border-after: var(--ex--nav--border-width) dotted var(--ex--color--primary);
    border-block-end: var(--ex--nav--border-width) dotted var(--ex--color--primary)
}

.ex-nav__anchor {
    padding-block: var(--ex--nav--padding);
    padding-inline: 3.2cqw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1em
}

.ex-nav__anchor small {
    display: inline-block;
    width: 100%;
    font-size: 3.733cqw
}

.ex-nav__arrow {
    width: 4cqw;
    height: 2.667cqw;
    fill: var(--ex--color--primary);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4%
}

.ex-point {
    counter-reset: headingPointer
}

.ex-point .ex-heading-1 {
    margin-top: 0
}

.ex-point__number {
    border-radius: var(--radius-oval);
    background-color: var(--ex--color--primary);
    color: var(--ex--color--white);
    font-size: 3.733cqw;
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 50%;
    translate: -50% 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.333cqw;
    gap: 0.333em;
    margin-inline: auto;
    padding-inline: 5.333cqw
}

.ex-point__number:before {
    content: "POINT"
}

.ex-point__number:after {
    content: counter(headingPointer);
    counter-increment: headingPointer
}

.ex-a {
    -webkit-padding-before: 10.667cqw;
    padding-block-start: 10.667cqw;
    -webkit-padding-after: 20cqw;
    padding-block-end: 20cqw;
    padding-inline: 4cqw;
    position: relative;
    z-index: 1
}

.ex-a:before {
    content: "";
    background-color: var(--ex--color--accent-1);
    height: 100%;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    translate: -50% -50%;
    aspect-ratio: 1;
    z-index: -1;
    -webkit-box-shadow: 0 1.467cqw 2.4cqw 0.267cqw rgba(138, 130, 123, 0.2);
    box-shadow: 0 1.467cqw 2.4cqw 0.267cqw rgba(138, 130, 123, 0.2);
    border-radius: 50%
}

.ex-a-header {
    text-align: center;
    -webkit-margin-after: 5.333cqw;
    margin-block-end: 5.333cqw
}

.ex-a-header__label {
    font-size: 4.8cqw !important;
    line-height: 1.5 !important;
    width: 34.667cqw;
    border-radius: var(--radius-oval);
    background-color: var(--ex--color--white);
    color: var(--ex--color--primary);
    position: relative;
    margin-inline: auto;
    -webkit-margin-after: 2.667cqw;
    margin-block-end: 2.667cqw;
    border: 0.267cqw solid
}

.ex-a-header__label:before {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 100%;
    translate: -50% 0;
    background-color: var(--ex--color--primary);
    width: 2cqw;
    aspect-ratio: 15/18;
    clip-path: polygon(0 0, 100% 0, 50% 100%)
}

.ex-a-header__label:after {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: calc(100% - 0.533cqw);
    translate: -50% 0;
    background-color: var(--ex--color--white);
    width: 2cqw;
    aspect-ratio: 15/18;
    clip-path: polygon(0 0, 100% 0, 50% 100%)
}

.ex-a-header__heading {
    --ex--marker--color: var(--ex--color--accent-2);
    font-size: 8cqw;
    line-height: 1.5;
    font-weight: var(--font-weight-bold)
}

.ex-a-check {
    background-color: var(--ex--color--white);
    border-radius: 3.333cqw;
    position: relative;
    font-size: 3.733cqw;
    -webkit-padding-after: 13.333cqw;
    padding-block-end: 13.333cqw
}

.ex-a-check__obj {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 7.2cqw;
    aspect-ratio: 54/873;
    z-index: 3
}

.ex-a-check__wave {
    position: absolute;
    inset-block-start: calc(100% - 10.667cqw);
    inset-inline-start: 0;
    margin-inline: -4cqw;
    width: 100cqw;
    z-index: 2;
    height: 10.667cqw;
    overflow: hidden
}

.ex-a-check__wave>img {
    width: 100%
}

.ex-a-check__list {
    -webkit-border-before: 1px solid var(--ex--color--primary-pale);
    border-block-start: 1px solid var(--ex--color--primary-pale)
}

.ex-a-check__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 1.867cqw;
    -webkit-padding-start: 9.333cqw;
    padding-inline-start: 9.333cqw;
    padding-block: 3.2cqw;
    line-height: 1.6;
    position: relative;
    -webkit-border-after: 1px solid var(--ex--color--primary-pale);
    border-block-end: 1px solid var(--ex--color--primary-pale)
}

.ex-a-check__item .ex-u-primary {
    font-size: 4.267cqw
}

.ex-a-check__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 4.8cqw;
    aspect-ratio: 1;
    translate: 0 0.8cqw;
    position: relative;
    background-color: var(--ex--color--primary);
    border-radius: 50%;
    border: 2px solid var(--ex--color--primary);
    display: -ms-grid;
    display: grid;
    place-content: center
}

.ex-a-check__icon>svg {
    fill: var(--ex--color--white);
    width: 100%;
    aspect-ratio: 1
}

.ex-a-check__image {
    position: absolute;
    inset-block-start: 1.2cqw;
    inset-inline-end: 2.133cqw;
    width: 32.533cqw
}

.ex-a-care {
    padding-inline: 2.667cqw
}

.ex-a-care__catch {
    font-size: 6cqw !important;
    line-height: 1.6 !important;
    color: var(--ex--color--primary);
    text-align: center;
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width:768px) {
    .ex-a-care__catch {
        margin-left: 4cqw;
        width: 57%
    }
}

.ex-a-care__catch>span {
    background-color: var(--ex--color--white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-inline: 0.2em;
    -webkit-box-shadow: 0.267cqw 0.533cqw 0.667cqw rgba(138, 130, 123, 0.1490196078);
    box-shadow: 0.267cqw 0.533cqw 0.667cqw rgba(138, 130, 123, 0.1490196078);
    border-radius: 0.533cqw;
    padding-block: 1.333cqw;
    -webkit-margin-end: 1.333cqw;
    margin-inline-end: 1.333cqw
}

.ex-a-care__contents {
    --ex--marker--color: var(--ex--color--accent-2);
    display: flow-root
}

.ex-a-care__image {
    float: right;
    -webkit-margin-end: -6.667cqw;
    margin-inline-end: -6.667cqw;
    -webkit-margin-before: -2.667cqw;
    margin-block-start: -2.667cqw
}

.ex-a-care-heading {
    text-align: center;
    -webkit-margin-after: 4cqw;
    margin-block-end: 4cqw
}

.ex-a-care-heading>* {
    font-size: 4.267cqw;
    font-weight: var(--font-weight-medium)
}

.ex-a-care-heading__image {
    width: 66.667cqw;
    aspect-ratio: 500/68;
    -webkit-margin-before: -1.6cqw;
    margin-block-start: -1.6cqw
}

.ex-a-keep {
    font-size: 5.067cqw;
    line-height: 1.4210526316;
    color: var(--ex--color--primary);
    position: relative;
    padding-inline: 2.667cqw
}

.ex-a-keep__image {
    width: 40.4cqw;
    aspect-ratio: 303/413;
    position: absolute;
    inset-block-start: -5.333cqw;
    inset-inline-end: -5.333cqw
}

.ex-a-keep__large {
    font-size: 5.067cqw;
    color: var(--ex--color--base);
    font-weight: var(--font-weight-bold)
}

.ex-b-p1__image {
    width: 46cqw;
    aspect-ratio: 1;
    display: block;
    margin-inline: auto
}

.ex-b-p1-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6.4cqw 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 6.4cqw;
    width: 70.667cqw;
    margin-inline: auto;
    text-align: center;
    font-size: 3.2cqw;
    line-height: 1.1666666667
}

.ex-b-p1-grid__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--ex--spacing-10)
}

.ex-b-p2 {
    position: relative
}

.ex-b-p2__image {
    width: 46.133cqw;
    aspect-ratio: 1.5043478261;
    position: absolute;
    inset-inline-end: calc(var(--ex--spacing-50) * -1);
    inset-block-start: -6.667cqw;
    z-index: -1
}

.ex-b-p2__heading {
    font-size: 4cqw !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    -webkit-margin-before: 4cqw;
    margin-block-start: 4cqw;
    -webkit-margin-after: 4cqw;
    margin-block-end: 4cqw;
    background-color: var(--ex--color--accent-1);
    border: 4px solid;
    border-radius: 50px;
    text-align: center;
    padding-block: 2.133cqw;
    color: var(--ex--color--primary) !important
}

.ex-b-p2__heading.is-type01 {
    font-weight: 600 !important;
    border-color: var(--ex--color--primary) !important;
    color: var(--ex--color--base) !important
}

@media screen and (max-width:768px) {
    .ex-b-p2__heading {
        border: 3px solid
    }
}

.ex-b-p2-check {
    line-height: 1.3846153846;
    font-size: 3.467cqw
}

.ex-b-p2-check__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.867cqw;
    padding-block: 2.667cqw;
    -webkit-border-after: 1px dotted var(--ex--color--base-light);
    border-block-end: 1px dotted var(--ex--color--base-light)
}

.ex-b-p2-check__icon {
    width: 4.133cqw;
    aspect-ratio: 1;
    fill: var(--ex--color--primary);
    translate: 0 0.533cqw
}

.ex-b-p3__item {
    padding-block: 5.333cqw;
    -webkit-padding-start: 26.667cqw;
    padding-inline-start: 26.667cqw;
    position: relative
}

.ex-b-p3__item+.ex-b-p3__item {
    -webkit-border-before: 1px dashed var(--ex--color--base-light);
    border-block-start: 1px dashed var(--ex--color--base-light)
}

.ex-b-p3__image {
    width: 24.933cqw;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    translate: 0 -50%
}

.ex-b-p3__image--second {
    width: 20.533cqw
}

.ex-b-p4__image {
    width: 81.467cqw;
    display: block;
    margin-inline: auto
}

.ex-c {
    position: relative;
    display: flow-root
}

.ex-c p {
    letter-spacing: 0
}

.ex-c__image {
    width: 40cqw;
    aspect-ratio: 1;
    float: right;
    -webkit-margin-start: 2.8cqw;
    margin-inline-start: 2.8cqw
}

.ex-c__title {
    font-size: 5.333cqw !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: 1.4 !important;
    color: #00b9e0;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 2.933cqw !important;
    -webkit-margin-after: 2.667cqw !important;
    margin-block-end: 2.667cqw !important
}

p+.ex-c__title {
    -webkit-margin-before: 4cqw !important;
    margin-block-start: 4cqw !important
}

.ex-c__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffe1e8;
    border-radius: 2.667cqw
}

.ex-c__bottom p {
    font-size: 3.2cqw;
    line-height: lh(24, 46)
}

.ex-c__bottom__img {
    width: 16cqw;
    margin-left: 1.333cqw;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%)
}

.ex-qa {
    --ex--qa--padding-inline: 8cqw
}

.ex-qa__container {
    border-radius: 1.6cqw;
    overflow: hidden;
    border: 1px solid #00b9e0
}

.ex-qa__container p {
    font-size: 3.733cqw !important
}

.ex-qa__container+.ex-qa__container {
    margin-top: var(--ex--spacing-30)
}

@media screen and (max-width:768px) {
    .ex-qa__container {
        margin-bottom: 0;
        margin-top: 0 !important
    }

    .ex-qa__container+.ex-qa__container {
        margin-top: var(--ex--spacing-30) !important
    }
}

.ex-qa__title {
    font-size: 4cqw;
    line-height: 1.4666666667;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.667cqw;
    padding-block: 4cqw;
    padding-left: 4cqw;
    padding-right: 3cqw;
    color: #00b9e0;
    cursor: pointer;
    background: #e5f8fc
}

.ex-qa__title:before {
    content: "Q";
    color: var(--ex--color--white);
    border-radius: 50%;
    background-color: #00b9e0;
    font-size: 4.8cqw;
    width: 8cqw;
    display: -ms-grid;
    display: grid;
    place-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    aspect-ratio: 1
}

.ex-qa__wrapper {
    font-size: 3.733cqw;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.4s ease-in-out;
    transition: height 0.4s ease-in-out
}

.ex-qa__content__main {
    padding-block: 4cqw;
    padding-left: 7.333cqw;
    padding-right: 7.333cqw;
    font-size: 3.733cqw
}

.ex-banner {
    display: -ms-grid;
    display: grid;
    gap: 2.667cqw
}

.ex-banner__text {
    font-size: 4.8cqw !important;
    line-height: 1.3888888889 !important;
    text-align: center;
    font-weight: var(--font-weight-bold)
}

.ex-u-center {
    text-align: center
}

.ex-u-base {
    color: var(--ex--color--base)
}

.ex-u-primary {
    color: var(--ex--color--primary)
}

.ex-u-fs-20 {
    font-size: 2.667cqw !important
}

.ex-u-fs-28 {
    font-size: 3.733cqw !important
}

.ex-u-fs-36 {
    font-size: 4.8cqw !important
}

.ex-u-medium {
    font-weight: var(--font-weight-medium)
}

.ex-u-bold {
    font-weight: var(--font-weight-bold)
}

.ex-u-mt-10 {
    margin-top: var(--ex--spacing-10)
}

.ex-u-mt-20 {
    margin-top: var(--ex--spacing-20)
}

.ex-u-mt-30 {
    margin-top: var(--ex--spacing-30)
}

.ex-u-mt-40 {
    margin-top: var(--ex--spacing-40)
}

.ex-u-mt-50 {
    margin-top: var(--ex--spacing-50)
}

.ex-u-mt-60 {
    margin-top: var(--ex--spacing-60)
}

.ex-u-mt-70 {
    margin-top: var(--ex--spacing-70)
}

.ex-u-mt-80 {
    margin-top: var(--ex--spacing-80)
}

.ex-u-mt-90 {
    margin-top: var(--ex--spacing-90)
}

.ex-u-mt-100 {
    margin-top: var(--ex--spacing-100)
}

.ex-u-mb-20 {
    margin-bottom: var(--ex--spacing-20) !important
}

.ex-u-mb-30 {
    margin-bottom: var(--ex--spacing-30) !important
}

.ex-u-mb-40 {
    margin-bottom: var(--ex--spacing-40) !important
}

.ex-u-ml-10 {
    margin-left: var(--ex--spacing-10)
}

.ex-u-ml-20 {
    margin-left: var(--ex--spacing-20)
}

.ex-u-ml-30 {
    margin-left: var(--ex--spacing-30)
}

.ex-u-ml-40 {
    margin-left: var(--ex--spacing-40)
}

.ex-u-ml-50 {
    margin-left: var(--ex--spacing-50)
}

.ex-u-mr-10 {
    margin-right: var(--ex--spacing-10)
}

.ex-u-mr-20 {
    margin-right: var(--ex--spacing-20)
}

.ex-u-mr-30 {
    margin-right: var(--ex--spacing-30)
}

.ex-u-mr-40 {
    margin-right: var(--ex--spacing-40)
}

.ex-u-mr-50 {
    margin-right: var(--ex--spacing-50)
}

.ex-u-visually-hidden {
    position: fixed !important;
    inset: 0 !important;
    inline-size: 4px !important;
    block-size: 4px !important;
    padding: unset !important;
    margin: unset !important;
    pointer-events: none !important;
    visibility: initial !important;
    border: none !important;
    opacity: 0 !important;
    contain: strict !important
}

span.blue {
    color: var(--ex--color--primary)
}

p.note.fv-note {
    margin-top: 17cqw;
    font-size: clamp(10px, 5vw, 20px);
    text-align: left;
    margin-bottom: 5cqw
}

p.note.fv-note02 {
    margin-top: 1cqw
}

#explain-a {
    background-color: #f3fffe
}

.ex-check-list {
    background: #ffffff;
    border: 1px solid #34b9c6;
    border-radius: 20px;
    padding: 30px 30px 10px;
    width: 100%;
    position: relative;
    margin-top: 3.733cqw;
    letter-spacing: 0.02em
}

@media screen and (max-width:768px) {
    .ex-check-list {
        font-size: 3.733cqw !important;
        padding: 3.733cqw 5cqw 3.733cqw
    }
}

.ex-check-list:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #34b9c6
}

.ex-check-list:after {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #ffffff
}

.ex-check-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.ex-check-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid #34b9c6;
    line-height: 1.6;
    font-weight: 500
}

.ex-check-list ul li:last-child {
    border-bottom: none
}

.ex-check-list ul li img {
    width: 35px;
    height: 38px;
    margin-top: 2px
}

.ex-check-list ul li .check-icon {
    width: 35px;
    height: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ex-figure__container.leftspace img {
    position: relative;
    left: 3.4cqw
}

.ex-figure__container.standard>img {
    padding: 0 7cqw
}

.ex-figure__container.standard {
    position: relative
}

.acc01 {
    position: absolute;
    top: 10%;
    right: -4%;
    display: block;
    width: 10.667cqw
}

.bottle.frame_wrap {
    background-image: url(/img/items/mk_778_bmilkeyjel/2603/bmj778_img04.png);
    background-position: 50% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 450px;
    margin-top: 1cqw
}

.bottle.frame_wrap p {
    width: 60%;
    position: absolute;
    top: 25%;
    left: 6%
}

.bottle.frame_wrap p span {
    color: var(--ex--color--primary);
    text-decoration: underline
}

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

    .bottle.frame_wrap {
        margin-top: 2cqw;
        height: 60vw
    }

    .bottle.frame_wrap p {
        font-size: 3.733cqw !important
    }

    .ex-check-list ul li .check-icon {
        width: 26px;
        height: 28px;
        margin-top: -5px
    }
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.flex-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-ac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flrrv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.trouble {
    gap: 30px
}

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

    .ex-container p,
    .trouble {
        font-size: 3.733cqw
    }
}

.icon_uruoi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon_uruoi div {
    width: 42cqw;
    min-height: 42cqw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat
}

.icon_uruoi p {
    color: #ec6d74
}

.icon_uruoi_triangle {
    --triangle-width: min(50cqw, 116px);
    --triangle-height: calc(var(--triangle-width) * 0.42);
    --triangle-color: #35b8c6;
    width: 0;
    height: 0;
    margin: 4cqw auto 2.667cqw;
    border-left: calc(var(--triangle-width) / 2) solid transparent;
    border-right: calc(var(--triangle-width) / 2) solid transparent;
    border-top: var(--triangle-height) solid var(--triangle-color)
}

.ekis {
    color: #34b9c6;
    gap: 10px;
    font-size: 2.933cqw;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.ekis img {
    margin: auto
}

p.note {
    text-align: right
}

@media screen and (max-width:768px) {
    p.note {
        font-size: 2.6cqw !important;
        text-align: left
    }
}

.pop_block {
    background: #f8fafa;
    text-align: center;
    padding: 30px 0 10px
}

.pop_block p {
    padding-bottom: 20px
}

.pop_block p span {
    color: var(--ex--color--primary)
}

.pop_block a {
    display: block;
    border-top: 1px solid var(--ex--color--primary);
    padding-top: 10px
}

.pop_type p {
    font-size: 5.4cqw
}

.pop_type span {
    background: #f8fafa;
    color: var(--ex--color--primary)
}

.pop_type a {
    color: var(--ex--color--primary);
    text-decoration: underline
}

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

    .pop_block a,
    .pop_type a {
        font-size: 3.733cqw !important
    }
}

.hadaare {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hadaare div {
    width: 30cqw;
    min-height: 30cqw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.hadaare div span {
    color: var(--ex--color--base)
}

.komedo {
    background: #fef7f4;
    border-radius: 10px;
    padding: 4cqw;
    text-align: center
}

.shuei {
    font-family: var(--font-family-main)
}

.komedo span {
    color: var(--ex--color--primary)
}

.komedo .emp {
    background: #e3f2f2;
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px 0
}

.tac {
    text-align: center
}

.tal {
    text-align: left
}

.tar {
    text-align: right
}

.sp-inl-visible {
    display: none
}

.pc-inl-visible {
    display: inline
}

@media screen and (max-width:768px) {
    .sp-inl-visible {
        display: inline
    }

    .pc-inl-visible {
        display: none
    }
}

.ex-fv {
    background: url(../img/items/mk_489muvm/ns_kv_bg.png) no-repeat center bottom/100% auto
}

@media screen and (max-width:768px) {
    .ex-fv {
        background: url(../img/items/mk_489muvm/ns_kv_bg.png) no-repeat center bottom/100% 100%
    }
}

.ex-fv {
    position: relative;
    padding-top: 12cqw;
    padding-bottom: 20cqw
}

.ex-fv__img {
    position: absolute;
    width: 93.333cqw;
    top: 14.667cqw;
    left: 3.333cqw
}

.ex-fv-limited {
    position: relative;
    margin-top: 6.667cqw
}

.ex-fv-limited:after {
    z-index: 3;
    content: "";
    width: 100%;
    aspect-ratio: 692/433;
    display: block;
    position: absolute;
    top: -12cqw;
    left: -3.333cqw;
    background: url(/img/items/mk_489muvm/ns_img02.png) repeat-x center top/100% auto
}

.ex-fv-limited-in {
    overflow: hidden;
    border-radius: 4.8cqw;
    background-color: #e98eb4;
    border: 0.267cqw solid #e98eb4
}

.ex-fv-limited__ttl {
    background: #e98eb4;
    margin-top: -12cqw;
    margin-bottom: -5.333cqw
}

.ex-fv-limited__ttl img {
    opacity: 0;
    width: 110%
}

.ex-fv-limited__text {
    background: #ffe1e8 url(../img/items/mk_489muvm/ns_img32.png) repeat-x center 98%/auto 6.4cqw;
    padding: 4.667cqw 6.667cqw 10.667cqw
}

.ex-fv-limited__text .text01 {
    font-size: 4.267cqw;
    background: url(../img/items/mk_489muvm/ns_kv-fuki.png) no-repeat center/100% auto;
    text-align: center;
    display: block;
    padding-top: 2cqw;
    padding-bottom: 3.333cqw;
    padding-left: 6.667cqw;
    padding-right: 6.667cqw;
    color: #00b9e0;
    position: relative
}

.ex-fv-limited__text .text01:after {
    content: "";
    width: 10.133cqw;
    aspect-ratio: 1/1;
    background: url(../img/items/mk_489muvm/ns_img03.png) no-repeat center/100% auto;
    position: absolute;
    top: 2.667cqw;
    right: -4.667cqw
}

.ex-fv-limited__text .text02 {
    margin-bottom: 0;
    font-size: 6cqw;
    color: #00b9e0;
    text-align: center;
    font-weight: 600;
    color: #00b9e0;
    display: block;
    letter-spacing: 6px;
    text-shadow: 3px 3px 1px #ffffff, -3px 3px 1px #ffffff, 3px -3px 1px #ffffff, -3px -3px 1px #ffffff, 3px 0px 1px #ffffff, 0px 3px 1px #ffffff, -3px 0px 1px #ffffff, 0px -3px 1px #ffffff
}

.ex-fv-limited__text .text03 {
    margin-top: 3.733cqw
}

.ex-fv-limited .acc02 {
    position: absolute;
    bottom: -6.667cqw;
    right: -4cqw;
    width: 22.667cqw
}

.ex-about-in {
    padding-top: 4em;
    padding-bottom: 1px;
    position: relative;
    background: url(../img/items/mk_489muvm/ns_img08.png) no-repeat center top/100% auto
}

.ex-about-in__textArea {
    padding-top: 1em;
    padding-bottom: 1em;
    background: #fff;
    margin-left: 10%;
    margin-right: 10%
}

.ex-about-in .ex-about-img {
    position: absolute;
    top: 4em;
    left: 0;
    width: 100%;
    z-index: 1
}

.ex-about__ttl {
    margin-bottom: -5em;
    position: relative;
    z-index: 1
}

.ex-about__bottomtext {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 2.5cqw
}

.ex-about__text+.ex-about__text {
    margin-top: 1em
}

.ex-about__text+small {
    display: inline-block;
    font-size: 2.667cqw;
    line-height: 1.5;
    margin-top: 1em
}

.ex-bottom-bar {
    padding-top: 5.333cqw
}

.ex-bottom-bar__text {
    font-size: 4.8cqw !important;
    font-weight: bold;
    line-height: 1.4
}

.ex-bottom-bar .btn img {
    -webkit-transform: translateX(6%);
    transform: translateX(6%)
}

@media screen and (max-width:768px) {
    .ex-bottom-bar .btn img {
        width: 94%;
        -webkit-transform: translateX(4%);
        transform: translateX(4%)
    }
}

.ex-point__img01 {
    width: 53.333cqw;
    margin-left: auto;
    margin-right: auto
}

.ex-point__img01 img {
    -webkit-transform: translateX(4%);
    transform: translateX(4%)
}

.ex-point__img02 img {
    margin-top: -8cqw
}

.ex-point__bubble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48cqw;
    height: 48cqw;
    background: url(../img/items/mk_489muvm/ns_img18.png) no-repeat center center/126% auto
}

.ex-point__bubble .text {
    font-size: 4.267cqw;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    color: #e98eb4;
    margin-left: auto;
    margin-right: auto
}

.ex-point__lead-text {
    font-size: 5.333cqw !important;
    font-weight: 600;
    text-align: center;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%)
}

.ex-point__lead-img {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
}

.ex-point__lead-img img {
    width: 100%
}

.ex-point__lead-img {
    text-align: center;
    margin-top: -18.667cqw
}

@media screen and (max-width:768px) {
    .ex-w-s38p {
        width: 38%
    }

    .ex-w-s50p {
        width: 50%
    }
}