@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
html {
  overflow-x: visible;
}

#share {
  right: auto !important;
  left: 5%;
  transition: bottom 0.4s ease;
}
#share.is-pushed {
  bottom: calc(2% + (120 * (100vw / 750)));
}
#to_vcdaybrighteningplus_2026 {
  width: 100%;
  min-width: 100%;
  font-feature-settings: "palt";
  position: relative;
  display: flex;
  justify-content: center;
  background: var(--light-orange);
  --black: #000000;
  --white: #ffffff;
  --gray: #cdc7c2;
  --light-orange: #fefcee;
  --pale-orange: #fcd8bb;
  --orange: #ffb86c;
  --vivid-orange: #ff850b;
  --pink: #ff92a2;
  --vivid-pink: #ff6482;
  --brown: #736357;
  --modal-orange: #ffdfc2;
  --font-jpn: helvetica-neue-lt-pro, hiragino-kaku-gothic-pron, sans-serif;
  --font-eng: helvetica-neue-lt-pro, sans-serif;
  --font-l: 300;
  --font-r: 400;
  --font-m: 500;
  --font-b: 600;
  --pc-width: 1600;
  --sp-width: 750;
  --pc-artboard-width: 600;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  overflow-x: clip;
}

@media (min-width: 1601px) {
  #to_vcdaybrighteningplus_2026 {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  #to_vcdaybrighteningplus_2026 {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  #to_vcdaybrighteningplus_2026 {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
#to_vcdaybrighteningplus_2026 * {
  box-sizing: border-box;
}

#to_vcdaybrighteningplus_2026 *:focus {
  outline: none;
}

#to_vcdaybrighteningplus_2026 img {
  display: block;
  width: 100%;
  height: auto;
}

#to_vcdaybrighteningplus_2026 h2,
#to_vcdaybrighteningplus_2026 h3,
#to_vcdaybrighteningplus_2026 p,
#to_vcdaybrighteningplus_2026 li {
  margin-block: calc((1em - 1lh) / 2);
}

#to_vcdaybrighteningplus_2026 .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#to_vcdaybrighteningplus_2026 [class*="-img-"]:has(a) {
  /* background: var(--white); */
  display: flex;
  flex-direction: column;
  line-height: 0;
  font-size: 0;
}

/* --- 属性セレクタ設定 --- */

#to_vcdaybrighteningplus_2026 [class*="__inner--vertical"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#to_vcdaybrighteningplus_2026 [class*="__txt"] {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-l);
}
#to_vcdaybrighteningplus_2026
  [class*="point"][class*="__txt"]:not([class*="-item"]) {
  line-height: 2;
  font-size: calc(22 * var(--formula));

  /* ※アコーディオンテキスト独自の余白などがあればここに書きます */
}
#to_vcdaybrighteningplus_2026 [class*="sec02__h3"] {
  font-family: var(--font-eng);
  color: var(--brown);
  font-size: calc(56 * var(--formula));
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-m);
  margin: 0 0 0 calc(5 * var(--formula));
}
#to_vcdaybrighteningplus_2026 [class*="sec02__txt"] {
  font-family: var(--font-jpn);
  color: var(--brown);
  font-size: calc(34 * var(--formula));
  line-height: calc(51 / 34);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-m);
}
#to_vcdaybrighteningplus_2026 [class*="__push-btn"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(352 * var(--formula));
  height: calc(70 * var(--formula));
  background-color: var(--orange);
  color: var(--white);
  font-family: var(--font-eng);
  font-size: calc(32 * var(--formula));
  font-weight: var(--font-r);
  letter-spacing: 0.1em;
  border-radius: calc(100 * var(--formula));
  box-shadow: 0 calc(8 * var(--formula)) 0 var(--vivid-orange);
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
}
#to_vcdaybrighteningplus_2026 [class*="__push-btn"]:hover {
  transform: translateY(calc(10 * var(--formula)));
  box-shadow: 0 0 0 var(--vivid-orange);
}
#to_vcdaybrighteningplus_2026 [class*="tab-contains"] {
  width: 100%;
}
#to_vcdaybrighteningplus_2026 [class*="point"][class*="__h3"] {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: calc(59.5 / 34);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-b);
  font-size: calc(34 * var(--formula));
  margin-right: calc(-5 * var(--formula));
  position: relative;
}
#to_vcdaybrighteningplus_2026 [class*="group__title"] {
  font-family: var(--font-jpn);
  color: var(--orange);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-b);
  font-size: calc(24 * var(--formula));
}
#to_vcdaybrighteningplus_2026 [class*="point"][class*="-item"][class*="__txt"] {
  line-height: calc(30 / 20);
}
#to_vcdaybrighteningplus_2026
  [class*="point"][class*="-item"]:not([class*="__txt"]) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(16 * var(--formula));
  position: relative;
}

#to_vcdaybrighteningplus_2026 [class*="item__txt"] {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-l);
  font-size: calc(20 * var(--formula));
}
#to_vcdaybrighteningplus_2026 [class*="accordion__btn"] {
  font-family: var(--font-eng);
  color: var(--orange);
  font-size: calc(28 * var(--formula));
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-r);
  position: relative;
  display: grid;
  /* 「text」エリアの下に「arrow」エリアを配置する設計図 */
  grid-template-areas:
    "text"
    "arrow";
  justify-items: center; /* 左右の中央揃え */
  align-items: center; /* 上下の中央揃え */
  gap: calc(12 * var(--formula));
  cursor: pointer;
  list-style: none; /* デフォルトの矢印を非表示 */
}

