@charset "UTF-8";
/*  ========================
  *********  
  一部追加してますが、779のstyle持ってきてます  
  *********
=============================================  */

: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: #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);
}
.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-70 {
  margin-inline: var(--ex--spacing-70);
}
.ex-outside-80 {
  margin-inline: var(--ex--spacing-80);
}
.ex-heading-1 {
  font-size: 7.7cqw;
  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: 15.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);
  padding-block-end: 5.667cqw;
  padding-block-start: 5.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;
  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 > 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, #fff796);
  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));
  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-default);
  font-size: min(4vw, 28px);
  font-weight: 400;
  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: var(--ex--anchor--color, var(--ex--color--primary));
  text-decoration: none;
  cursor: pointer;
  transition: var(--duration);
}
.ex-container .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_780_bupwhite/260311/fv_bg.png);
  background-position: 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 75/112;
  position: relative;
  font-family: var(--font-family-main);
}
.ex-fv__intro {
  display: flex;
  align-items: center;
  gap: 1.6cqw;
  font-size: 4.267cqw !important;
  color: var(--ex--color--primary);
  padding-block-start: 11.333cqw;
  padding-inline-start: 5.767cqw;
  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 {
  font-size: 8.4cqw !important;
  line-height: 1.35 !important;
  margin-block-start: 1.9cqw;
  padding-inline-start: 5.767cqw;
  letter-spacing: 0.075em;
  font-weight: 600;
}
.ex-container .ex-fv__title {
  display: flex;
  align-items: baseline;
  gap: 0.333em;
  font-size: 3cqw;
  font-weight: var(--font-weight-medium);
  margin-block-start: 54.933cqw;
  padding-inline-start: 7.967cqw;
}
@media screen and (max-width: 768px) { 
  .ex-fv__intro {
    padding-block-start: 10.333cqw;
  }
  .ex-fv__catch {
    font-weight: 600;
  }
  .ex-container .ex-fv__title {
    margin-block-start: 55.933cqw;
  }
}
.ex-fv__title > span {
  font-size: 4cqw;
}
.ex-fv-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3cqw;
  margin-block-start: 6.367cqw;
  font-size: 3.7cqw;
  line-height: 1.433333;
  margin-left: 0.7cqw;
}
.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_780_bmilkeyjel/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: 3.8cqw;
  --ex--nav--border-width: clamp(1px, 0.469vw, 3px);
  font-size: 5.3cqw;
  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;
  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: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 {
  font-family: var(--font-family-main);
  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: 14.167cqw;
  padding-block-end: 15cqw;
  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;
  box-shadow: 0 1.467cqw 2.4cqw 0.267cqw #8a827b33;
  border-radius: 50%;
}
.ex-a-header {
  text-align: center;
  margin-block-end: 12cqw;
  position: relative;
}
.ex-a-header::after {
  content: "";
  position: absolute;
  background: url(/img/items/mk_780_bupwhite/260311/mk_kuru.svg) center 0 / contain no-repeat;
  width: 36%;
  height: 4cqw;
  bottom: -1.5cqw;
  left: 5.4cqw;
}
.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: 7cqw;
  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-size: 6cqw !important;
  line-height: 1.6 !important;
  color: var(--ex--color--primary);
  text-align: center;
  font-weight: var(--font-weight-bold);
}
.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;
}
.ex-a-care-heading {
  text-align: center;
  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;
  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-a-bust {
  margin-inline: var(--ex--spacing-30);
}
.ex-a-bust__card {
  position: relative;
  border-radius: 3.2cqw;
  background-color: #fff;
  padding: 9.333cqw 5.333cqw 7.333cqw;
  border: 1px solid #e6a0ad;
}
.ex-a-bust__ribbon {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  translate: -50% -44%;
  min-width: 63.667cqw;
  text-align: center;
  border-radius: 999px;
  background-color: #e47e8e;
  color: #fff;
  padding: 1.6cqw 4.8cqw;
  font-family: var(--font-family-main);
  font-weight: 700;
  line-height: 1.2 !important;
  font-size: 5cqw !important;
}
.ex-a-bust__ribbon::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  translate: -50% 0;
  border-inline: 1.333cqw solid transparent;
  border-block-start: 1.733cqw solid #e47e8e;
}
.ex-a-bust__title {
  text-align: center;
  margin: 0;
  font-size: 5cqw;
}
.ex-marker-bg {
  display: inline-block;
  background-color: #f9e4e9;
  padding: 0cqw 0.4cqw 0cqw 0.8cqw;
  border-radius: 1.067cqw;
  font-family: var(--font-family-main);
  line-height: 1.35;
  color: var(--ex--color--base);
}
.ex-marker-bg02 {
  background-color: #e4f7f9;
}
.ex-a-bust__title span {
  display: inline-block;
  background-color: #f8e8eb;
  padding: 0cqw 0.4cqw 0cqw 0.8cqw;
  border-radius: 1.067cqw;
  font-family: var(--font-family-main);
  line-height: 1.35;
  color: var(--ex--color--base);
}
@media screen and (max-width: 768px) { 
  .ex-a-bust__title {
    font-size: 5.333cqw!important;
  }
}
.ex-a-bust__stage {
  margin-top: 6.933cqw;
  text-align: center;
}
.ex-a-bust__chips {
  margin: 5.333cqw 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4cqw;
  background: url(/img/items/mk_780_bupwhite/260311/mk_img03.png) center / contain no-repeat;
}
@media screen and (max-width: 768px) { 
  .ex-a-bust__chips {
    font-size: 3.733cqw!important
  }
}
.ex-a-bust__chips li {
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  text-align: center;
  color: #e27f89;
  font-family: var(--font-family-main);
  line-height: 1.3;
  font-weight: 700;
}
.ex-a-bust__arrow {
  width: 10cqw;
  height: 10cqw;
  margin: 4cqw auto 0;
  border-right: 2px solid #e6a0ad;
  border-bottom: 2px solid #e6a0ad;
  transform: rotate(45deg) skew(-7deg, -7deg);
}
.ex-a-bust__lead {
  margin-top: 6.667cqw;
  text-align: center;
  font-family: var(--font-family-main);
  line-height: 1.4 !important;
  color: var(--ex--color--base);
  font-weight: 700;
}
.ex-a-bust__strong {
  width: 80%;
  margin: 2.2cqw auto;
  position: relative;
  z-index: 1;
}
.ex-a-bust__bottom {
  margin-top: 5.333cqw;
  position: relative;
}
.ex-a-bust__bottom p {
  width: 60%;
  position: relative;
  z-index: 1;
}
.ex-a-bust__bottom img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -7.333cqw;
  right: -5.333cqw;
  border-radius: 22px;
}
.ex-a-bust__support {
  margin-top: 8cqw;
  display: flex;
  align-items: center;
  gap: 2.667cqw;
}
.ex-a-bust__support-image {
  width: 72cqw;
  height: auto;
  margin: 0 auto;
}
.ex-a-bust__support-text {
  margin: 6.5cqw 0 0;
  text-align: center;
  line-height: 2.1 !important;
  font-family: var(--font-family-main);
  color: var(--ex--color--base);
}
.ex-a-bust__note {
  margin-top: 8cqw;
  border-radius: 3.2cqw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.667cqw;
  position: relative;
}
.ex-a-bust__note p {
  margin: 0;
  font-family: var(--font-family-main);
  line-height: 1.9 !important;
  color: var(--ex--color--base);
  position: absolute;
  top: 8.267cqw;
  left: 5.067cqw;
}
@media screen and (max-width: 768px) { 
  .ex-a-bust__note p {
    font-size: 3.733cqw!important;
  }
}
.ex-a-bust__note p img {
  width: fit-content;
    height: auto;
    aspect-ratio: 1;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 5px;
}
.ex-a-bust__note img {
  width: 100%;
  height: auto;
}
.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: 100%;
  aspect-ratio: 2.6;
  position: absolute;
  inset-inline-end: calc(var(--ex--spacing-50) * -0.4);
  inset-block-start: -9cqw;
  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: 7.867cqw;
  margin-block-end: 4cqw;
  background-color: var(--ex--color--accent-1);
  border: 2px solid;
  border-radius: 1.067cqw;
  text-align: center;
  padding-block: 1.433cqw;
  color: var(--ex--color--primary) !important;
  position: relative;
  margin-inline: var(--ex--spacing-50);
  box-shadow: 2px 2px 4px 1px #e5e5e5;
}
@media screen and (max-width: 768px) { 
  .ex-b-p2__heading {
    margin-bottom: 8cqw !important;
  }
}
.ex-b-p2__heading::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  translate: -50% 0;
  width: 2px;
  height: 20px;
  background-color: var(--ex--color--primary);
  box-shadow: 2px 2px 4px 1px #d8d8d8;
}
.text-m-inline {
  margin-inline: var(--ex--spacing-80);
}
.quality-list {
  margin-top: 6cqw;
}
.quality-list li {
  font-size: 3.5cqw !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin-block-start: 3cqw;
  margin-block-end: 3cqw;
  border: 2px solid;
  border-radius: 50px;
  text-align: center;
  padding-block: 1.633cqw;
  color: #756c67;
}
.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: 40cqw;
  aspect-ratio: 1;
  float: right;
  margin-inline-start: 2.2cqw;
}
.ex-c__title {
  font-size: 5.333cqw !important;
  font-weight: var(--font-weight-medium) !important;
  line-height: 1 !important;
  color: var(--ex--color--primary);
  margin: 2.4cqw 0 0 !important;
  padding: 0 !important;
  margin-block-end: 3.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-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;
  font-weight: 600;
}
.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-main);
}
.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);
}
.ex-u-mb-30 {
  margin-bottom: var(--ex--spacing-30);
}
.ex-u-mb-40 {
  margin-bottom: var(--ex--spacing-40);
}

