@charset "UTF-8";
/* *******************
 * media query
 * @param $breakpoint variableで作成した$breakpoint_**のキー
******************** */
/* *******************
 * container query
 * @param $value 値
 * @param $name container名
******************** */
/* *******************
 * hover
 * hoverの挙動をタッチデバイスで動作させたくないとき用
******************** */
/* *******************
 * marginのカスタムプロパティを出力
 * $unit 変化の基準値
 * $decrement 変化の幅(補間)
******************** */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* *******************
 * media query
 * @param $breakpoint variableで作成した$breakpoint_**のキー
******************** */
/* *******************
 * container query
 * @param $value 値
 * @param $name container名
******************** */
/* *******************
 * hover
 * hoverの挙動をタッチデバイスで動作させたくないとき用
******************** */
/* *******************
 * marginのカスタムプロパティを出力
 * $unit 変化の基準値
 * $decrement 変化の幅(補間)
******************** */
/*  ========================
  *********  
  一部追加してますが、779のstyle持ってきてます  
  *********
=============================================  */
:root {
  --ex--color--primary: #f19fb3;
  --ex--color--primary-green: #61bec5;
  --ex--color--primary-lightgreen: #e3f8f8;
  --ex--color--pink: #fff5f7;
  --ex--color--blue:#00b9ef;
  --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: #fffcdc;
}

: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: "Noto Sans JP", 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;
}

/*SCSSで扱う変数*/
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);
}

.text-pink {
  color: var(--ex--color--primary);
}

.dib {
  display: inline-block;
}

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

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

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

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

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

.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-lh-12 {
  line-height: 1.2 !important;
}

.ex-lh-14 {
  line-height: 1.4 !important;
}

.ex-lh-16 {
  line-height: 1.6 !important;
}

.ex-bottle-head {
  margin-bottom: -21.333cqw;
}
.ex-bottle-in {
  padding-top: 16cqw;
  padding-bottom: 13.333cqw;
  background: url(../img/items/497_trial_dream/ns_img-bg3.png) repeat left top/10% auto;
}
.ex-bottle__contents01 {
  padding-top: 10cqw;
  padding-bottom: 48.667cqw;
  background: url(../img/items/497_trial_dream/ns_img-about02.png) no-repeat center top/100% auto;
  text-align: center;
}
.ex-bottle__contents01 p {
  font-size: 4cqw;
  line-height: 1.8;
}
.ex-bottle__contents01 p + p {
  margin-top: 8.667cqw;
}
.ex-bottle__contents02 {
  padding-top: 8cqw;
  padding-bottom: 8cqw;
  border-radius: 2.667cqw;
  margin-top: 6.667cqw;
  margin-left: 9.333cqw;
  margin-right: 9.333cqw;
  background: #fffcea;
  text-align: center;
}
.ex-bottle__reco .ttl {
  color: var(--ex--color--primary-green);
  font-size: 4.533cqw;
}
.ex-bottle__reco > .text {
  margin-left: 6.667cqw;
  margin-right: 6.667cqw;
  text-align: left;
  font-size: 4cqw;
  position: relative;
  padding-left: 6.667cqw;
  padding-bottom: 2.667cqw;
}
.ex-bottle__reco > .text .text {
  margin-left: auto;
}
.ex-bottle__reco > .text + .text {
  margin-top: 4cqw;
}
.ex-bottle__reco > .text:before {
  content: "";
  width: 4.667cqw;
  height: 4.667cqw;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/items/497_trial_dream/ns_img-reco01.png) no-repeat center center/100% auto;
}
.ex-bottle__reco > .text:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: url(../img/items/497_trial_dream/ns_img-reco02.png) repeat left center/auto 100%;
}
.ex-bottle__reco > .text:last-child::after {
  display: none;
}

.ex-heading-1 {
  font-size: 5.333cqw;
}
.ex-heading-1.is-big {
  font-size: 7.467cqw;
  -webkit-padding-before: 6cqw;
          padding-block-start: 6cqw;
}
.ex-heading-1 {
  text-align: center;
  line-height: 1.4;
  background-color: var(--ex--color--primary-green);
  color: var(--ex--color--white);
  -webkit-padding-after: 8cqw;
          padding-block-end: 8cqw;
  -webkit-padding-before: 3.333cqw;
          padding-block-start: 3.333cqw;
  margin-block: 10.667cqw 5.333cqw;
  clip-path: polygon(100% 0, 100% 75.9036144578%, 50% 100%, 0 75.9036144578%, 0 0);
  font-weight: 600;
}