#to_vcdaybrighteningplus_2026 [class*="accordion__btn"]::after {
  content: "";
  width: calc(34 * var(--formula));
  height: calc(18 * var(--formula));
  display: block;
  background-image: url(../img/sec3-obj-01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  grid-area: arrow;
  transition: transform 0.6s ease;
}
#to_vcdaybrighteningplus_2026 [class*="sec04__txt"] {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: calc(30 / 20);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-l);
  font-size: calc(20 * var(--formula));
}
#to_vcdaybrighteningplus_2026 [class*="sec04__figure"] {
  gap: calc(15 * var(--formula));
  display: flex;
  flex-direction: column;
}
#to_vcdaybrighteningplus_2026 [class*="__txt--question"] {
  background: var(--white);
  border-width: max(1px, calc(3 * var(--formula)));
  border-style: solid;
  border-color: var(--gray);
  border-radius: calc(20 * var(--formula));
  font-size: calc(26 * var(--formula));
  padding: calc(24 * var(--formula)) 0 calc(24 * var(--formula))
    calc(38 * var(--formula));
  width: calc(530 * var(--formula));
  align-self: end;
  margin: 0 calc(45 * var(--formula)) calc(40 * var(--formula)) 0;
  text-align: left;
  position: relative;
}
#to_vcdaybrighteningplus_2026 [class*="__txt--question"]::before {
  content: "";
  width: calc(100 * var(--formula));
  height: calc(70 * var(--formula));
  background-image: url(../img/sec4-obj-01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(2 * var(--formula));
  left: calc(-132 * var(--formula));
  transform: scale(0);
  transform-origin: center center;
}
#to_vcdaybrighteningplus_2026 [class*="__txt--answer"] {
  background: var(--white);
  border-width: max(1px, calc(3 * var(--formula)));
  border-style: solid;
  border-color: var(--modal-orange);
  border-radius: calc(20 * var(--formula));
  font-size: calc(24 * var(--formula));
  padding: calc(10 * var(--formula));
  align-self: start;
  margin: 0 0 calc(39 * var(--formula)) calc(45 * var(--formula));
  padding: calc(18 * var(--formula)) 0 calc(15 * var(--formula))
    calc(38 * var(--formula));
  width: calc(530 * var(--formula));
  text-align: start;
  line-height: calc(42 / 24);
  position: relative;
}
#to_vcdaybrighteningplus_2026 [class*="__txt--answer"]::after {
  content: "";
  width: calc(100 * var(--formula));
  height: calc(70 * var(--formula));
  background-image: url(../img/sec4-obj-02.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(2 * var(--formula));
  right: calc(-132 * var(--formula));
  transform: scale(0);
  transform-origin: center center;
}

#to_vcdaybrighteningplus_2026 [class*="sec05__buy-txt"] {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: calc(42 / 24);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(24 * var(--formula));
  margin: 0 0 calc(35 * var(--formula)) 0;
  position: relative;
}
#to_vcdaybrighteningplus_2026 [class*="sec05__h4"]::before {
  content: "";
  width: calc(160 * var(--formula));
  height: calc(113 * var(--formula));
  background-image: url(../img/sec5-obj-01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(45 * var(--formula));
  left: calc(-168 * var(--formula));
  transform: scale(0);
  transform-origin: center center;
}
#to_vcdaybrighteningplus_2026 [class*="sec05__buy-txt"] span {
  font-size: calc(20 * var(--formula));
}

#to_vcdaybrighteningplus_2026 [class*="point1a-group"] {
  display: flex;
  flex-direction: column;
  gap: calc(28 * var(--formula));
  margin-right: calc(-1 * var(--formula));
}
#to_vcdaybrighteningplus_2026 details[class*="-accordion"] {
  display: flex;
  flex-direction: column;
}

#to_vcdaybrighteningplus_2026 [class*="-accordion__wrapper"] {
  overflow: hidden;
}
#to_vcdaybrighteningplus_2026 details[open] [class*="-accordion__wrapper"] {
  order: 1;
  overflow: hidden;
}
#to_vcdaybrighteningplus_2026 [class*="-accordion__btn"] {
  order: 2;
}
#to_vcdaybrighteningplus_2026 [class*="-accordion__wrapper"] > * {
  padding-bottom: calc(61 * var(--formula));
  margin-top: 0;
  margin-bottom: 0;
}
#to_vcdaybrighteningplus_2026 details.is-active [class*="-accordion__btn"] {
  grid-template-areas:
    "arrow"
    "text";
}
#to_vcdaybrighteningplus_2026 .btn-text--close {
  opacity: 0;
  pointer-events: none;
}
#to_vcdaybrighteningplus_2026 details.is-active .btn-text--view {
  opacity: 0;
  pointer-events: none;
}
#to_vcdaybrighteningplus_2026 details.is-active .btn-text--close {
  opacity: 1;
  pointer-events: auto;
}

#to_vcdaybrighteningplus_2026 .btn-text--view,
#to_vcdaybrighteningplus_2026 .btn-text--close {
  grid-area: text;
  transition: opacity 0.4s ease;
}

#to_vcdaybrighteningplus_2026
  details.is-active
  [class*="accordion__btn"]::after {
  transform: scaleY(-1);
  order: -1;
}
#to_vcdaybrighteningplus_2026 details.is-active [class*="-accordion__wrapper"] {
  overflow: hidden;
}

/* --- 固有クラス設定 --- */
#to_vcdaybrighteningplus_2026 .sec-set {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
}

#to_vcdaybrighteningplus_2026 .z1-relative {
  z-index: 1;
  position: relative;
}

#to_vcdaybrighteningplus_2026 .z5-absolute {
  z-index: 5;
  position: absolute;
}

/* --- 抽出されたCSS（上から順） --- */

#to_vcdaybrighteningplus_2026 .lp-left-area,
#to_vcdaybrighteningplus_2026 .lp-right-area {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#to_vcdaybrighteningplus_2026 .lp-main-area {
  width: calc(600 * var(--formula_pc));
  overflow-x: clip;
}

#to_vcdaybrighteningplus_2026 .left__inner--vertical {
  margin: calc(25 * var(--formula_pc)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .left__hgroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(36 * var(--formula_pc));
}

#to_vcdaybrighteningplus_2026 .lp-pc-txt-01 {
  width: calc(321 * var(--formula_pc));
  position: relative;
  z-index: 1;
}
#to_vcdaybrighteningplus_2026 .lp-pc-txt-01::after {
  content: "";
  width: calc(360 * var(--formula_pc));
  height: calc(43 * var(--formula_pc));
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/common-brush-01.svg);
  transform: translate(-50%, -50%);
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  top: calc(32 * var(--formula_pc));
}
#to_vcdaybrighteningplus_2026 .lp-pc-txt-01::before {
  content: "";
  width: calc(160 * var(--formula_pc));
  height: calc(113 * var(--formula_pc));
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/lp-pc-obj-03.svg);
  transform: translate(-50%, -50%);
  left: 7%;
  background-size: contain;
  background-repeat: no-repeat;
  top: calc(-82 * var(--formula_pc));
}

#to_vcdaybrighteningplus_2026 .left__txt {
  font-size: calc(15 * var(--formula_pc));
  line-height: calc(26.25 / 15);
  margin: 0 0 0 calc(4 * var(--formula_pc));
}