.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;
}

/*  ========================
  *********  add b-up  *********
=============================================  */
span.blue {
  color: var(--ex--color--primary);
}
p.note.fv-note {
  margin-top: 14.5cqw;
  font-size: clamp(10px, 5vw, 18px);
  line-height: 1.47;
  text-align: left;
  margin-bottom: 4cqw;
}
p.note.fv-note02 {
  margin-top: 1cqw;
}

.ex-check-list {
  background-image: url(/img/items/mk_780_bmilkeyjel/bmj778_check.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  margin-top: 2.667cqw;
  padding: 10cqw 6.3cqw 6.667cqw 12.6cqw;
}
.ex-check-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ex-check-list li {
  font-size: 3.467cqw;
  line-height: 1.5;
}
.ex-check-list li + li {
  margin-top: 3.7cqw;
}
.ex-figure__container.leftspace img {
  position: relative;
  left: 3.4cqw;
}
.ex-figure__container.standard img {
  padding: 0 4cqw;
}
.ex-care-point {
  padding: 6.667cqw 5.333cqw 8cqw;
}
.ex-care-point__block + .ex-care-point__block {
  margin-top: 8.367cqw;
}
.ex-care-point__tag {
  width: fit-content;
  min-width: 23.3cqw;
  margin-inline: auto;
  padding: 1.333cqw 5.333cqw;
  border-radius: 999px;
  background-color: #f0b437;
  color: var(--ex--color--white);
  font-family: var(--font-family-main);
  font-size: 3.4cqw !important;
  font-weight: 700;
  line-height: 0.9 !important;
  letter-spacing: 0.04em;
  margin-top: 5cqw;
}
.ex-care-point__title {
  margin-top: 3cqw;
  color: var(--ex--color--base);
  font-family: var(--font-family-main);
  font-size: 5.333cqw !important;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.04em;
}
.ex-care-point__content {
  margin-top: 5cqw;
  display: flex;
  align-items: flex-start;
  gap: 10cqw;
}
@media screen and (max-width: 768px) { 
  .ex-care-point__title {
    margin: 0!important;
    padding: 4cqw 0 !important;
  }
  .ex-care-point__content {
    margin-top: 3cqw;
  }
}
.ex-care-point__image {
  margin: 0;
}
.ex-figure__container .ex-care-point__block:nth-of-type(1) figure {
  margin: 1cqw -2cqw 0cqw 3cqw;
}
.ex-figure__container .ex-care-point__block:nth-of-type(2) figure {
  margin: -3cqw 0 -2.5cqw 2cqw;
}
.ex-figure__container .ex-care-point__block:nth-of-type(3) figure {
  margin: -6cqw -2cqw 6cqw 4cqw;
}
.ex-care-point__image img {
  width: 22cqw;
  max-width: 240px;
  float: right;
  margin-inline-start: 3.2cqw;
}
.ex-care-point__text {
  margin: -0.6cqw 0 0;
  flex: 1;
  color: var(--ex--color--base);
  font-family: var(--font-family-default);
  font-size: min(4vw, 28px)!important;
  line-height: 1.55 !important;
  letter-spacing: 0.04em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .ex-container {
    width: 100%;
  }
}

.flex {
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) { 
  .ex-a-bust__card p,
  .ex-a-bust__support-text,
  .ex-a-bust__note p,
  .ex-section p {
    font-size: 3.733cqw!important;
  }
  .ex-container p.ex-footnote {
    font-size: 3cqw !important;
  }
}

.icon_uruoi {
  display: flex;
  justify-content: center;
}
.icon_uruoi div {
  width: 42cqw;
  min-height: 42cqw;
  display: flex;
  align-items: 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);
}
.flex.col5 {
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
}
.flex.col5 div {
  width: 33%;
}
.ekis {
  color: #34b9c6;
  gap: 10px;
  font-size: 2.933cqw;
  text-align: center;
  justify-content: center;
  gap: 8px;
}
.ekis img {
  margin: auto;
}
.ekis figure:nth-child(2) > img {
  position: relative;
}
.ekis figure:nth-child(3) > img {
  scale: 1.45;
}
p.note {
  text-align: right;
}
@media screen and (max-width: 768px) { 
  p.note {
    font-size: 3cqw !important;
  }
}

/*  ========================
  *********  xxxxx  *********
=============================================  */
.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 {
  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  *********
=============================================  */
.hadaare {
  justify-content: space-between;
}
.hadaare div {
  width: 30cqw;
  min-height: 30cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hadaare div span {
  color: var(--ex--color--base);
}


/*  ========================
  *********  xxxxx  *********
=============================================  */
.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;
}