@charset "UTF-8";
:root {
    --ex--color--primary: #e27f89;
    --ex--color--primary-dull: #e5a1a8;
    --ex--color--primary-light: #f2d0d3;
    --ex--color--primary-pale: #f8e8eb;
    --ex--color--base: #756c67;
    --ex--color--base-light: #b3acaa;
    --ex--color--white: #fff;
    --ex--color--accent-1: #fdf5e7;
    --ex--color--accent-2: #fff7a9;
    --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: 400;
    --font-weight-bold: 700;
    --font-family-default: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Helvetica Neue", Arial, "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
    --font-family-main: var(--font-family-default);
    --font-family-sub: 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;
}
.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-heading-1 {
    font-size: 7.467cqw;
    font-family: var(--font-family-sub);
    text-align: center;
    line-height: 1.25;
    background-color: var(--ex--color--primary);
    color: var(--ex--color--white);
    padding-block-end: 6.667cqw;
    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 {
    font-family: var(--font-family-sub);
    text-align: center;
    line-height: 1.4583333333;
    position: relative;
    background-color: var(--ex--color--primary-pale);
    color: var(--ex--color--primary);
    padding-block-end: 6.667cqw;
    padding-block-start: 6.667cqw;
    margin-block-end: var(--ex--heading-2--margin-bottom, 9.333cqw);
    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;
    display: block;
    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);
}
.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-family: var(--font-family-sub);
}
.ex-figure__container {
    background-color: var(--ex--base--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 > img {
    width: 100%;
}
.ex-circles {
    width: 77.867cqw;
    display: block;
    margin-inline: auto;
}
.ex-footnote {
    font-size: 2.667cqw !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;
    text-decoration-skip-ink: none;
}
.ex-plusminus {
    position: relative;
    flex-shrink: 0;
    width: var(--c--plusminus--size, 4cqw);
    aspect-ratio: var(--c--plusminus--ratio, 1);
    margin-inline: auto 0;
}
.ex-plusminus:before,
.ex-plusminus:after {
    position: absolute;
    inset: 0;
    width: var(--c--plusminus--width, 1em);
    height: var(--c--plusminus--height, 0.533cqw);
    margin: auto;
    content: "";
    background-color: var(--c--plusminus--color, var(--ex--color--primary-dull));
    transition: transform 0.4s;
}
.ex-plusminus:before {
    transform: rotate(0);
}
.ex-plusminus:after {
    transform: rotate(90deg);
}
.is-open .ex-plusminus:after {
    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-main);
    font-size: min(4vw, 30px);
    font-weight: var(--font-weight-medium);
    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 a {
    color: var(--ex--anchor--color, var(--ex--color--primary));
    text-decoration: none;
    cursor: pointer;
    transition: var(--duration);
}
.ex-container a.under {
    text-decoration: underline;
}
.ex-container sup {
    font-size: 0.5em;
    vertical-align: super;
}
.ex-container p {
    font-size: inherit;
    line-height: inherit;
}
.ex-fv {
    background-image: url(/img/items/mk_226nipplveil/20260227/226_fv_bg.png);
    background-position: 50% 0;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 75/112;
    position: relative;
}
.ex-fv__intro {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6cqw;
    font-size: 4.267cqw !important;
    color: var(--ex--color--primary);
    padding-block-start: 5.333cqw;
    letter-spacing: 0.1em;
}
.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 {
    font-size: 8.8cqw !important;
    font-weight: var(--font-weight-bold) !important;
    line-height: 1.35 !important;
    margin-block-start: 6.4cqw;
    padding-inline-start: 6.667cqw;
    letter-spacing: 0.075em;
}
.ex-fv__title {
    display: flex;
    align-items: baseline;
    gap: 0.333em;
    font-size: 3.467cqw;
    font-weight: var(--font-weight-bold) !important;
    margin-block-start: 50.933cqw;
    padding-inline-start: 6.667cqw;
}
.ex-fv__title > span {
    font-size: 4cqw;
}
.ex-fv-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.133cqw;
    margin-block-start: 6.667cqw;
    font-size: 4cqw;
    line-height: 1.3333333333;
}
.ex-fv-list__item {
    width: 27.467cqw;
    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_226nipplveil/20260227/226_fv_circle.png);
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1;
}
.ex-fv-list__text {
    display: grid;
    place-items: center;
    text-align: center;
    height: 100%;
}
.ex-nav {
    --ex--anchor--color: var(--ex--color--base);
    --ex--nav--padding: 4cqw;
    --ex--nav--border-width: clamp(1px, 0.469vw, 3px);
    font-size: 5.333cqw;
    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;
    margin-block-start: 10.667cqw;
    margin-block-end: 13.333cqw;
    position: relative;
}
.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:not(:last-child) {
    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: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}