#to_vcdaybrighteningplus_2026 .left__schedule {
  font-size: calc(15 * var(--formula_pc));
  color: var(--brown);
  font-weight: var(--font-r);
  font-family: var(--font-jpn);
  margin: calc(27 * var(--formula_pc)) 0 0 0;
  text-align: center;
  letter-spacing: 0.1em;
}

#to_vcdaybrighteningplus_2026 .lp-mv-imv-01 {
  width: calc(750 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .mv__hgroup {
  bottom: calc(37 * var(--formula));
  display: flex;
  flex-direction: column;
  gap: calc(60 * var(--formula));
  left: 49.7%;
  transform: translateX(-50%);
}

#to_vcdaybrighteningplus_2026 .lp-mv-txt-01 {
  width: calc(547 * var(--formula));
  position: relative;
  z-index: 1;
}
#to_vcdaybrighteningplus_2026 .lp-mv-txt-01::after {
  content: "";
  width: calc(624 * var(--formula));
  height: calc(75 * var(--formula));
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/common-brush-01.svg);
  transform: translate(-50%, -50%);
  left: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  top: calc(57 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .mv__txt {
  color: var(--white);
  font-size: calc(24 * var(--formula));
  line-height: calc(42 / 24);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-l);
  margin-right: calc(-8 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .mv__schedule {
  display: flex;
  flex-direction: column;
  align-items: end;
  top: calc(41 * var(--formula));
  right: calc(37 * var(--formula));
  gap: calc(12 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .mv__schedule li {
  font-family: var(--font-eng);
  color: var(--white);
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: left;
  font-weight: var(--font-r);
}

#to_vcdaybrighteningplus_2026 .sec01 {
  padding: calc(122 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .sec01__txt {
  font-size: calc(36 * var(--formula));
  line-height: calc(63 / 36);
  margin-right: calc(-5 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec1-img-01 {
  width: calc(670 * var(--formula));
  margin: calc(78 * var(--formula)) 0 calc(119 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec02 {
  padding: 0 0 calc(171 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .splide {
  width: calc(750 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .splide__arrow svg {
  display: none !important;
}

#to_vcdaybrighteningplus_2026 .splide__arrow {
  background-color: transparent !important;
  opacity: 1 !important;
  width: calc(74 * var(--formula));
  height: calc(83 * var(--formula));
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 52%;
}

#to_vcdaybrighteningplus_2026 .splide__arrow--prev {
  background-image: url("../img/sec2-obj-05.svg");
  ransform: translateY(-50%) !important;
  left: calc(63 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .splide__arrow--next {
  background-image: url("../img/sec2-obj-05.svg");
  transform: translateY(-50%) scaleX(-1);
  right: calc(62 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .splide__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#to_vcdaybrighteningplus_2026 .sec02__hgroup {
  display: flex;
  flex-direction: column;
  gap: calc(65 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec02__h31 {
  position: relative;
  z-index: 1;
}
#to_vcdaybrighteningplus_2026 .sec02__h31::after {
  content: "";
  width: calc(500 * var(--formula));
  height: calc(60 * var(--formula));
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/common-brush-01.svg);
  transform: translate(-50%, -50%);
  left: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  top: calc(53 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec02__txt1 {
  font-size: calc(34 * var(--formula));
  line-height: calc(51 / 34);
  margin-right: calc(-5 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec02__txt1a {
  font-size: calc(24 * var(--formula));
  font-weight: var(--font-r);
}
#to_vcdaybrighteningplus_2026 .sec02__txt1a span {
  font-size: calc(20 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec2-obj-01 {
  width: calc(240 * var(--formula));
  top: calc(265 * var(--formula));
  left: calc(37 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec2-img-01 {
  width: calc(260 * var(--formula));
  margin: calc(78 * var(--formula)) 0 calc(44 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec02__push-btn {
  margin: calc(44 * var(--formula)) 0 calc(63 * var(--formula)) 0;
  box-shadow: 0 calc(10 * var(--formula)) 0 var(--vivid-orange);
}

#to_vcdaybrighteningplus_2026 .sec02__h32 {
  margin: 0 0 calc(57 * var(--formula)) calc(4 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec02__txt2 {
  margin: 0 0 0 calc(3 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec2-obj-02 {
  width: calc(240 * var(--formula));
  top: calc(264 * var(--formula));
  right: calc(35 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec2-img-02 {
  width: calc(550 * var(--formula));
  margin: calc(106 * var(--formula)) 0 calc(21 * var(--formula))
    calc(12 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec02__push-btn--white {
  background: var(--white);
  border-width: max(1px, calc(3 * var(--formula)));
  border-style: solid;
  border-color: var(--orange);
  color: var(--orange);
  font-family: var(--font-jpn);
  font-weight: var(--font-l);
  letter-spacing: 0.15em;
  box-shadow: 0 calc(10 * var(--formula)) 0 var(--orange);
  margin: 0 0 0 0;
  font-size: calc(26 * var(--formula));
  position: relative;
  display: flex;
  gap: calc(9 * var(--formula));
  padding: calc(3 * var(--formula)) 0 0 0;
  box-sizing: border-box;
}
#to_vcdaybrighteningplus_2026 .sec02__push-btn--white:hover {
  transform: translateY(calc(10 * var(--formula)));
  box-shadow: 0 0 0 var(--orange);
}
#to_vcdaybrighteningplus_2026 .sec02__push-btn--white::after {
  content: "";
  width: calc(28 * var(--formula));
  height: calc(15 * var(--formula));
  background-image: url(../img/sec3-obj-01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin: calc(-3 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .sec03__h2 {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-l);
  font-size: calc(52 * var(--formula));
  margin: 0 0 calc(56 * var(--formula)) calc(8 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec03__tablist {
  display: flex;
  gap: calc(20 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec03__tablist li {
  margin: 0;
}
#to_vcdaybrighteningplus_2026 #tab-01 {
}

#to_vcdaybrighteningplus_2026 .sec03__tab {
  width: calc(220 * var(--formula));
  height: calc(130 * var(--formula));
  border: none;
  background: var(--pale-orange);
  border-radius: calc(30 * var(--formula)) calc(30 * var(--formula)) 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(19 * var(--formula));
  transition:
    background-color 0.6s ease-in-out,
    color 0.6s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  z-index: 0;
  position: relative;
}
#to_vcdaybrighteningplus_2026 .sec03__tab span {
  background: transparent !important;
}
#to_vcdaybrighteningplus_2026 .sec03__tab:focus {
  outline: none;
}
#to_vcdaybrighteningplus_2026 [role="tabpanel"].is-active,
#to_vcdaybrighteningplus_2026 [role="tabpanel"][aria-hidden="false"] {
  animation: fadeInTab 0.5s ease-in-out forwards;
}

#to_vcdaybrighteningplus_2026 .sec03__tab[aria-selected="true"] {
  background-color: #ffffff;
  border-style: solid;
  border-width: max(1px, calc(3 * var(--formula)));
  border-color: var(--orange);
  border-bottom-color: #ffffff;
  position: relative;
  z-index: 2;
}

#to_vcdaybrighteningplus_2026 .sec03__tab[aria-selected="true"] span {
  background-color: #ffffff;

  color: var(--orange);
}
#to_vcdaybrighteningplus_2026 .sec03__panels [role="tabpanel"]:not([hidden]) {
  animation: fadeInTab 1.2s ease forwards;
}

#to_vcdaybrighteningplus_2026 .sec03__tab-sub {
  font-family: var(--font-jpn);
  color: var(--white);
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-m);
}

#to_vcdaybrighteningplus_2026 .sec03__tab-main {
  font-family: var(--font-jpn);
  color: var(--white);
  font-size: calc(30 * var(--formula));
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-b);
}

#to_vcdaybrighteningplus_2026 .sec03__panels {
  background: var(--white);
  width: 100%;
  border-width: max(1px, calc(3 * var(--formula))) 0;
  border-style: solid;
  border-color: var(--orange);
  margin-top: calc(-1 * max(1px, calc(3 * var(--formula))));
  z-index: 1;
}

#to_vcdaybrighteningplus_2026 #panel-01 {
  padding: calc(100 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point1a,
#to_vcdaybrighteningplus_2026 .point1b,
#to_vcdaybrighteningplus_2026 .point1c,
#to_vcdaybrighteningplus_2026 .point2,
#to_vcdaybrighteningplus_2026 .point3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#to_vcdaybrighteningplus_2026 .point1a-container {
  display: flex;
  align-items: center;
  margin: calc(63 * var(--formula)) 0 calc(49 * var(--formula)) 0;
  gap: calc(60 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1a-list--left {
  display: flex;
  gap: calc(20 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-01 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-02 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1a-group__title--right {
  margin-right: calc(-4 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1a-list--right {
  display: flex;
  gap: calc(20 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-03 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-04 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1a-accordion__btn {
  margin: calc(7 * var(--formula)) 0 0 0;
}
#to_vcdaybrighteningplus_2026 details.is-active .point1a-accordion__btn {
  margin: calc(-12 * var(--formula)) 0 calc(-3 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point1a__txt {
  padding-bottom: calc(79 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1a {
  padding: 0 0 calc(118 * var(--formula)) 0;
}
#to_vcdaybrighteningplus_2026 .point1b {
  position: relative;
  padding: calc(125 * var(--formula)) 0 calc(117 * var(--formula)) 0;
}
#to_vcdaybrighteningplus_2026 .point1b::before,
#to_vcdaybrighteningplus_2026 .point1c::before {
  content: "";
  width: calc(755 * var(--formula));
  height: calc(5 * var(--formula));
  background-image: url(../img/sec3-obj-02.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
}

#to_vcdaybrighteningplus_2026 .point1b__h3::before {
  content: "";
  width: calc(141 * var(--formula));
  height: calc(99 * var(--formula));
  background-image: url(../img/sec3-obj-03.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(-67 * var(--formula));
  left: calc(-56 * var(--formula));
  z-index: 5;
  transform: scale(0);
  transform-origin: center center;
}
#to_vcdaybrighteningplus_2026 .point1b__h3.pop-pseudo.is-visible::before,
#to_vcdaybrighteningplus_2026
  [class*="__txt--question"].pop-pseudo.is-visible::before,
#to_vcdaybrighteningplus_2026
  [class*="__txt--answer"].pop-pseudo.is-visible::after,
#to_vcdaybrighteningplus_2026
  [class*="sec05__h4"].pop-pseudo.is-visible::before {
  animation: move-pop-pseudo 0.8s ease-in-out forwards;
}

#to_vcdaybrighteningplus_2026
  #panel-03:not([hidden])
  .point3-group__title--upper::after {
  animation: move-pop-pseudo 0.8s ease-in-out forwards;
}
#to_vcdaybrighteningplus_2026 .point1b-container {
  margin: calc(62 * var(--formula)) 0 calc(49 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point1b-group--gride {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  column-gap: calc(34 * var(--formula));
  row-gap: calc(32 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1b-item1 {
  grid-column: span 3;
  justify-self: end;
  margin: 0 calc(3 * var(--formula)) 0 0;
}

#to_vcdaybrighteningplus_2026 .sec3-img-05 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1b-item2 {
  grid-column: span 3;
  justify-self: start;
  margin: 0 0 0 calc(3 * var(--formula));
  gap: calc(11 * var(--formula)) !important;
}

#to_vcdaybrighteningplus_2026 .sec3-img-06 {
  width: calc(140 * var(--formula));
  margin: calc(5 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point1b-item3 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec3-img-07 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1b-item4 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec3-img-08 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1b-item5 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec3-img-09 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1b-accordion__btn {
  margin: calc(6 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point1c {
  position: relative;
  padding: calc(126 * var(--formula)) 0 calc(118 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point1c-container {
  margin: calc(62 * var(--formula)) 0 calc(41 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point1c-group__title--left {
  margin: 0 0 calc(29 * var(--formula)) calc(3 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1c-list--left {
  display: flex;
  gap: calc(40 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-10 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-11 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point1c-accordion {
  margin: calc(7 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point1c-accordion__btn {
  margin: calc(6 * var(--formula)) 0 0 0;
}
#to_vcdaybrighteningplus_2026 details.is-active .point1c-accordion__btn {
  margin: 0 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point1c__txt {
  padding-bottom: calc(68 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point2__h3 {
  margin: calc(87 * var(--formula)) 0 calc(66 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point2-group__title--upper {
  margin: 0 0 calc(29 * var(--formula)) calc(3 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-12 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point2-group--lower {
  margin: calc(74 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point2-group__title--lower {
  margin: 0 0 calc(31 * var(--formula)) calc(3 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point2-list--lower {
  display: flex;
  gap: calc(46 * var(--formula));
  margin: 0 0 calc(63 * var(--formula)) calc(-2 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-13 {
  width: calc(182 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-14 {
  width: calc(169 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-15 {
  width: calc(179 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point2-accordion {
  margin: 0 0 calc(117 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point2-accordion__btn {
  margin: calc(7 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 #panel-03 {
  margin: 0 0 calc(116 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point3__h3 {
  margin: calc(87 * var(--formula)) 0 calc(66 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .point3-group__title--upper {
  margin: 0 0 calc(29 * var(--formula)) calc(3 * var(--formula));
  position: relative;
}
#to_vcdaybrighteningplus_2026 .point3-group__title--upper::after {
  content: "";
  width: calc(100 * var(--formula));
  height: calc(81 * var(--formula));
  background-image: url(../img/sec3-obj-04.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(-55 * var(--formula));
  right: calc(-97 * var(--formula));
  z-index: 5;
}

#to_vcdaybrighteningplus_2026 .sec3-img-16 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point3-list--lower {
  display: flex;
  gap: calc(49 * var(--formula));
  margin: calc(75 * var(--formula)) 0 0 calc(-15 * var(--formula));
  justify-content: center;
}

#to_vcdaybrighteningplus_2026 .sec3-img-17 {
  width: calc(181 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point3-item3 {
  margin-left: calc(-19 * var(--formula)) !important;
}

#to_vcdaybrighteningplus_2026 .sec3-img-18 {
  width: calc(196 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec3-img-19 {
  width: calc(140 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .point3-accordion {
  margin: calc(64 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .point3-accordion__btn {
  margin-top: calc(7 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04 {
  padding: calc(161 * var(--formula)) 0 calc(155 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec04__h3 {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(52 * var(--formula));
  margin: 0 0 calc(56 * var(--formula)) calc(8 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__inner--grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: calc(44 * var(--formula)) calc(20 * var(--formula));
  justify-items: center;
}

#to_vcdaybrighteningplus_2026 .sec04__figure1 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec4-img-01 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure2 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec4-img-02 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure3 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec4-img-03 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure4 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec4-img-04 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure5 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec4-img-05 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure6 {
  grid-column: span 2;
}

#to_vcdaybrighteningplus_2026 .sec4-img-06 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure7 {
  grid-column: span 3;
  justify-self: end;
}

#to_vcdaybrighteningplus_2026 .sec4-img-07 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec04__figure8 {
  grid-column: span 3;
  justify-self: start;
}

#to_vcdaybrighteningplus_2026 .sec4-img-08 {
  width: calc(220 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05 {
  margin: 0 0 calc(105 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec05__hgroup {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: calc(38 * var(--formula));
  margin: 0 0 calc(58 * var(--formula)) calc(6 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__h3 {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-b);
  font-size: calc(52 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__txt {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: calc(59.5 / 34);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(34 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__txt--question1::before {
  content: "";
}

#to_vcdaybrighteningplus_2026 .sec05__txt--answer1::after {
  content: "";
}
#to_vcdaybrighteningplus_2026 .sec4-img-09 {
  width: calc(245 * var(--formula));
  margin: 0 0 calc(80 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec05__txt--question2 {
  width: calc(530 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__txt--answer2 {
  padding: calc(20 * var(--formula)) 0 calc(16 * var(--formula))
    calc(38 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec05__txt--answer2::after {
  content: "";
  top: calc(-1 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec4-img-10 {
  width: calc(283 * var(--formula));
  margin: 0 0 calc(80 * var(--formula)) calc(-2 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__txt--answer3::after {
  content: "";
  top: calc(-3 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec4-img-11 {
  width: calc(307 * var(--formula));
  margin: 0 0 0 calc(-27 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__h02 {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: calc(78 / 52);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(52 * var(--formula));
  margin: calc(150 * var(--formula)) 0 calc(47 * var(--formula))
    calc(8 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__txt02 {
  font-size: calc(22 * var(--formula));
  line-height: 2;
}

#to_vcdaybrighteningplus_2026 .sec5-img-01 {
  width: calc(470 * var(--formula));
  margin: calc(66 * var(--formula)) 0 0 calc(-18 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec5-img-02 {
  width: calc(580 * var(--formula));
  margin: calc(76 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .sec5-img-03 {
  width: calc(550 * var(--formula));
  margin: calc(18 * var(--formula)) 0 calc(9 * var(--formula))
    calc(12 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec05__h4 {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: calc(51 / 34);
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(34 * var(--formula));
  margin: 0 0 calc(34 * var(--formula)) calc(5 * var(--formula));
  position: relative;
}

#to_vcdaybrighteningplus_2026 .sec05__push-btn--pink {
  background-color: var(--pink);
  box-shadow: 0 calc(10 * var(--formula)) 0 var(--vivid-pink);
  margin: 0 0 calc(64 * var(--formula)) 0;
  letter-spacing: 0.15em;
}
#to_vcdaybrighteningplus_2026 .sec05__push-btn--pink:hover {
  transform: translateY(calc(10 * var(--formula)));
  box-shadow: 0 0 0 var(--vivid-pink);
}

#to_vcdaybrighteningplus_2026 .sec06 {
  background: var(--white);
  padding: calc(146 * var(--formula)) 0 calc(170 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec06__h3 {
  font-family: var(--font-eng);
  color: var(--orange);
  line-height: calc(84 / 70);
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-m);
  font-size: calc(70 * var(--formula));
  margin: 0 0 calc(44 * var(--formula)) calc(7 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec6-img-01 {
  width: calc(50 * var(--formula));
  top: calc(166 * var(--formula));
  right: calc(-89 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec6-img-02 {
  width: calc(106 * var(--formula));
  top: calc(-95 * var(--formula));
  left: calc(-107 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .lp-modal__inner .sec6-img-01 {
  width: calc(50 * var(--formula));
  top: calc(291 * var(--formula));
  right: calc(41 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .lp-modal__inner .sec6-img-02 {
  width: calc(106 * var(--formula));
  top: calc(29 * var(--formula));
  left: calc(27 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec06__txt--date {
  font-size: calc(32 * var(--formula));
  margin: calc(0 * var(--formula)) 0 calc(80 * var(--formula))
    calc(13 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec06__txt--date span {
  font-size: calc(26 * var(--formula));
  display: inline-block;
  vertical-align: calc(3 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec06__txt--date span i {
  font-style: normal;
  display: inline-block;
  vertical-align: calc(-2 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec06__txt {
  font-size: calc(32 * var(--formula));
  line-height: calc(55 / 32);
}

#to_vcdaybrighteningplus_2026 .sec06__txt--big {
  font-size: calc(76 * var(--formula));
  font-weight: var(--font-b);
  font-family: var(--font-eng);
  color: var(--orange);
  letter-spacing: 0.05em;
  margin: calc(4 * var(--formula)) 0 calc(30 * var(--formula)) 0;
  line-height: 1.5;
}
#to_vcdaybrighteningplus_2026 .plus-vertical {
  position: relative;
  top: calc(-8 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec06__txt--small {
  font-size: calc(46 * var(--formula));
  font-weight: var(--font-b);
  font-family: var(--font-eng);
  color: var(--orange);
  letter-spacing: 0.05em;
}

#to_vcdaybrighteningplus_2026 .sec06__small {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-l);
  font-size: calc(20 * var(--formula));
  margin: calc(30 * var(--formula)) 0 0 0;
  display: inline-block;
}

#to_vcdaybrighteningplus_2026 .sec06__push-btn {
  width: calc(600 * var(--formula));
  height: calc(120 * var(--formula));
  font-family: var(--font-jpn);
  font-size: calc(36 * var(--formula));
  letter-spacing: 0.15em;
  position: relative;
  font-weight: var(--font-b);
  padding: calc(3 * var(--formula)) 0 0 calc(6 * var(--formula));
  z-index: 1;
  box-sizing: border-box;
  margin: calc(59 * var(--formula)) 0 0 0;
  box-shadow: 0 calc(10 * var(--formula)) 0 var(--vivid-orange);
}

#to_vcdaybrighteningplus_2026 .sec06__push-btn::after {
  content: "";
  width: calc(14 * var(--formula));
  height: calc(24 * var(--formula));
  background-image: url(../img/sec6-obj-01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 5;
  top: calc(48 * var(--formula));
  right: calc(50 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec07 {
  margin: calc(156 * var(--formula)) 0 calc(129 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec07__schedule-block {
  margin: 0 0 calc(70 * var(--formula)) 0;
}

#to_vcdaybrighteningplus_2026 .sec07__hgroup {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#to_vcdaybrighteningplus_2026 .sec07__h3 {
  font-family: var(--font-eng);
  color: var(--orange);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-r);
  margin: 0 0 calc(37 * var(--formula)) calc(7 * var(--formula));
  font-size: calc(62 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec07__schedule {
  font-family: var(--font-eng);
  color: var(--orange);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-l);
  font-size: calc(32 * var(--formula));
  margin: 0 0 calc(36 * var(--formula)) calc(6 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec07__schedule span {
  vertical-align: calc(3 * var(--formula));
}

#to_vcdaybrighteningplus_2026 [class*="sec07__shop-item"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(21 * var(--formula));
}
#to_vcdaybrighteningplus_2026 [class*="sec07__shop-category"] {
  font-family: var(--font-eng);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(24 * var(--formula));
}

#to_vcdaybrighteningplus_2026 [class*="sec07__shop-names"] {
  font-family: var(--font-eng);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(22 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec07__shop-item2 {
  gap: calc(24 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .sec07__shop-item3 {
  margin: calc(81 * var(--formula)) 0 0 0;
  gap: calc(23 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec07__shop-names2 span {
  font-size: calc(20 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec07__h4 {
  font-family: var(--font-eng);
  color: var(--orange);
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-l);
  font-size: calc(32 * var(--formula));
  margin: calc(4 * var(--formula)) 0 calc(35 * var(--formula))
    calc(6 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .sec07__push-btn {
  width: calc(600 * var(--formula));
  height: calc(120 * var(--formula));
  margin: calc(52 * var(--formula)) 0 0 0;
  font-size: calc(48 * var(--formula));
  letter-spacing: 0.09em;
  padding: calc(2 * var(--formula)) 0 0 calc(7 * var(--formula));
  box-shadow: 0 calc(10 * var(--formula)) 0 var(--vivid-orange);
}

#to_vcdaybrighteningplus_2026 .right__inner--vertical {
  margin: calc(-5 * var(--formula_pc)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .right__hgroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20 * var(--formula_pc));
  margin: 0 0 calc(18 * var(--formula_pc)) 0;
}

#to_vcdaybrighteningplus_2026 .right__h3 {
  font-size: calc(18 * var(--formula_pc));
  font-family: var(--font-eng);
  font-weight: var(--font-m);
  position: relative;
  z-index: 0;
  color: var(--brown);
  letter-spacing: 0.1em;
}
#to_vcdaybrighteningplus_2026 .right__h3::after {
  content: "";
  width: calc(168 * var(--formula_pc));
  height: calc(20 * var(--formula_pc));
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/common-brush-01.svg);
  transform: translate(-50%, -50%);
  left: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  top: calc(27 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .right__txt {
  font-size: calc(16 * var(--formula_pc));
  font-weight: var(--font-b);
}
#to_vcdaybrighteningplus_2026 .right__txt span {
  font-size: calc(18 * var(--formula_pc));
}
#to_vcdaybrighteningplus_2026 .right__push-btn {
  width: calc(200 * var(--formula_pc));
  height: calc(44 * var(--formula_pc));
  font-size: calc(16 * var(--formula_pc));
  font-weight: var(--font-b);
  letter-spacing: 0.15em;
  position: relative;
  z-index: 0;
  display: flex;
  box-sizing: border-box;
  padding: calc(3 * var(--formula_pc)) 0 0 calc(35 * var(--formula_pc));
}
#to_vcdaybrighteningplus_2026 .right__push-btn::before {
  content: "";
  width: calc(24 * var(--formula_pc));
  height: calc(20 * var(--formula_pc));
  display: block;
  z-index: 1;
  background-image: url(../img/lp-pc-obj-02.svg);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(24 * var(--formula_pc));
  left: calc(61 * var(--formula_pc));
}
#to_vcdaybrighteningplus_2026 .right__modal-btn-wrapper {
  bottom: calc(61 * var(--formula_pc));
  right: calc(60 * var(--formula_pc));
}

#to_vcdaybrighteningplus_2026 .right__modal-btn {
  width: calc(140 * var(--formula_pc));
  height: calc(140 * var(--formula_pc));
  border: none;
  background: var(--orange);
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-family: var(--font-eng);
  color: var(--white);
  font-size: calc(20 * var(--formula_pc));
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-m);
  cursor: pointer;
  box-shadow: 0 calc(5 * var(--formula_pc)) 0 var(--vivid-orange);
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
  padding: 0;
}
#to_vcdaybrighteningplus_2026 .right__modal-btn:hover {
  transform: translateY(calc(10 * var(--formula_pc)));
  box-shadow: 0 0 0 var(--vivid-orange);
}
#to_vcdaybrighteningplus_2026 .right__modal-btn::after {
  content: "";
  width: calc(18 * var(--formula_pc));
  height: calc(18 * var(--formula_pc));
  display: block;
  z-index: 1;
  background-image: url(../img/lp-pc-obj-01.svg);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: calc(11 * var(--formula_pc));
  left: 50%;
}
#to_vcdaybrighteningplus_2026 .floating-bar {
  display: none;
}

#to_vcdaybrighteningplus_2026 .sp-side-modal-btn.js-scroll-show1 {
  transform: translateX(100%);
  transition:
    opacity 0.4s ease-out,
    visibility 0.4s ease-out,
    transform 0.4s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#to_vcdaybrighteningplus_2026 .sp-side-modal-btn.js-scroll-show1.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}

#to_vcdaybrighteningplus_2026 .floating-bar.js-scroll-show2 {
  transform: translateY(100%);
  transition:
    opacity 0.4s ease-out,
    visibility 0.4s ease-out,
    transform 0.4s ease-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#to_vcdaybrighteningplus_2026 .floating-bar.js-scroll-show2.is-active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#to_vcdaybrighteningplus_2026 .sp-side-modal-btn {
  display: none;
}

#to_vcdaybrighteningplus_2026 .lp-modal {
  border: none;
  border-radius: calc(40 * var(--formula));
  padding: 0;
  background: var(--white, #ffffff);

  width: calc(710 * var(--formula));
  max-width: 100%;
  margin: auto;
  overflow-y: scroll;
  scrollbar-width: none;
  overscroll-behavior: contain;
}

#to_vcdaybrighteningplus_2026 .lp-modal[open] {
  animation: fadeInTab 0.6s ease-out forwards;
}

#to_vcdaybrighteningplus_2026 .lp-modal::backdrop {
  animation: fadeInTab 0.6s ease-out forwards;
  background: #ffdfc280;
}

#to_vcdaybrighteningplus_2026 .lp-modal__inner {
  position: relative;
  padding: calc(125 * var(--formula)) 0 calc(152 * var(--formula));
  text-align: center;
}

#to_vcdaybrighteningplus_2026 .modal__txt {
  margin: calc(20 * var(--formula)) 0;
  line-height: 1.6;
}

#to_vcdaybrighteningplus_2026 .modal__txt--big {
  font-size: 1.5em;
  font-weight: bold;
  color: var(--orange);
}

#to_vcdaybrighteningplus_2026 .modal__small {
  display: block;
  font-size: calc(20 * var(--formula));
  color: var(--brown);
  margin: calc(23 * var(--formula)) 0 0 0;
}

#to_vcdaybrighteningplus_2026 .modal__h3 {
  font-family: var(--font-eng);
  color: var(--orange);
  line-height: calc(84 / 70);
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-m);
  font-size: calc(70 * var(--formula));
  margin: 0 0 0 calc(7 * var(--formula));
  position: relative;
}
#to_vcdaybrighteningplus_2026 .modal__schedule {
  font-family: var(--font-jpn);
  color: var(--brown);
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  font-weight: var(--font-r);
  font-size: calc(32 * var(--formula));
  margin: calc(43 * var(--formula)) 0 calc(67 * var(--formula)) 0;
}
#to_vcdaybrighteningplus_2026 .modal__schedule span {
  font-size: calc(26 * var(--formula));
  vertical-align: calc(4 * var(--formula));
  display: inline-block;
}
#to_vcdaybrighteningplus_2026 .modal__schedule span i {
  font-style: normal;
  display: inline-block;
  vertical-align: calc(-2 * var(--formula));
}
#to_vcdaybrighteningplus_2026 .modal__txt {
  font-size: calc(32 * var(--formula));
  line-height: calc(56 / 32);
}

#to_vcdaybrighteningplus_2026 .modal__txt--big {
  font-size: calc(76 * var(--formula));
  font-weight: var(--font-b);
  font-family: var(--font-eng);
  color: var(--orange);
  letter-spacing: 0.05em;
  margin: calc(4 * var(--formula)) 0 calc(30 * var(--formula)) 0;
  line-height: 1.5;
}

#to_vcdaybrighteningplus_2026 .modal__txt--small {
  font-size: calc(46 * var(--formula));
  font-weight: var(--font-b);
  font-family: var(--font-eng);
  color: var(--orange);
  letter-spacing: 0.05em;
}

#to_vcdaybrighteningplus_2026 .modal__push-btn {
  width: calc(600 * var(--formula));
  height: calc(120 * var(--formula));
  font-size: calc(36 * var(--formula));
  font-weight: var(--font-b);
  margin: calc(32 * var(--formula)) 0 0 0;
  position: relative;
}
#to_vcdaybrighteningplus_2026 .modal__push-btn::after {
  content: "";
  width: calc(14 * var(--formula));
  height: calc(24 * var(--formula));
  background-image: url(../img/sec6-obj-01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 5;
  top: calc(48 * var(--formula));
  right: calc(50 * var(--formula));
}

#to_vcdaybrighteningplus_2026 .modal__close-btn {
  top: calc(23 * var(--formula));
  right: calc(29 * var(--formula));
  width: calc(77 * var(--formula));
  height: calc(77 * var(--formula));
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 0;
  color: transparent;
  position: absolute;
}

#to_vcdaybrighteningplus_2026 .modal__close-btn::before,
#to_vcdaybrighteningplus_2026 .modal__close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: max(1px, calc(3 * var(--formula)));
  background-color: var(--orange);
}

#to_vcdaybrighteningplus_2026 .modal__close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#to_vcdaybrighteningplus_2026 .modal__close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#to_vcdaybrighteningplus_2026 .lp-modal.is-closing,
#to_vcdaybrighteningplus_2026 .lp-modal.is-closing::backdrop {
  animation: modalFadeOut 0.4s ease-out forwards;
}

@media (max-width: 767px) {
  #to_vcdaybrighteningplus_2026 .lp-left-area,
  #to_vcdaybrighteningplus_2026 .lp-right-area {
    display: none;
  }

  #to_vcdaybrighteningplus_2026 .lp-main-area {
    width: 100%;
  }
  #to_vcdaybrighteningplus_2026 .sp-side-modal-btn {
    display: block;
    position: fixed;
    bottom: calc(160 * var(--formula));
    right: 0;
    z-index: 998;
    width: calc(80 * var(--formula));
    height: calc(262 * var(--formula));
    background-color: var(--orange);
    border: none;
    border-radius: calc(25 * var(--formula)) 0 0 calc(25 * var(--formula));
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: flex;
    align-items: center;
    color: var(--white);
    font-family: var(--font-eng);
    font-size: calc(32 * var(--formula));
    letter-spacing: 0.1em;
    cursor: pointer;
    font-weight: var(--font-m);
    z-index: 10;
    padding: calc(23 * var(--formula)) 0 0 0;
    box-sizing: border-box;
  }
  #to_vcdaybrighteningplus_2026 .sp-side-modal-btn::after {
    content: "";
    width: calc(28 * var(--formula));
    height: calc(28 * var(--formula));
    z-index: 1;
    background-image: url(../img/lp-pc-obj-01.svg);
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: calc(11 * var(--formula_pc));
    left: 50%;
  }
  #to_vcdaybrighteningplus_2026 .lp-modal::backdrop {
    width: 100%;
  }
  #to_vcdaybrighteningplus_2026 .floating-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 990;
    transition:
      opacity 0.4s ease-out,
      visibility 0.4s ease-out,
      transform 0.4s ease-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(calc(20 * var(--formula)));
  }
  #to_vcdaybrighteningplus_2026 .floating-bar.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__inner,
  #to_vcdaybrighteningplus_2026 .floating-bar {
    background-color: var(--modal-orange);
  }

  #to_vcdaybrighteningplus_2026 .floating-bar {
    display: flex;
    justify-content: space-between;
    padding: calc(15 * var(--formula)) calc(26 * var(--formula))
      calc(25 * var(--formula));
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__hgroup {
    display: flex;
    flex-direction: column;
    gap: calc(21 * var(--formula));
    align-items: center;
    margin: calc(12 * var(--formula)) 0 0 calc(3 * var(--formula));
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__h3 {
    font-family: var(--font-eng);
    font-size: calc(22 * var(--formula));
    font-weight: var(--font-m);
    color: var(--brown);
    position: relative;
    z-index: 1;
    letter-spacing: 0.1em;
  }
  #to_vcdaybrighteningplus_2026 .floating-bar__h3::after {
    content: "";
    width: calc(200 * var(--formula));
    height: calc(24 * var(--formula));
    display: block;
    position: absolute;
    z-index: -1;
    background-image: url(../img/common-brush-01.svg);
    transform: translate(-50%, -50%);
    left: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(27 * var(--formula));
  }
  #to_vcdaybrighteningplus_2026 .floating-bar__txt {
    font-size: calc(22 * var(--formula));
    color: var(--brown);
    display: flex;
    align-items: baseline;
    gap: calc(4 * var(--formula));
    font-weight: var(--font-b);
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__txt span {
    font-size: calc(20 * var(--formula));
    color: var(--brown);
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__push-btn {
    width: calc(280 * var(--formula));
    color: var(--white, #fff);
    font-weight: var(--font-b);
    font-size: calc(34 * var(--formula));
    text-decoration: none;
    height: calc(80 * var(--formula));
    position: relative;
    padding: calc(7 * var(--formula)) 0 0 calc(75 * var(--formula));
    box-sizing: border-box;
    letter-spacing: 0.15em;
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__push-btn:hover,
  #to_vcdaybrighteningplus_2026 .floating-bar__push-btn:active {
    transform: translateY(calc(2 * var(--formula)));
    box-shadow: inset 0 calc(2 * var(--formula)) calc(4 * var(--formula))
      rgba(0, 0, 0, 0.1);
  }

  #to_vcdaybrighteningplus_2026 .floating-bar__push-btn::before {
    content: "";
    width: calc(50 * var(--formula));
    height: calc(52 * var(--formula));
    display: block;
    z-index: 1;
    background-image: url(../img/lp-pc-obj-02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: calc(11 * var(--formula_pc));
    top: calc(18 * var(--formula));
    left: calc(32 * var(--formula));
  }
}
/* 
////////////////////////////////////////////
animation
////////////////////////////////////////////
*/
@keyframes fadeInTab {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modalFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

#to_vcdaybrighteningplus_2026 .slide-up {
  opacity: 0;
  transform: translateY(calc(40 * var(--formula)));
  transition:
    opacity 1s cubic-bezier(0.51, 0.21, 0.41, 1),
    transform 1s cubic-bezier(0.51, 0.21, 0.41, 1);
}
#to_vcdaybrighteningplus_2026 .is-visible.slide-up,
#to_vcdaybrighteningplus_2026 .is-visible .slide-up {
  opacity: 1;
  transform: translateY(0);
}

#to_vcdaybrighteningplus_2026 .anm-delay01 {
  transition-delay: 0.3s;
}

@keyframes move-pop-pseudo {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.05);
  }
  85% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

#to_vcdaybrighteningplus_2026 .pop-up {
  opacity: 0;
}

#to_vcdaybrighteningplus_2026 .pop-up.is-visible {
  opacity: 1;
  animation: move-pop-pseudo 0.8s ease-in-out forwards;
}
@keyframes reveal-ltr {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
#to_vcdaybrighteningplus_2026 .lp-pc-txt-01::after,
#to_vcdaybrighteningplus_2026 .lp-mv-txt-01::after,
#to_vcdaybrighteningplus_2026 .sec02__h31::after {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
#to_vcdaybrighteningplus_2026 .lp-pc-txt-01.is-visible::after,
#to_vcdaybrighteningplus_2026 .sec02__h31.is-visible::after {
  animation: reveal-ltr 0.6s ease-out forwards;
}
#to_vcdaybrighteningplus_2026 .is-visible .lp-mv-txt-01::after {
  animation: reveal-ltr 0.6s ease-out forwards;
  animation-delay: 1s;
}
#to_vcdaybrighteningplus_2026 .splide__slide .pop-up {
  opacity: 0;
}

#to_vcdaybrighteningplus_2026 .splide__slide.is-active .pop-up {
  opacity: 1;
  animation: move-pop-pseudo 0.6s ease-in-out forwards;
}

/* ⚠️ モーダルデバッグ用 */
/* .lp-modal[open] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  margin: 0;
  box-shadow: 0 0 0 9999px #ffdfc280;
} */