.ex-heading-1 > span {
  font-size: 4.267cqw;
}

.ex-heading-2 {
  text-align: center;
  line-height: 1.4583333333;
  position: relative;
  background: url(../img/items/497_trial_dream/ns_img-point01.png) no-repeat center bottom/100% auto;
  color: var(--ex--color--primary);
  -webkit-padding-after: 9.333cqw;
          padding-block-end: 9.333cqw;
  -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: 1.2 !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--primary);
  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 {
  background: #fff;
  text-align: center;
  border-radius: 6.667cqw;
  overflow: hidden;
  border: 2px solid var(--ex--color--primary-green);
}

.ex-figure2__caption {
  font-size: 5.333cqw;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.47;
}

.ex-figure2__container {
  padding-block: 4cqw;
  background-color: var(--ex--color--primary-lightgreen);
}

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

.ex-figure2__item {
  padding-top: 3.333cqw;
  padding-bottom: 3.333cqw;
  background: #fff;
  color: var(--ex--color--primary-green);
  --ex--figure--border-width: clamp(1px, 0.938vw, 2px);
  border: var(--ex--figure--border-width) solid var(--ex--color--primary-green);
  font-size: 6.133cqw;
  line-height: 1.4;
  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: 2.4em;
  line-height: 1.2;
  padding-top: 2cqw;
  padding-bottom: 2cqw;
}
.ex-figure2__item.is-06 {
  min-height: 1em;
  line-height: 1.1;
  padding-top: 2cqw;
  padding-bottom: 2cqw;
}
.ex-figure2__item.is-07 {
  min-height: 1em;
  line-height: 1.1;
  padding-top: 2cqw;
  padding-bottom: 2cqw;
}
.ex-figure2__item.is-08 {
  min-height: 1em;
  line-height: 1.1;
  padding-top: 2cqw;
  padding-bottom: 2cqw;
}
.ex-figure2__item small {
  font-size: 60%;
}
.ex-figure2__item .text2 {
  font-size: 4.267cqw;
  line-height: 1.2;
}

.ex-u-fs-80p {
  font-size: 80% !important;
}

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

.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: 89.333cqw;
  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;
  -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: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(--ex--color--base);
  -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, .ex-container .ex-qa__content__main {
  font-size: 3.733cqw !important;
}

.ex-container .text-mid {
  font-size: 3.467cqw !important;
}

.ex-container .text-small {
  font-size: 3.2cqw !important;
}

.ex-container .text-min {
  font-size: 2.667cqw !important;
}