.ex-nav__arrow {
    width: 4cqw;
    height: 2.667cqw;
    fill: var(--ex--color--primary);
}
.ex-point {
    counter-reset: headingPointer;
}
.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: flex;
    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 {
    padding-block-start: 10.667cqw;
    padding-block-end: 22.4cqw;
    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: -2;
    border-radius: 50%;
}
.ex-a__end {
    width: 100cqw;
    aspect-ratio: 750/460;
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    z-index: -1;
}
.ex-a-header {
    text-align: center;
    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;
    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;
    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 {
    border-block-start: 1px solid var(--ex--color--primary-pale);
}
.ex-a-check__item {
    display: flex;
    align-items: baseline;
    gap: 1.867cqw;
    padding-inline-start: 9.333cqw;
    padding-block: 3.2cqw;
    line-height: 1.6;
    position: relative;
    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 {
    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: 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-sub--weight: var(--font-weight-bold);
    font-size: 5.867cqw !important;
    line-height: 1.6 !important;
    color: var(--ex--color--primary);
    text-align: center;
}
.ex-a-care__catch > span {
    background-color: var(--ex--color--white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-inline: 0.2em;
    box-shadow: 0.267cqw 0.533cqw 0.667cqw #8a827b26;
    border-radius: 0.533cqw;
    padding-block: 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;
    margin-inline-end: -6.667cqw;
    margin-block-start: -2.667cqw;
    width: 33.2cqw;
    aspect-ratio: 249/279;
}
.ex-a-care-heading {
    text-align: center;
    margin-block-end: 4cqw;
}
.ex-a-care-heading__text {
    font-size: 4.267cqw !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--line-height) !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ex-a-care-heading__image {
    width: 66.667cqw;
    aspect-ratio: 500/68;
    margin-block-start: -1.6cqw;
}
.ex-a-keep {
    --font-sub--weight: var(--font-weight-bold);
    font-size: 5.067cqw;
    line-height: 1.4210526316;
    color: var(--ex--color--primary);
    position: relative;
    padding-inline: 2.667cqw;
}
.ex-a-keep__large {
    font-size: 5.867cqw;
    color: var(--ex--color--base);
}
.ex-b-p1__image {
    width: 46cqw;
    aspect-ratio: 1;
    display: block;
    margin-inline: auto;
}
.ex-b-p1-grid {
    display: grid;
    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: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    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;
    font-family: var(--font-family-sub);
    line-height: 1.2 !important;
    font-weight: 500 !important;
    margin-block-start: 6.667cqw;
    margin-block-end: 4cqw;
    background-color: var(--ex--color--accent-1);
    border: 2px solid;
    border-radius: 1.067cqw;
    text-align: center;
    padding-block: 2.133cqw;
    color: var(--ex--color--primary) !important;
}
.ex-b-p2-check {
    line-height: 1.3846153846;
    font-size: 3.467cqw;
}
.ex-b-p2-check__item {
    display: flex;
    align-items: flex-start;
    gap: 1.867cqw;
    padding-block: 2.667cqw;
    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;
    padding-inline-start: 26.667cqw;
    position: relative;
}
.ex-b-p3__item + .ex-b-p3__item {
    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__image {
    width: 32.133cqw;
    aspect-ratio: 1;
    float: right;
    margin-inline-start: 3.2cqw;
}
.ex-c__title {
    font-family: var(--font-family-sub);
    font-size: 5.333cqw !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: 1 !important;
    color: var(--ex--color--primary);
    margin: 0 !important;
    padding: 0 !important;
    margin-block-end: 2.667cqw !important;
}
p + .ex-c__title {
    margin-block-start: 4cqw !important;
}
.ex-qa {
    --ex--qa--padding-inline: 8cqw;
}
.ex-qa__container {
    border-radius: 1.6cqw;
    border: 2px solid var(--ex--color--primary);
    overflow: hidden;
}
.ex-qa__container + .ex-qa__container {
    margin-top: var(--ex--spacing-30);
}
.ex-qa__title {
    font-size: 4cqw;
    line-height: 1.4666666667;
    background-color: var(--ex--color--primary-pale);
    display: flex;
    align-items: center;
    gap: 2.667cqw;
    padding-block: 4cqw;
    padding-inline: var(--ex--qa--padding-inline);
    color: var(--ex--color--primary);
    cursor: pointer;
}
.ex-qa__title:before {
    content: "Q";
    color: var(--ex--color--white);
    border-radius: 50%;
    background-color: var(--ex--color--primary);
    font-size: 4.8cqw;
    width: 8cqw;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    aspect-ratio: 1;
}
.ex-qa__wrapper {
    font-size: 3.733cqw;
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease-in-out;
}
.ex-qa__content {
    padding-block: 4cqw;
    padding-inline: var(--ex--qa--padding-inline);
}
.ex-banner {
    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);
    font-family: var(--font-family-sub);
}
.ex-u-center {
    text-align: center;
}
.ex-u-base {
    color: var(--ex--color--base);
}
.ex-u-primary {
    color: var(--ex--color--primary);
}
.ex-font-sub {
    font-family: var(--font-family-sub);
    font-weight: var(--font-sub--weight, var(--font-weight-medium));
}
.ex-fs-small {
    font-size: 0.9em;
}
.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-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;
}