@charset "UTF-8";
/* ==========================================
   ■ 設定値（ここだけ触ればOK）
   ========================================== */
html {
  scrollbar-gutter: stable;
  /* ローディング中はスクロールを禁止 */
  position: relative;
}
html::before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ffe3e8;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  pointer-events: none;
}
html.is-loading-active {
  overflow: hidden;
}
html.done::before {
  display: none;
}

:root {
  --limitSizeNum: 100vw;
  --spSize: 750;
  --pcSize: 1400;
  --spSizeInPc: 500;
}

.f-container {
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 500; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP→PC 可変設定*/
  --formula_pc: calc(var(--variable) * 1); /*PC 1400以上は固定*/
}

html {
  font-size: calc(100vw / (140));
}

@media (min-width: 1401px) {
  .f-container {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(100vw / (140));
  }
  .f-container {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  :root {
    --spSizeInPc: 750;
    --pcSize: 750;
  }
  html {
    font-size: calc(100vw / (75));
  }
  .f-container {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
  .f-right,
  .f-left {
    display: none !important;
  }
}
.l-container {
  width: 100%;
}

.l-footer {
  padding-top: 0;
}
.l-footer .pc-footer {
  margin-top: 0;
}

.f-container {
  background-color: #ffe3e8;
  opacity: 0;
}
.f-container.show {
  opacity: 1;
}
.f-container {
  width: 100%;
  overflow: clip;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.f-container * {
  box-sizing: border-box;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.f-container {
  color: #000;
  font-feature-settings: "palt";
}
.f-container img,
.f-container video {
  width: 100%;
  height: auto;
  vertical-align: top;
  pointer-events: none;
}
.f-container svg {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  shape-rendering: geometricPrecision;
}
.f-container a {
  color: #000;
  display: block;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.f-container figure {
  display: block;
}
.f-container .f-left, .f-container .f-right {
  pointer-events: none;
  position: absolute;
  z-index: 5;
  width: 50vw;
  height: 100%;
  overflow: clip;
  display: flex;
}
.f-container .f-left > *, .f-container .f-right > * {
  position: sticky;
  top: 0px;
}
.f-container .f-left {
  top: 0;
  left: calc(-1 * (50vw - 375 * var(--formula)));
  justify-content: flex-start;
  align-items: flex-start;
}
.f-container .f-left__logo {
  width: 15rem;
  padding: 4rem 0 0 4rem;
  box-sizing: content-box;
}
.f-container .f-right {
  top: 0;
  right: calc(-1 * (50vw - 375 * var(--formula)));
  justify-content: flex-end;
  align-items: flex-start;
}
.f-container .f-right__title {
  width: 14.96rem;
  padding: 4rem 4rem 0 0;
  box-sizing: content-box;
}
.f-container .f-main {
  width: calc(750 * var(--formula));
}
.f-container .f-main-wrap {
  width: calc(750 * var(--formula));
  margin: 0 auto;
}
@media (max-width: 767px) {
  .f-container .f-main {
    width: 100%;
  }
}
.f-container .fadeIn {
  opacity: 0;
}
.f-container .fadeIn.showed {
  animation: fadeIn 2.5s ease forwards;
}
.f-container .animation-swaying {
  animation: swaying 3.6s ease 0s infinite;
  transition: 0.5s cubic-bezier(0.11, 0.74, 0.465, 1.65) 0s;
}
@keyframes swaying {
  0% {
    rotate: 0deg;
  }
  40% {
    rotate: 0deg;
  }
  55% {
    rotate: 7.5deg;
  }
  70% {
    rotate: -7.5deg;
  }
  75% {
    rotate: 0deg;
  }
  to {
    rotate: 0deg;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes damped-swing {
  0% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(12deg);
  }
  19% {
    transform: rotate(-9deg);
  }
  30% {
    transform: rotate(6.4deg);
  }
  41% {
    transform: rotate(-4.3deg);
  }
  52% {
    transform: rotate(2.8deg);
  }
  63% {
    transform: rotate(-1.7deg);
  }
  74% {
    transform: rotate(0.9deg);
  }
  84% {
    transform: rotate(-0.4deg);
  }
  92% {
    transform: rotate(0.15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.f-container.pc {
  scroll-margin-top: 80px;
}
.f-container.pc .loading.is-zooming .loading__wrap {
  transform: scale(2.9);
}
.f-container.pc .sc::after {
  display: none !important;
}
.f-container.sp {
  scroll-margin-top: 50px;
}
.f-container.app {
  scroll-margin-top: 0px;
}
.f-container .loading img {
  /* 輪郭をはっきりさせる */
  image-rendering: -webkit-optimize-contrast; /* Safari対策 */
  image-rendering: crisp-edges;
}
.f-container .loading {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: #ffe2e8;
  perspective: 1500px;
  overflow: hidden;
  transition: opacity 0.6s ease;
}
.f-container .loading.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.f-container .loading__box {
  position: relative;
  width: calc(626.478 * var(--formula));
  height: calc(1084.92 * var(--formula));
  margin: calc(308 * var(--formula)) auto 0;
}
.f-container .loading__box::before, .f-container .loading__box::after {
  display: inline-block;
  content: "";
  width: calc(50 * var(--formula));
  height: 30%;
  background-color: #ffe2e8;
  position: absolute;
  bottom: calc(100 * var(--formula));
}
.f-container .loading__box::before {
  left: calc(-48 * var(--formula));
  z-index: 2;
}
.f-container .loading__box::after {
  right: calc(-48 * var(--formula));
  z-index: 1;
}
.f-container .loading__title {
  width: calc(250 * var(--formula));
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-123 * var(--formula));
}
.f-container .loading__title img {
  transform: translateX(calc(-4 * var(--formula)));
}
.f-container .loading__wrap {
  position: relative;
  z-index: 2;
  transform-origin: center center;
  transform: translateZ(0);
  transition: transform 2.5s cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
.f-container .loading__front-scene {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.f-container .loading__reel-wrap, .f-container .loading__logo-wrap {
  position: absolute;
  display: grid;
  place-items: center;
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.8s ease;
}
.f-container .loading__reel-wrap img, .f-container .loading__logo-wrap img {
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.8s ease;
}
.f-container .loading__reel-wrap {
  overflow: hidden;
  height: calc(59.36 * var(--formula));
  top: calc(218 * var(--formula));
  margin-left: calc(-8 * var(--formula));
  transform: translateY(0);
  opacity: 1;
}
.f-container .loading__logo-wrap {
  overflow: hidden;
  top: calc(226 * var(--formula));
}
.f-container .loading__logo-wrap img {
  transform: translateY(100%);
  opacity: 0;
}
.f-container .loading__logo {
  width: calc(140.726 * var(--formula));
}
.f-container .loading__year {
  display: flex;
  font-family: "ivypresto-display", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(50.8 * var(--formula));
  line-height: calc(59.36 * var(--formula));
  color: #000;
  letter-spacing: 0.022em;
}
.f-container .loading__dial {
  overflow: hidden;
}
.f-container .loading__reel {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform 900ms cubic-bezier(0.65, 0, 0.35, 1);
}
.f-container .loading__digit {
  display: grid;
  place-items: center;
  flex: 0 0 1em;
  height: 1em;
}
.f-container .loading.is-reel-running .loading__reel {
  transform: translateY(-1em);
}
.f-container .loading.is-reel-running .loading__dial:last-child .loading__reel {
  transition-delay: 80ms;
}
.f-container .loading.is-logo-showing .loading__reel-wrap {
  transform: translateY(-1em);
  opacity: 0;
}
.f-container .loading.is-logo-showing .loading__logo-wrap img {
  transform: translateY(0);
  opacity: 1;
}
.f-container .loading__front {
  position: relative;
  z-index: 2;
  transform-origin: center;
  transition: transform 2.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.f-container .loading__cabinet {
  width: calc(623 * var(--formula));
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(19 * var(--formula));
  z-index: 1;
}
.f-container .loading__cabinet::before, .f-container .loading__cabinet::after {
  display: inline-block;
  content: "";
  width: calc((100% - 408 * var(--formula)) / 2);
  height: 100%;
  position: absolute;
  bottom: 0;
  background-color: #ffe2e8;
  transition: opacity 0.1s ease 0.5s;
}
.f-container .loading__cabinet::before {
  left: calc(0 * var(--formula));
}
.f-container .loading__cabinet::after {
  right: calc(0 * var(--formula));
}
.f-container .loading__door-scene {
  width: calc(408 * var(--formula));
  position: absolute;
  top: calc(329 * var(--formula));
  left: calc((100% - 408 * var(--formula)) / 2);
  z-index: 3;
  transform: scale(1) translateZ(0);
  transform-origin: center;
  transition: transform 2.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.f-container .loading__doors {
  perspective: 1800px;
  pointer-events: none;
}
.f-container .loading__door {
  position: absolute;
  top: calc(-1 * var(--formula));
  width: calc(205.653 * var(--formula));
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 2.65s cubic-bezier(0.76, 0, 0.24, 1), top 2.2s ease;
}
.f-container .loading__door--left {
  left: 0;
  transform-origin: left center;
}
.f-container .loading__door--right {
  right: calc(1 * var(--formula));
  transform-origin: right center;
}
.f-container .loading__frame {
  position: absolute;
}
.f-container .loading.is-door-opening .loading__door--left {
  transform: rotateY(-180deg) scaleX(0.6657865434);
  filter: drop-shadow(calc(10 * var(--formula)) calc(10 * var(--formula)) calc(20 * var(--formula)) rgba(0, 0, 0, 0.15));
}
.f-container .loading.is-door-opening .loading__door--right {
  transform: rotateY(180deg) scaleX(0.6657865434);
  filter: drop-shadow(calc(-10 * var(--formula)) calc(10 * var(--formula)) calc(20 * var(--formula)) rgba(0, 0, 0, 0.15));
}
.f-container .loading.is-zooming .loading__cabinet::before, .f-container .loading.is-zooming .loading__cabinet::after {
  opacity: 0;
}
.f-container .loading.is-zooming .loading__wrap {
  transform: scale(1.35) translateZ(0);
}
.f-container .hero {
  position: relative;
  padding-top: calc(688 * var(--formula));
}
.f-container .hero__box {
  position: relative;
  width: calc(623 * var(--formula));
  margin: 0 auto;
}
.f-container .hero__box.done .hero__title span {
  animation: fadeIn 2.5s ease forwards;
}
.f-container .hero__box.done .hero__title span:nth-of-type(1) {
  animation-delay: 1.5s;
}
.f-container .hero__box.done .hero__title span:nth-of-type(2) {
  animation-delay: 2.5s;
}
.f-container .hero__box.done .hero__title span:nth-of-type(3) {
  animation-delay: 3.5s;
}
.f-container .hero__box.done .hero__cabinet-tag {
  animation: damped-swing 4.8s cubic-bezier(0.22, 0.7, 0.25, 1) forwards;
}
.f-container .hero__title span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  box-sizing: content-box;
}
.f-container .hero__title .title01 {
  width: calc(250.93 * var(--formula));
  top: calc(-586 * var(--formula));
  margin-left: calc(-5 * var(--formula));
}
.f-container .hero__title .title02 {
  width: calc(367 * var(--formula));
  top: calc(-493 * var(--formula));
}
.f-container .hero__title .title03 {
  width: calc(378.927 * var(--formula));
  top: calc(-117 * var(--formula));
}
.f-container .hero__cabinet img {
  transform: translateY(calc(5 * var(--formula)));
}
.f-container .hero__cabinet {
  display: block;
}
.f-container .hero__cabinet-tag {
  width: calc(29.3835 * var(--formula));
  display: block;
  position: absolute;
  transform-origin: top center;
}
.f-container .hero .tag01 {
  top: calc(213 * var(--formula));
  left: calc(239 * var(--formula));
}
.f-container .hero .tag02 {
  top: calc(280 * var(--formula));
  left: calc(239 * var(--formula));
}
.f-container .hero .tag03 {
  top: calc(213 * var(--formula));
  left: calc(345 * var(--formula));
}
.f-container .hero .tag04 {
  top: calc(280 * var(--formula));
  left: calc(345 * var(--formula));
}
.f-container .hero .tag05 {
  top: calc(213 * var(--formula));
  left: calc(402 * var(--formula));
}
.f-container .hero .tag06 {
  top: calc(280 * var(--formula));
  left: calc(402 * var(--formula));
}
.f-container .hero .tag07 {
  top: calc(213 * var(--formula));
  left: calc(460 * var(--formula));
}
.f-container .sticky-wrap {
  position: relative;
}
.f-container .sc {
  position: relative;
  margin-top: calc(542 * var(--formula));
  padding-bottom: calc(100 * var(--formula));
}
.f-container .sc::before {
  display: inline-block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: #fffdfa;
}
.f-container .sc::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
@media (max-width: 800px) {
  .f-container .sc::after {
    height: max(2 * var(--formula), 1px);
  }
}
.f-container .sc {
  background-color: #fffdfa;
}
.f-container .sc__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(-100 * var(--formula));
  width: 100%;
  background-color: #fffdfa;
  position: relative;
  z-index: 5;
}
.f-container .sc__wrap::before {
  display: inline-block;
  content: "";
  width: calc(750 * var(--formula));
  height: calc(750 * var(--formula));
  background-color: #fffdfa;
  border-radius: calc(375 * var(--formula)) calc(375 * var(--formula)) 0 0;
  position: absolute;
  left: 0;
  top: calc(-350 * var(--formula));
  z-index: 1;
}
.f-container .sc__wrap > * {
  position: relative;
  z-index: 2;
}
.f-container .sc__heart {
  width: calc(32.8641 * var(--formula));
}
.f-container .sc .heart01 {
  margin-top: calc(-253 * var(--formula));
  margin-bottom: calc(29 * var(--formula));
}
.f-container .sc__title {
  width: calc(250.931 * var(--formula));
  margin-left: calc(-8 * var(--formula));
  margin-bottom: calc(97 * var(--formula));
}
.f-container .sc__message {
  width: calc(621.3 * var(--formula));
  margin-bottom: calc(66 * var(--formula));
}
.f-container .sc .heart02 {
  margin-bottom: calc(57 * var(--formula));
}
.f-container .sc__sub {
  width: calc(510.398 * var(--formula));
  margin: 0 auto;
  margin-bottom: calc(40 * var(--formula));
}
.f-container .sc__text {
  width: calc(580.187 * var(--formula));
}
.f-container .sc__box {
  position: relative;
}
.f-container .sc__box picture {
  position: absolute;
  display: block;
}
.f-container .sc .box01 {
  margin-top: calc(107 * var(--formula));
  margin-left: calc(63 * var(--formula));
  width: calc(593.467 * var(--formula));
  height: calc(816.324 * var(--formula));
}
.f-container .sc .box01 .key01 {
  width: calc(231.77 * var(--formula));
  top: calc(0 * var(--formula));
  left: calc(28 * var(--formula));
}
.f-container .sc .box01 .key02 {
  width: calc(176.4 * var(--formula));
  top: calc(11 * var(--formula));
  left: calc(323 * var(--formula));
}
.f-container .sc .box01 .key03 {
  width: calc(195.51 * var(--formula));
  top: calc(192 * var(--formula));
  left: calc(-45 * var(--formula));
  animation-delay: 1s;
}
.f-container .sc .box01 .key04 {
  width: calc(191.89 * var(--formula));
  top: calc(290 * var(--formula));
  left: calc(184 * var(--formula));
}
.f-container .sc .box01 .key05 {
  width: calc(150.637 * var(--formula));
  top: calc(245 * var(--formula));
  right: calc(46 * var(--formula));
}
.f-container .sc .box01 .key06 {
  width: calc(195.99 * var(--formula));
  bottom: calc(72 * var(--formula));
  left: calc(26 * var(--formula));
}
.f-container .sc .box01 .key07 {
  width: calc(208.144 * var(--formula));
  bottom: calc(0 * var(--formula));
  right: calc(64 * var(--formula));
  animation-delay: 2s;
}
@media (max-width: 800px) {
  .f-container .sc .heart01 {
    margin-top: calc(-253 * var(--formula));
    margin-bottom: calc(24 * var(--formula));
  }
  .f-container .sc__title {
    margin-bottom: calc(79 * var(--formula));
  }
  .f-container .sc__message {
    margin-bottom: calc(62 * var(--formula));
  }
  .f-container .sc .heart02 {
    margin-bottom: calc(57 * var(--formula));
  }
  .f-container .sc__sub {
    margin-bottom: calc(38 * var(--formula));
  }
}
.f-container .sec__area {
  padding-top: calc(100 * var(--formula));
  padding-bottom: calc(195 * var(--formula));
  position: relative;
}
.f-container .sec__area:has(a) {
  background-color: #ffcad4;
}
.f-container .sec__area:has(a)::before {
  display: inline-block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: #ffcad4;
}
.f-container .sec__area:has(a) .sec__close {
  display: none;
}
.f-container .sec__area:has(a) .sec__open {
  display: block !important;
}
.f-container .sec__area:has(a) .sec__title {
  opacity: 1;
}
.f-container .sec__area:has(a) .sec__title-open {
  display: block;
}
.f-container .sec__area:has(a) .sec__title-close {
  display: none;
}
.f-container .sec__area a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}
.f-container .sec__area::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}
@media (max-width: 800px) {
  .f-container .sec__area::after {
    height: max(2 * var(--formula), 1px);
  }
}
.f-container .sec__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f-container .sec__title {
  position: relative;
  z-index: 2;
  opacity: 0.5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f-container .sec__title-open {
  display: none;
}
.f-container .sec__title-close {
  width: calc(136.679 * var(--formula));
}
.f-container .sec__box {
  position: relative;
  width: calc(102.434 * var(--formula));
}
.f-container .sec__box picture {
  display: block;
}
.f-container .sec__nob {
  pointer-events: none;
  width: calc(135.41 * var(--formula));
  position: absolute;
  top: calc(101 * var(--formula));
  left: calc(-66 * var(--formula));
  z-index: 5;
}
.f-container .sec__close {
  position: absolute;
  width: calc(124.3 * var(--formula));
  top: calc(63 * var(--formula));
  left: calc(-11 * var(--formula));
  transform-origin: top center;
  transform: rotate(-12deg);
}
.f-container .sec__close.showed {
  animation: damped-swing-close 4.8s cubic-bezier(0.22, 0.7, 0.25, 1) forwards;
}
@keyframes damped-swing-close {
  0% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(12deg);
  }
  19% {
    transform: rotate(-9deg);
  }
  30% {
    left: calc(-16 * var(--formula));
    transform: rotate(6.4deg);
  }
  41% {
    transform: rotate(-4.3deg);
  }
  52% {
    transform: rotate(2.8deg);
  }
  63% {
    transform: rotate(-1.7deg);
  }
  74% {
    transform: rotate(0.9deg);
  }
  84% {
    transform: rotate(-0.4deg);
  }
  92% {
    transform: rotate(0.15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.f-container .sec__open {
  display: none !important;
  position: absolute;
  width: calc(124.3 * var(--formula));
  top: calc(63 * var(--formula));
  left: calc(2 * var(--formula));
  transform-origin: top center;
  transform: rotate(12deg);
}
.f-container .sec__open img {
  transition: filter 0.3s ease;
}
.f-container .sec__open.showed {
  animation: damped-swing-open 4.8s cubic-bezier(0.22, 0.7, 0.25, 1) forwards;
}
@keyframes damped-swing-open {
  0% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(-12deg);
  }
  19% {
    transform: rotate(9deg);
  }
  30% {
    left: calc(-5 * var(--formula));
    transform: rotate(-6.4deg);
  }
  41% {
    transform: rotate(4.3deg);
  }
  52% {
    transform: rotate(-2.8deg);
  }
  63% {
    transform: rotate(1.7deg);
  }
  74% {
    transform: rotate(-0.9deg);
  }
  84% {
    transform: rotate(0.4deg);
  }
  92% {
    transform: rotate(-0.15deg);
  }
  100% {
    transform: rotate(0deg);
    left: calc(-11 * var(--formula));
  }
}
.f-container .sec01 {
  padding-bottom: calc(193 * var(--formula));
}
.f-container .sec01 .title01 {
  width: calc(431.442 * var(--formula));
  margin-bottom: calc(74 * var(--formula));
}
.f-container .sec01:has(a) {
  padding-bottom: calc(197 * var(--formula));
}
.f-container .sec01:has(a) .title01 {
  margin-bottom: calc(70 * var(--formula));
}
.f-container .sec02 {
  padding-top: calc(98 * var(--formula));
  padding-bottom: calc(193 * var(--formula));
}
.f-container .sec02 .title01 {
  width: calc(455 * var(--formula));
  margin-bottom: calc(70 * var(--formula));
  margin-left: calc(16 * var(--formula));
}
.f-container .sec02 .title01 .sec__title-close {
  margin-top: calc(50 * var(--formula));
  margin-left: calc(-15 * var(--formula));
}
.f-container .sec02 .title01 .sec__title-brand {
  width: calc(140 * var(--formula));
  margin-top: calc(30 * var(--formula));
  margin-left: calc(-16 * var(--formula));
}
.f-container .sec02:has(a) .title01 {
  margin-bottom: calc(68 * var(--formula));
}
.f-container .sec03 {
  padding-bottom: calc(196 * var(--formula));
}
.f-container .sec03 .title01 {
  width: calc(524 * var(--formula));
  margin-bottom: calc(72 * var(--formula));
  margin-left: calc(5 * var(--formula));
}
.f-container .sec03:has(a) .title01 {
  margin-bottom: calc(74 * var(--formula));
}
.f-container .sec04 {
  padding-bottom: calc(193 * var(--formula));
}
.f-container .sec04 .title01 {
  width: calc(438 * var(--formula));
  margin-bottom: calc(73 * var(--formula));
  margin-left: calc(-12 * var(--formula));
}
.f-container .sec04 .title01 .sec__title-close {
  margin-top: calc(44 * var(--formula));
  margin-left: calc(8 * var(--formula));
}
.f-container .sec04 .title01 .sec__title-brand {
  width: calc(225 * var(--formula));
  margin-top: calc(60 * var(--formula));
  margin-left: calc(10 * var(--formula));
}
.f-container .sec04:has(a) {
  padding-bottom: calc(188 * var(--formula));
}
.f-container .sec04:has(a) .title01 {
  margin-bottom: calc(53 * var(--formula));
}
.f-container .sec05 {
  padding-top: calc(100 * var(--formula));
  padding-bottom: calc(193 * var(--formula));
}
.f-container .sec05 .title01 {
  width: calc(567 * var(--formula));
  margin-bottom: calc(76 * var(--formula));
}
.f-container .sec05:has(a) {
  padding-top: calc(174 * var(--formula));
}
.f-container .sec06 {
  padding-top: calc(94 * var(--formula));
  padding-bottom: calc(195 * var(--formula));
}
.f-container .sec06 .title01 {
  width: calc(522 * var(--formula));
  margin-bottom: calc(64 * var(--formula));
}
.f-container .sec06 .title01 .sec__title-close {
  margin-top: calc(51.56 * var(--formula));
}
.f-container .sec06 .title01 .sec__title-brand {
  width: calc(140 * var(--formula));
  margin-top: calc(26 * var(--formula));
  margin-left: calc(2 * var(--formula));
}
.f-container .sec06:has(a) {
  padding-bottom: calc(197 * var(--formula));
}
.f-container .sec06:has(a) .title01 {
  margin-bottom: calc(66 * var(--formula));
}
.f-container .sec07 {
  padding-top: calc(100 * var(--formula));
  padding-bottom: calc(190 * var(--formula));
}
.f-container .sec07 .title01 {
  width: calc(578 * var(--formula));
  margin-bottom: calc(72 * var(--formula));
}
.f-container .btm {
  padding-top: calc(150 * var(--formula));
  padding-bottom: calc(174 * var(--formula));
  position: relative;
  background-color: #ffc0cb;
}
.f-container .btm::before {
  display: inline-block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: #ffc0cb;
}
.f-container .btm__title {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.f-container .btm__title img {
  opacity: 0;
}
.f-container .btm__title img:nth-of-type(1) {
  width: calc(225.597 * var(--formula));
  margin-bottom: calc(70 * var(--formula));
}
.f-container .btm__title img:nth-of-type(2) {
  width: calc(228.846 * var(--formula));
  animation-delay: 1s !important;
}
.f-container .btm__title.showed img {
  animation: fadeIn 2.5s ease forwards;
}

.pc-header-main.is-fixed {
  display: none;
}