/*ラインナップ*/
.ex-lineup-in > a {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.ex-lineup-in > a img {
  display: block;
}
.ex-lineup-in .text01 {
  font-size: 6cqw !important;
  line-height: 1.5;
  letter-spacing: 0.01em;
  width: 120%;
  display: inline-block;
}
.ex-lineup-in .text02 {
  font-size: 4.533cqw !important;
  letter-spacing: -0.01em;
}
.ex-lineup-in .icon {
  font-size: 3.733cqw;
  font-weight: 600;
  padding: 1.067cqw 2.133cqw;
  margin-top: 2.667cqw;
  border-radius: 1.333cqw;
  display: inline-block;
}
.ex-lineup-in .icon01 {
  background: #feeeff;
  color: #ce8ccf;
}
.ex-lineup-in .icon02 {
  background: #ffebf4;
  color: #f19fb3;
}
.ex-lineup-in .icon03 {
  background: #e3f6fa;
  color: #00b9e0;
}
.ex-lineup-in .icon04 {
  background: #f6e5ef;
  color: #e684b3;
}
.ex-lineup-in .text-reg, .ex-lineup-in .ex-qa__content__main {
  font-size: 3.733cqw !important;
}
.ex-lineup__note {
  font-size: 2.667cqw !important;
}
.ex-lineup-howtouse {
  padding-top: 0.133cqw;
}
.ex-lineup-howtouse__btn {
  margin-left: 5.333cqw;
  margin-right: 5.333cqw;
}
.ex-lineup-howtouse__ttl {
  background: #fff;
  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;
  padding: 2.667cqw 0;
}
.ex-lineup-howtouse__ttl::after {
  content: "";
  width: 4.533cqw;
  height: 4.533cqw;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8%;
  display: inline-block;
}
.ex-lineup-howtouse__ttl .text {
  font-size: 4.667cqw;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
}
.ex-lineup-howtouse.is-01 {
  background: #d8b5d7;
}
.ex-lineup-howtouse.is-01 .ex-lineup-howtouse__ttl {
  border: #ce8ccf solid 0.533cqw;
  color: #ce8ccf;
  position: relative;
}
.ex-lineup-howtouse.is-01 .ex-lineup-howtouse__ttl::after {
  background: url(../img/items/497_trial_dream/ns_img-use02.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-01 .ex-lineup-howtouse__ttl.is-active:after {
  background: url(../img/items/497_trial_dream/ns_img-use01.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-01 .ex-lineup-howtouse__body__box-item:nth-child(2n+1)::after {
  content: "";
  width: 0.533cqw;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../img/items/497_trial_dream/ns_img-useline-y.png) repeat-y left center/100% auto;
}
.ex-lineup-howtouse.is-02 {
  background: #f19fb3;
}
.ex-lineup-howtouse.is-02 .ex-lineup-howtouse__ttl {
  border: #f19fb3 solid 0.533cqw;
  color: #f19fb3;
  position: relative;
}
.ex-lineup-howtouse.is-02 .ex-lineup-howtouse__ttl::after {
  background: url(../img/items/497_trial_dream/ns_img-use07.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-02 .ex-lineup-howtouse__ttl.is-active:after {
  background: url(../img/items/497_trial_dream/ns_img-use06.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-02 .ex-lineup-howtouse__body__box-item:nth-child(2n+1)::after {
  content: "";
  width: 0.533cqw;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../img/items/497_trial_dream/ns_img-useline2-y.png) repeat-y left center/100% auto;
}
.ex-lineup-howtouse.is-03 {
  background: #00b9e0;
}
.ex-lineup-howtouse.is-03 .ex-lineup-howtouse__ttl {
  border: #00b9e0 solid 0.533cqw;
  color: #00b9e0;
  position: relative;
}
.ex-lineup-howtouse.is-03 .ex-lineup-howtouse__ttl::after {
  background: url(../img/items/497_trial_dream/ns_img-use11.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-03 .ex-lineup-howtouse__ttl.is-active:after {
  background: url(../img/items/497_trial_dream/ns_img-use10.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-03 .ex-lineup-howtouse__body__box-item:nth-child(2n+1)::after {
  content: "";
  width: 0.533cqw;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../img/items/497_trial_dream/ns_img-useline3-y.png) repeat-y left center/100% auto;
}
.ex-lineup-howtouse.is-04 {
  background: #c78dbb;
}
.ex-lineup-howtouse.is-04 .ex-lineup-howtouse__ttl {
  border: #c78dbb solid 0.533cqw;
  color: #e684b3;
  position: relative;
}
.ex-lineup-howtouse.is-04 .ex-lineup-howtouse__ttl::after {
  background: url(../img/items/497_trial_dream/ns_img-use17.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-04 .ex-lineup-howtouse__ttl.is-active:after {
  background: url(../img/items/497_trial_dream/ns_img-use16.png) no-repeat center center/100% auto;
}
.ex-lineup-howtouse.is-04 .ex-lineup-howtouse__body__box-item:nth-child(2n+1)::after {
  content: "";
  width: 0.533cqw;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../img/items/497_trial_dream/ns_img-useline4-y.png) repeat-y left center/100% auto;
}
.ex-lineup-howtouse__body {
  padding-bottom: 6.667cqw;
}
.ex-lineup-howtouse__body__ttl {
  text-align: center;
}
.ex-lineup-howtouse__body__ttl .en {
  font-size: 3.333cqw;
  color: #fff !important;
}
.ex-lineup-howtouse__body__ttl .text {
  font-size: 7.467cqw;
  line-height: 1.2;
  margin-left: auto;
  margin-right: auto;
  color: #fff !important;
}
.ex-lineup-howtouse__body__box {
  background: #fff;
  border-radius: 2.667cqw;
}
.ex-lineup-howtouse__body__box > .text {
  border-radius: 2.667cqw;
  background: #fef6ff;
  padding: 3.467cqw;
  font-size: 3.2cqw;
  margin-left: 3.467cqw;
  margin-right: 3.467cqw;
}
.ex-lineup-howtouse__body__box > .text.is-01 {
  background: #fef6ff;
}
.ex-lineup-howtouse__body__box > .text.is-02 {
  background: #fef5f7;
}
.ex-lineup-howtouse__body__box > .text.is-03 {
  background: #e5f8fc;
}
.ex-lineup-howtouse__body__box > .text.is-04 {
  background: #fef5f7;
}
.ex-lineup-howtouse__body__box-list {
  position: relative;
  margin-top: 5.333cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8cqw 4cqw;
  padding-bottom: 4cqw;
}
.ex-lineup-howtouse__body__box-list .line {
  background: url(../img/items/497_trial_dream/ns_img-useline-x.png) repeat-x left center/auto 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 48%;
  left: 0;
  height: 0.533cqw;
}
.ex-lineup-howtouse__body__box-item {
  width: 47%;
}
.ex-lineup-howtouse__body__box-item:nth-child(2n+1) {
  position: relative;
}
.ex-lineup-howtouse__body__box-item:nth-child(2n+1)::after {
  content: "";
  width: 0.533cqw;
  height: 100%;
  position: absolute;
  right: -1.333cqw;
  top: 0;
  background: url(../img/items/497_trial_dream/ns_img-useline-y.png) repeat-y left center/100% auto;
}
.ex-lineup-howtouse__body__box-item .img {
  text-align: center;
  position: relative;
  min-height: 24cqw;
  margin-bottom: 1.6cqw;
  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-lineup-howtouse__body__box-item .img.is-0101 img {
  width: 73%;
}
.ex-lineup-howtouse__body__box-item .img.is-0102 img {
  width: 80%;
}
.ex-lineup-howtouse__body__box-item .img.is-0103 img {
  width: 52%;
}
.ex-lineup-howtouse__body__box-item .img.is-0104 img {
  width: 55%;
}
.ex-lineup-howtouse__body__box-item .img.is-0201 img {
  width: 60%;
}
.ex-lineup-howtouse__body__box-item .img.is-0202 img {
  width: 60%;
}
.ex-lineup-howtouse__body__box-item .img.is-0301 img {
  width: 60%;
}
.ex-lineup-howtouse__body__box-item .img.is-0302 img {
  width: 60%;
}
.ex-lineup-howtouse__body__box-item .img.is-0401 img {
  width: 60%;
}
.ex-lineup-howtouse__body__box-item .img.is-0402 img {
  width: 60%;
}
.ex-lineup-howtouse__body__box-item .img .icon {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  font-size: 3.733cqw;
  position: absolute;
  left: 1.067cqw;
  top: 0;
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 5.333cqw;
  height: 5.333cqw;
}
.ex-lineup-howtouse__body__box-item .img .icon-01 {
  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: #d8b5d7;
}
.ex-lineup-howtouse__body__box-item .img .icon-02 {
  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: #f19fb3;
}
.ex-lineup-howtouse__body__box-item .img .icon-03 {
  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: #00b9e0;
}
.ex-lineup-howtouse__body__box-item .img .icon-04 {
  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: #c78dbb;
}
.ex-lineup-howtouse__body__box-item .text {
  text-align: justify;
  margin-left: 0.667cqw;
  margin-right: 2cqw;
  font-size: 3.2cqw;
  line-height: 1.6;
}

.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.867cqw;
  line-height: 1.4;
  width: 75.733cqw;
  border: var(--ex--nav--border-width) solid var(--ex--color--primary-green);
  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 span, .ex-nav__item a {
  position: relative;
}

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

.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-green);
  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-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: 5.333cqw !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-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-qa {
  --ex--qa--padding-inline: 8cqw;
}

.ex-qa__container {
  overflow: hidden;
}
.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;
  font-weight: 600;
  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-inline: var(--ex--qa--padding-inline); */
  padding-left: 4cqw;
  padding-right: 3cqw;
  cursor: pointer;
  border-bottom: var(--ex--color--primary) 2px dashed;
}

.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: -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 {
  background: #000;
  margin-top: 1em;
  background: var(--ex--color--pink);
  padding: 4cqw 4cqw 6cqw 4cqw;
  padding-left: 7.333cqw;
  padding-right: 7.333cqw;
  font-size: 3.733cqw;
}
.ex-qa__content__main::before {
  content: "A.";
  color: var(--ex--color--primary);
}
.ex-qa__content__main .linkboxs {
  margin-top: 2.667cqw;
}
.ex-qa__content__main .linkboxs .linkbox {
  color: var(--ex--color--base);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border: 2px solid var(--ex--color--base);
  width: 100%;
  padding: 2.667cqw 0 2.667cqw 2.667cqw;
  text-align: center;
}
.ex-qa__content__main .linkboxs .linkbox .arr {
  position: absolute;
  right: 4%;
  top: 50%;
  width: 2cqw;
  -webkit-transform: translateY(-15%);
          transform: translateY(-15%);
}
.ex-qa__content__main .linkboxs .linkbox .text {
  font-size: 2.667cqw;
  -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
  margin-left: auto;
  margin-right: auto;
}
.ex-qa__content__main .linkboxs .linkbox + .linkbox {
  margin-top: 4cqw;
}

.ex-bottom-bar {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ex-bottom-bar {
    margin-left: 4cqw;
    margin-right: 4cqw;
  }
}
.ex-bottom-bar__text {
  font-weight: 600;
  font-size: 4.8cqw;
  line-height: 1.38;
}
.ex-bottom-bar .btn {
  margin-left: auto;
  margin-right: auto;
}
.ex-bottom-bar .btn img {
  -webkit-transform: translateX(2%);
          transform: translateX(2%);
}

.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-10 {
  margin-bottom: var(--ex--spacing-10) !important;
}

.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-mb-50 {
  margin-bottom: var(--ex--spacing-50) !important;
}

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

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

.ex-u-mb-80 {
  margin-bottom: var(--ex--spacing-80) !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-pt-10 {
  padding-top: var(--ex--spacing-10);
}

.ex-u-pt-20 {
  padding-top: var(--ex--spacing-20);
}

.ex-u-pt-30 {
  padding-top: var(--ex--spacing-30);
}

.ex-u-pt-40 {
  padding-top: var(--ex--spacing-40);
}

.ex-u-pt-50 {
  padding-top: var(--ex--spacing-50);
}

.ex-u-pt-60 {
  padding-top: var(--ex--spacing-60);
}

.ex-u-pt-70 {
  padding-top: var(--ex--spacing-70);
}

.ex-u-pt-80 {
  padding-top: var(--ex--spacing-80);
}

.ex-u-pt-90 {
  padding-top: var(--ex--spacing-90);
}

.ex-u-pt-100 {
  padding-top: var(--ex--spacing-100);
}

.ex-u-pb-10 {
  padding-bottom: var(--ex--spacing-10) !important;
}

.ex-u-pb-20 {
  padding-bottom: var(--ex--spacing-20) !important;
}

.ex-u-pb-30 {
  padding-bottom: var(--ex--spacing-30) !important;
}

.ex-u-pb-40 {
  padding-bottom: var(--ex--spacing-40) !important;
}

.ex-u-pb-50 {
  padding-bottom: var(--ex--spacing-50) !important;
}

.ex-u-pb-60 {
  padding-bottom: var(--ex--spacing-60) !important;
}

.ex-u-pb-70 {
  padding-bottom: var(--ex--spacing-70) !important;
}

.ex-u-pb-80 {
  padding-bottom: var(--ex--spacing-80) !important;
}

.ex-u-pb-90 {
  padding-bottom: var(--ex--spacing-90) !important;
}

.ex-u-pb-100 {
  padding-bottom: var(--ex--spacing-100) !important;
}

.ex-u-pl-10 {
  padding-left: var(--ex--spacing-10);
}

.ex-u-pl-20 {
  padding-left: var(--ex--spacing-20);
}

.ex-u-pl-30 {
  padding-left: var(--ex--spacing-30);
}

.ex-u-pl-40 {
  padding-left: var(--ex--spacing-40);
}

.ex-u-pl-50 {
  padding-left: var(--ex--spacing-50);
}

.ex-u-pr-10 {
  padding-right: var(--ex--spacing-10);
}

.ex-u-pr-20 {
  padding-right: var(--ex--spacing-20);
}

.ex-u-pr-30 {
  padding-right: var(--ex--spacing-30);
}

.ex-u-pr-40 {
  padding-right: var(--ex--spacing-40);
}

.ex-u-pr-50 {
  padding-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;
}

/*  ========================
  *********  add barance-milky-jel  *********
=============================================  */
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;
}

@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-ce {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.flex-wr {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.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) {
  .trouble,
  .ex-container p {
    font-size: 3.733cqw;
  }
}
p.note {
  text-align: right;
}

@media screen and (max-width: 768px) {
  p.note {
    font-size: 2.6cqw !important;
    text-align: left;
  }
}
/*  ========================
  *********  xxxxx  *********
=============================================  */
.shuei {
  font-family: var(--font-family-main);
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.sp-inl-visible {
  display: none;
}

.pc-inl-visible {
  display: inline;
}

.sp-visible {
  display: none;
}

.pc-visible {
  display: block;
}

@media screen and (max-width: 768px) {
  .sp-inl-visible {
    display: inline !important;
  }
  .pc-inl-visible {
    display: none;
  }
  .sp-visible {
    display: block;
  }
  .pc-visible {
    display: none;
  }
}
.ex-fv {
  position: relative;
  padding-top: 8cqw;
}

.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 {
  width: 100%;
}
.ex-point__bubble-wrap {
  width: 100%;
}
.ex-point__bubble.is-50p {
  width: 45.333cqw;
}
.ex-point__bubble.is-30p {
  width: 48cqw;
}
.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;
  aspect-ratio: 1/1;
  background: url(../img/items/497_trial_dream/ns_img-point03.png) no-repeat center center/125% auto;
}
.ex-point__bubble .text {
  font-size: 4.267cqw;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
  color: var(--ex--color--primary);
  margin-left: auto;
  margin-right: auto;
}
.ex-point__bubble2 {
  width: 100%;
}
.ex-point__bubble2-wrap {
  width: 100%;
}
.ex-point__bubble2.is-50p {
  width: 37.333cqw;
}
.ex-point__bubble2.is-30p {
  width: 48cqw;
}
.ex-point__bubble2 {
  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;
  aspect-ratio: 1/1;
  background: url(../img/items/327_smooth-hairmilk/sh_img10.png) no-repeat center center/100% auto;
}
.ex-point__bubble2 .text {
  font-size: 5.333cqw;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  color: #e98eb4;
  margin-left: auto;
  margin-right: auto;
}

.ex-bubble3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
}
.ex-bubble3-item {
  text-align: center;
  line-height: 1.32;
  aspect-ratio: 1/1;
  width: 33%;
  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: url(../img/items/497_trial_dream/ns_img-point03.png) no-repeat center center/125% auto;
}
.ex-bubble3-item span {
  font-size: 3.2cqw;
  line-height: 1.4;
  font-weight: 600;
  -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
}
@media screen and (max-width: 768px) {
  .ex-bubble3-item span {
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
  }
}
.ex-bubble3-item small {
  font-size: 2.667cqw;
}
.ex-bubble3-item.is-01 span {
  color: #ce8ccf;
}
.ex-bubble3-item.is-02 span {
  color: #f19fb3;
}
.ex-bubble3-item.is-03 span {
  color: #00b9e0;
}
.ex-bubble3-item.is-04 span {
  color: #e684b3;
}

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

.ex-rad-text {
  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: var(--ex--color--primary-pale);
  border-radius: 5.333cqw;
}

.ex-w-38p {
  width: 38%;
}

.ex-w-45p {
  width: 45%;
}

.ex-w-40p {
  width: 40%;
}

.ex-w-50p {
  width: 50%;
}

.ex-w-55p {
  width: 55%;
}

.ex-w-60p {
  width: 60%;
}

@media screen and (max-width: 768px) {
  .ex-w-s38p {
    width: 38%;
  }
  .ex-w-s50p {
    width: 50%;
  }
}
.ex-note .line {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4;
}
.ex-note .num {
  width: 2em;
  font-size: 2.667cqw;
}
.ex-note .text {
  font-size: 2.667cqw;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 2.2em);
}

.ex-lineup__ttl {
  line-height: inherit !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10cqw !important;
  padding-bottom: 8.8cqw;
  padding-left: 6cqw;
  margin-bottom: 3.333cqw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ex-lineup__ttl .text {
  font-size: 6.667cqw;
  margin-left: 0;
  margin-right: auto;
}
.ex-lineup__ttl.is-01 {
  background: url(../img/items/497_trial_dream/ns_img-lineup01.png) no-repeat left top/100% auto;
}
.ex-lineup__ttl.is-01 .text {
  color: #ce8ccf;
}
.ex-lineup__ttl.is-02 {
  background: url(../img/items/497_trial_dream/ns_img-lineup04.png) no-repeat left top/100% auto;
}
.ex-lineup__ttl.is-02 .text {
  color: #f19fb3;
}
.ex-lineup__ttl.is-03 {
  background: url(../img/items/497_trial_dream/ns_img-lineup06.png) no-repeat left top/100% auto;
}
.ex-lineup__ttl.is-03 .text {
  color: #00b9e0;
}
.ex-lineup__ttl.is-04 {
  background: url(../img/items/497_trial_dream/ns_img-lineup08.png) no-repeat left top/100% auto;
}
.ex-lineup__ttl.is-04 .text {
  color: #e684b3;
}
.ex-lineup__note {
  font-size: 2.667cqw;
}

.js-tgl {
  cursor: pointer;
}
.js-tgl-body {
  display: none;
}