@charset "UTF-8";
/** breakPoint **/
html {
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
}

.l-footer-inquiry {
  display: none;
}

.p-bakukun {
  overflow-x: clip;
  color: #0e63c4;
}
.p-bakukun img {
  display: block;
  max-width: none;
  height: auto;
}
.p-bakukun h1,
.p-bakukun h2,
.p-bakukun h3,
.p-bakukun p,
.p-bakukun ul {
  margin: 0;
  padding: 0;
}
.p-bakukun ul {
  list-style: none;
}
.p-bakukun section {
  position: relative;
  scroll-margin-top: min(80px, 5.5555555556vw);
}
@media (max-width: 767px) {
  .p-bakukun section {
    scroll-margin-top: 7.6923076923vw;
  }
}

.p-bakukun-inner {
  position: relative;
  width: min(1440px, 100vw);
  height: 100%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-bakukun-inner {
    width: 100%;
  }
}

/* ---------------------------------------------
  Header
--------------------------------------------- */
.p-bakukun-header {
  position: fixed;
  top: min(31px, 2.1527777778vw);
  left: min(31px, 2.1527777778vw);
  right: min(31px, 2.1527777778vw);
  z-index: 100;
}
@media (max-width: 767px) {
  .p-bakukun-header {
    top: 3.0769230769vw;
    left: 3.0769230769vw;
    right: 3.0769230769vw;
  }
}
.p-bakukun-header__inner {
  display: flex;
  align-items: center;
  height: min(72px, 5vw);
  padding-left: min(41px, 2.8472222222vw);
  padding-right: min(12px, 0.8333333333vw);
  border-radius: min(36px, 2.5vw);
  background-color: #fff;
  max-width: 1200px;
  margin: auto;
}
@media (max-width: 767px) {
  .p-bakukun-header__inner {
    height: 9.2307692308vw;
    padding-left: 3.0769230769vw;
    padding-right: 1.5384615385vw;
    border-radius: 4.6153846154vw;
  }
}
.p-bakukun-header__logo {
  display: block;
  width: min(222px, 15.4166666667vw);
  margin-right: auto;
}
@media (max-width: 767px) {
  .p-bakukun-header__logo {
    width: 29.7435897436vw;
  }
}
.p-bakukun-header__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.p-bakukun-header__nav {
  display: flex;
  gap: min(26px, 1.8055555556vw);
  margin-right: min(40px, 2.7777777778vw);
}
@media (max-width: 767px) {
  .p-bakukun-header__nav {
    display: none;
  }
}
.p-bakukun-header__nav-link {
  color: #0e63c4;
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s;
}
.p-bakukun-header__nav-link:hover {
  opacity: 0.7;
}
.p-bakukun-header__hamburger {
  display: none;
}
.p-bakukun-header__hamburger span {
  display: block;
  width: 100%;
  height: 0.5128205128vw;
  border-radius: 0.2564102564vw;
  background-color: #0e63c4;
  transition: transform 0.3s, opacity 0.3s;
}
.p-bakukun-header.is-open .p-bakukun-header__hamburger span:nth-child(1) {
  transform: translateY(1.6666666667vw) rotate(45deg);
}
.p-bakukun-header.is-open .p-bakukun-header__hamburger span:nth-child(2) {
  opacity: 0;
}
.p-bakukun-header.is-open .p-bakukun-header__hamburger span:nth-child(3) {
  transform: translateY(-1.6666666667vw) rotate(-45deg);
}
.p-bakukun-header__icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: min(48px, 3.3333333333vw);
  height: min(48px, 3.3333333333vw);
  border-radius: 50%;
  background-color: #0e63c4;
  clip-path: circle(50% at 50% 50%);
  transition: clip-path 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 767px) {
  .p-bakukun-header__icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.p-bakukun-header__icon-bakukun {
  position: absolute;
  top: 3.13%;
  left: -5.21%;
  width: 107.29%;
  max-width: none;
  height: auto;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (hover: hover) {
  .p-bakukun-header__icon:hover {
    clip-path: circle(100% at 50% 50%);
  }
  .p-bakukun-header__icon:hover .p-bakukun-header__icon-bakukun {
    transform: translateY(-15.6%) scale(1.05);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-bakukun-header__icon, .p-bakukun-header__icon-bakukun {
    transition: none;
  }
}

.p-bakukun-drawer {
  display: none;
  flex-direction: column;
  gap: 2.0512820513vw;
  margin-top: 1.5384615385vw;
  padding: 4.1025641026vw 6.1538461538vw;
  border-radius: 4.6153846154vw;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-bakukun-header.is-open .p-bakukun-drawer {
    display: flex;
  }
}
.p-bakukun-drawer__link {
  color: #0e63c4;
  font-size: 4.1025641026vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
}

/* ---------------------------------------------
  Hero
--------------------------------------------- */
.p-bakukun-hero {
  height: 58.0555555556vw;
  background-color: #0e63c4;
}
@media (max-width: 767px) {
  .p-bakukun-hero {
    height: 118.5897435897vw;
  }
}
.p-bakukun-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: 50% 100%;
}
.p-bakukun-hero__cloud {
  position: absolute;
}
.p-bakukun-hero__cloud--left {
  left: 0;
  top: 15.625vw;
  width: 16.8055555556vw;
  transform-origin: left center;
}
@media (max-width: 767px) {
  .p-bakukun-hero__cloud--left {
    display: none !important;
  }
}
.p-bakukun-hero__cloud--sp-left, .p-bakukun-hero__cloud--sp-right {
  display: none !important;
}
@media (max-width: 767px) {
  .p-bakukun-hero__cloud--sp-left, .p-bakukun-hero__cloud--sp-right {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .p-bakukun-hero__cloud--sp-left {
    left: 0;
    top: 20.2564102564vw;
    width: 20.3846153846vw;
  }
}
@media (max-width: 767px) {
  .p-bakukun-hero__cloud--sp-right {
    right: 0;
    top: 57.1794871795vw;
    width: 23.5897435897vw;
  }
}
.p-bakukun-hero__copy {
  position: absolute;
  left: calc(50% + 5.5555555556vw);
  bottom: 30.1388888889vw;
  width: 18.8888888889vw;
  aspect-ratio: 272/157;
}
@media (max-width: 767px) {
  .p-bakukun-hero__copy {
    position: absolute;
    left: 33.3333333333vw;
    top: 24.8717948718vw;
    width: 36.1538461538vw;
    bottom: auto;
  }
}
.p-bakukun-hero__copy-line {
  position: absolute;
  inset: 0;
}
.p-bakukun-hero__copy-line img {
  width: 100%;
}
.p-bakukun-hero__copy-line--1 {
  clip-path: inset(0 0 70% 0);
}
.p-bakukun-hero__copy-line--2 {
  clip-path: inset(30% 0 31% 0);
}
.p-bakukun-hero__copy-line--3 {
  clip-path: inset(69% 0 0 0);
}
.p-bakukun-hero__wave {
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-bakukun-hero__wave {
    left: -28.2051282051vw;
    top: 101.9230769231vw;
    bottom: auto;
    width: 148.7179487179vw;
    transform: none;
  }
}

/* ---------------------------------------------
  AISATSU
--------------------------------------------- */
.p-bakukun-aisatsu {
  padding-top: min(94px, 6.5277777778vw);
  padding-bottom: min(140px, 9.7222222222vw);
  height: auto;
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu {
    padding-top: 16.7948717949vw;
    padding-bottom: 21.5384615385vw;
  }
}
.p-bakukun-aisatsu .p-bakukun-inner {
  padding-left: min(300px, 20.8333333333vw);
  height: auto;
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu .p-bakukun-inner {
    padding-left: 16.9230769231vw;
  }
}
.p-bakukun-aisatsu__title {
  position: relative;
  z-index: 1;
  width: min(544px, 37.7777777778vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__title {
    width: 60.7692307692vw;
  }
}
.p-bakukun-aisatsu__title img {
  width: 100%;
}
.p-bakukun-aisatsu__story {
  position: relative;
  z-index: 1;
  margin-top: min(62px, 4.3055555556vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__story {
    margin-top: 8.2051282051vw;
  }
}
.p-bakukun-aisatsu__paragraph + .p-bakukun-aisatsu__paragraph {
  margin-top: min(43px, 2.9861111111vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__paragraph + .p-bakukun-aisatsu__paragraph {
    margin-top: 3.3333333333vw;
  }
}
.p-bakukun-aisatsu__line {
  display: block;
  width: fit-content;
  padding-right: min(8px, 0.5555555556vw);
  font-family: "M PLUS Rounded 1c", var(--font-family-jp), sans-serif;
  font-size: min(26px, 1.8055555556vw);
  font-weight: 800;
  line-height: min(65px, 4.5138888889vw);
  letter-spacing: 0.02em;
  white-space: nowrap;
  background-image: radial-gradient(circle, #ffad0d min(2.4px, 0.1666666667vw), transparent min(2.9px, 0.2013888889vw));
  background-size: min(10.1px, 0.7013888889vw) min(6px, 0.4166666667vw);
  background-repeat: repeat-x;
  background-position: 0 min(51px, 3.5416666667vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__line {
    padding-right: 1.0256410256vw;
    font-size: 3.3333333333vw;
    line-height: 8.7179487179vw;
    background-image: radial-gradient(circle, #ffad0d 0.3076923077vw, transparent 0.3717948718vw);
    background-size: 1.2948717949vw 0.7692307692vw;
    background-position: 0 6.6666666667vw;
  }
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__line--pc {
    display: none;
  }
}
.p-bakukun-aisatsu__line--sp {
  display: none;
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__line--sp {
    display: block;
  }
}
.p-bakukun-aisatsu__deco {
  pointer-events: none;
}
.p-bakukun-aisatsu__deco--cloud-left-top {
  position: absolute;
  left: min(0px, 0vw);
  top: min(274px, 19.0277777778vw);
  width: min(163px, 11.3194444444vw);
  transform-origin: left center;
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--cloud-left-top {
    position: absolute;
    left: -4.6153846154vw;
    top: 49.8717948718vw;
    width: 16.6666666667vw;
  }
}
.p-bakukun-aisatsu__deco--cloud-right {
  position: absolute;
  left: min(0px, 0vw);
  top: min(631px, 43.8194444444vw);
  width: min(314px, 21.8055555556vw);
  left: auto;
  right: 0;
  transform-origin: center right;
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--cloud-right {
    display: none !important;
  }
}
.p-bakukun-aisatsu__deco--cloud-left-edge {
  position: absolute;
  left: min(0px, 0vw);
  top: min(909px, 63.125vw);
  width: min(208px, 14.4444444444vw);
  transform-origin: center left;
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--cloud-left-edge {
    position: absolute;
    left: 0vw;
    top: 126.9230769231vw;
    width: 18.4615384615vw;
  }
}
.p-bakukun-aisatsu__deco--cloud-receipts {
  position: absolute;
  left: min(1028px, 71.3888888889vw);
  top: max(-60px, -4.1666666667vw);
  width: min(340px, 23.6111111111vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--cloud-receipts {
    position: absolute;
    left: 73.0769230769vw;
    top: -3.8461538462vw;
    width: 26.9230769231vw;
  }
}
.p-bakukun-aisatsu__deco--pc {
  position: absolute;
  left: min(982px, 68.1944444444vw);
  top: min(275px, 19.0972222222vw);
  width: min(197px, 13.6805555556vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--pc {
    position: absolute;
    left: 77.1794871795vw;
    top: 73.5897435897vw;
    width: 15.1282051282vw;
  }
}
.p-bakukun-aisatsu__deco--cloud-bakukun {
  position: absolute;
  left: min(1005px, 69.7916666667vw);
  top: min(701px, 48.6805555556vw);
  width: min(240px, 16.6666666667vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--cloud-bakukun {
    position: absolute;
    left: 76.4102564103vw;
    top: 128.4615384615vw;
    width: 25.641025641vw;
  }
}
.p-bakukun-aisatsu__deco--receipts {
  position: absolute;
  left: min(934px, 64.8611111111vw);
  top: min(910px, 63.1944444444vw);
  width: min(138px, 9.5833333333vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--receipts {
    position: absolute;
    left: 1.5384615385vw;
    top: 110.7692307692vw;
    width: 10vw;
  }
}
.p-bakukun-aisatsu__deco--cloud-left-bottom {
  position: absolute;
  left: min(22px, 1.5277777778vw);
  top: min(1077px, 74.7916666667vw);
  width: min(211px, 14.6527777778vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--cloud-left-bottom {
    display: none !important;
  }
}
.p-bakukun-aisatsu__deco--calculator {
  position: absolute;
  left: min(995px, 69.0972222222vw);
  top: min(1197px, 83.125vw);
  width: min(318px, 22.0833333333vw);
}
@media (max-width: 767px) {
  .p-bakukun-aisatsu__deco--calculator {
    position: absolute;
    left: 73.0769230769vw;
    top: 160.7692307692vw;
    width: 21.5384615385vw;
  }
}

/* ---------------------------------------------
  GOHAN
--------------------------------------------- */
.p-bakukun-gohan {
  height: min(1320px, 91.6666666667vw);
  background: linear-gradient(transparent calc(min(243px, 16.875vw) + 21.5277777778vw - 4px), #cfe3ff 0);
}
@media (max-width: 767px) {
  .p-bakukun-gohan {
    height: 157.9487179487vw;
    background: linear-gradient(transparent 51.7948717949vw, #cfe3ff 51.7948717949vw);
  }
}
.p-bakukun-gohan__bg-wave {
  position: absolute;
  left: 0;
  top: min(243px, 16.875vw);
  width: 100%;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__bg-wave {
    left: -13.4615384615vw;
    top: 25vw;
    width: 125.641025641vw;
  }
}
.p-bakukun-gohan__title {
  position: absolute;
  left: min(208px, 14.4444444444vw);
  top: min(48px, 3.3333333333vw);
  width: min(1005px, 69.7916666667vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__title {
    position: absolute;
    left: 9.7435897436vw;
    top: 2.1794871795vw;
    width: 81.4102564103vw;
  }
}
.p-bakukun-gohan__title img {
  width: 100%;
}
.p-bakukun-gohan__bakukun {
  position: absolute;
  left: min(496px, 34.4444444444vw);
  top: min(262px, 18.1944444444vw);
  width: min(438px, 30.4166666667vw);
}
@media (max-width: 767px) {
  .p-bakukun-gohan__bakukun {
    position: absolute;
    left: 28.2051282051vw;
    top: 32.0512820513vw;
    width: 43.5897435897vw;
  }
}
.p-bakukun-gohan__sparkles {
  position: absolute;
  left: min(495px, 34.375vw);
  top: min(331px, 22.9861111111vw);
  width: min(432px, 30vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__sparkles {
    position: absolute;
    left: 30.5128205128vw;
    top: 34.8717948718vw;
    width: 36.6666666667vw;
  }
}
.p-bakukun-gohan__deco--cloud-left {
  position: absolute;
  left: min(0px, 0vw);
  top: min(752px, 52.2222222222vw);
  width: min(289px, 20.0694444444vw);
  z-index: 3;
  transform-origin: center left;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__deco--cloud-left {
    display: none !important;
  }
}
.p-bakukun-gohan__deco--cloud-right {
  position: absolute;
  left: min(0px, 0vw);
  top: min(574px, 39.8611111111vw);
  width: min(176px, 12.2222222222vw);
  transform-origin: center right;
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__deco--cloud-right {
    display: none !important;
  }
}
.p-bakukun-gohan__hand {
  z-index: 3;
}
.p-bakukun-gohan__hand--left {
  position: absolute;
  left: min(0px, 0vw);
  top: min(1050px, 72.9166666667vw);
  width: min(392px, 27.2222222222vw);
}
@media (max-width: 767px) {
  .p-bakukun-gohan__hand--left {
    position: absolute;
    left: 0vw;
    top: 128.9743589744vw;
    width: 34.1025641026vw;
  }
}
.p-bakukun-gohan__hand--right {
  position: absolute;
  left: min(0px, 0vw);
  top: min(1050px, 72.9166666667vw);
  width: min(399px, 27.7083333333vw);
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__hand--right {
    position: absolute;
    left: 0vw;
    top: 128.9743589744vw;
    width: 34.7435897436vw;
    left: auto;
  }
}
.p-bakukun-gohan__hand--good {
  position: absolute;
  left: max(-30px, -2.0833333333vw);
  top: min(1045px, 72.5694444444vw);
  width: min(272px, 18.8888888889vw);
  opacity: 0;
}
@media (max-width: 767px) {
  .p-bakukun-gohan__hand--good {
    position: absolute;
    left: -2.5641025641vw;
    top: 128.5897435897vw;
    width: 27.5641025641vw;
  }
}

.p-bakukun-monitor {
  position: absolute;
  left: min(232px, 16.1111111111vw);
  top: min(550px, 38.1944444444vw);
  width: min(983px, 68.2638888889vw);
  z-index: 2;
}
@media (max-width: 767px) {
  .p-bakukun-monitor {
    position: absolute;
    left: 0.3846153846vw;
    top: 56.4102564103vw;
    width: 99.2307692308vw;
  }
}
.p-bakukun-monitor__screen {
  position: relative;
  height: min(533px, 37.0138888889vw);
  border-radius: min(40px, 2.7777777778vw);
  background-color: #0e63c4;
}
@media (max-width: 767px) {
  .p-bakukun-monitor__screen {
    height: 60vw;
    border-radius: 3.0769230769vw;
  }
}
.p-bakukun-monitor__screen::before {
  content: "";
  position: absolute;
  inset: min(22px, 1.5277777778vw);
  border-radius: min(20px, 1.3888888889vw);
  background-color: #9dc4ff;
}
@media (max-width: 767px) {
  .p-bakukun-monitor__screen::before {
    inset: 2.0512820513vw;
    border-radius: 1.2820512821vw;
  }
}
.p-bakukun-monitor__neck {
  width: min(128px, 8.8888888889vw);
  height: min(93px, 6.4583333333vw);
  margin-inline: auto;
  background-color: #0e63c4;
}
@media (max-width: 767px) {
  .p-bakukun-monitor__neck {
    width: 12.3076923077vw;
    height: 9.2307692308vw;
  }
}
.p-bakukun-monitor__base {
  width: min(435px, 30.2083333333vw);
  height: min(60px, 4.1666666667vw);
  margin-inline: auto;
  background-color: #0e63c4;
  clip-path: polygon(12.7% 0, 87.3% 0, 100% 100%, 0 100%);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__base {
    width: 44.6153846154vw;
    height: 6.1538461538vw;
  }
}
.p-bakukun-monitor__small-cloud {
  position: absolute;
  fill: #fff;
  filter: drop-shadow(min(2px, 0.1388888889vw) min(4px, 0.2777777778vw) 0 rgba(14, 99, 196, 0.15));
}
.p-bakukun-monitor__small-cloud--1 {
  left: max(-73px, -5.0694444444vw);
  top: min(140px, 9.7222222222vw);
  width: min(173px, 12.0138888889vw);
  height: min(107.26px, 7.4486111111vw);
}
.p-bakukun-monitor__small-cloud--2 {
  left: min(892px, 61.9444444444vw);
  top: min(113px, 7.8472222222vw);
  width: min(108px, 7.5vw);
  height: min(66.96px, 4.65vw);
}
.p-bakukun-monitor__small-cloud--3 {
  left: min(377px, 26.1805555556vw);
  top: min(362px, 25.1388888889vw);
  width: min(81px, 5.625vw);
  height: min(50.22px, 3.4875vw);
}
.p-bakukun-monitor__small-cloud--4 {
  left: min(860px, 59.7222222222vw);
  top: min(434px, 30.1388888889vw);
  width: min(82px, 5.6944444444vw);
  height: min(50.84px, 3.5305555556vw);
}
.p-bakukun-monitor__small-cloud--5 {
  left: min(181px, 12.5694444444vw);
  top: min(635px, 44.0972222222vw);
  width: min(117px, 8.125vw);
  height: min(72.54px, 5.0375vw);
}
.p-bakukun-monitor__small-cloud--6 {
  left: min(877px, 60.9027777778vw);
  top: max(-51px, -3.5416666667vw);
  width: min(70px, 4.8611111111vw);
  height: min(43.4px, 3.0138888889vw);
}
.p-bakukun-monitor__small-cloud--3 {
  height: min(65px, 4.5138888889vw);
}
.p-bakukun-monitor__small-cloud--4 {
  height: min(66px, 4.5833333333vw);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__small-cloud--1 {
    left: -7.3076923077vw;
    top: 14.1025641026vw;
    width: 14.1025641026vw;
    height: 8.7435897436vw;
  }
  .p-bakukun-monitor__small-cloud--2 {
    left: 90vw;
    top: 11.4102564103vw;
    width: 10.8974358974vw;
    height: 6.7564102564vw;
  }
  .p-bakukun-monitor__small-cloud--3 {
    left: 38.0769230769vw;
    top: 36.5384615385vw;
    width: 8.2051282051vw;
    height: 5.0871794872vw;
  }
  .p-bakukun-monitor__small-cloud--4 {
    left: 86.7948717949vw;
    top: 43.8461538462vw;
    width: 8.3333333333vw;
    height: 5.1666666667vw;
  }
  .p-bakukun-monitor__small-cloud--5 {
    left: 18.3333333333vw;
    top: 64.1025641026vw;
    width: 11.7948717949vw;
    height: 7.3128205128vw;
  }
  .p-bakukun-monitor__small-cloud--6 {
    left: 112.4358974359vw;
    top: -6.5384615385vw;
    width: 8.9743589744vw;
    height: 5.5641025641vw;
  }
}
.p-bakukun-monitor__small-cloud--1 {
  z-index: 4;
}
.p-bakukun-monitor__small-cloud--5 {
  z-index: 3;
}
.p-bakukun-monitor__complete {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.p-bakukun-monitor__complete-bakukun {
  position: absolute;
  left: 50%;
  top: min(139px, 9.6527777778vw);
  width: min(267px, 18.5416666667vw);
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__complete-bakukun {
    top: 13.9743589744vw;
    width: 26.9230769231vw;
  }
}
.p-bakukun-monitor__complete-label {
  position: absolute;
  left: 50%;
  top: min(377px, 26.1805555556vw);
  width: min(420px, 29.1666666667vw);
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__complete-label {
    top: 38.0769230769vw;
    width: 42.4358974359vw;
  }
}
.p-bakukun-monitor__cloud {
  position: absolute;
}
.p-bakukun-monitor__cloud--grouped {
  height: auto;
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--keihi {
  left: min(14px, 0.9722222222vw);
  top: max(-94px, -6.5277777778vw);
  width: min(482px, 33.4722222222vw);
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--seikyu {
  left: min(495px, 34.375vw);
  top: max(-106px, -7.3611111111vw);
  width: min(444px, 30.8333333333vw);
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--card {
  left: max(-64px, -4.4444444444vw);
  top: min(158px, 10.9722222222vw);
  width: min(454px, 31.5277777778vw);
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--saiken {
  left: min(284px, 19.7222222222vw);
  top: min(56px, 3.8888888889vw);
  width: min(447px, 31.0416666667vw);
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--shanai {
  left: min(621px, 43.125vw);
  top: min(130px, 9.0277777778vw);
  width: min(450px, 31.25vw);
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--kyuyo {
  left: min(36px, 2.5vw);
  top: min(318px, 22.0833333333vw);
  width: min(480px, 33.3333333333vw);
}
.p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--cost {
  left: min(460px, 31.9444444444vw);
  top: min(346px, 24.0277777778vw);
  width: min(446px, 30.9722222222vw);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--keihi {
    left: 1.4102564103vw;
    top: -9.4871794872vw;
    width: 48.7179487179vw;
  }
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--seikyu {
    left: 50vw;
    top: -10.641025641vw;
    width: 44.8717948718vw;
  }
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--card {
    left: -6.4102564103vw;
    top: 15.8974358974vw;
    width: 45.7692307692vw;
  }
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--saiken {
    left: 28.7179487179vw;
    top: 5.641025641vw;
    width: 45.1282051282vw;
  }
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--shanai {
    left: 62.6923076923vw;
    top: 13.0769230769vw;
    width: 45.3846153846vw;
  }
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--kyuyo {
    left: 3.9743589744vw;
    top: 32.0512820513vw;
    width: 48.2051282051vw;
  }
  .p-bakukun-monitor__cloud--grouped.p-bakukun-monitor__cloud--cost {
    left: 46.4102564103vw;
    top: 34.8717948718vw;
    width: 45vw;
  }
}
.p-bakukun-monitor__cloud-image {
  width: 100%;
}
.p-bakukun-monitor__cloud--cost {
  z-index: 3;
}
.p-bakukun-monitor__cloud--saiken, .p-bakukun-monitor__cloud--kyuyo {
  z-index: 4;
}
.p-bakukun-monitor__cloud-shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: #fff;
  filter: drop-shadow(min(4px, 0.2777777778vw) min(6px, 0.4166666667vw) 0 rgba(14, 99, 196, 0.15));
}
@media (max-width: 767px) {
  .p-bakukun-monitor__cloud-shape {
    filter: drop-shadow(0.3846153846vw 0.5128205128vw 0 rgba(14, 99, 196, 0.15));
  }
}
.p-bakukun-monitor__cloud-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: min(7px, 0.4861111111vw);
  text-align: center;
}
@media (max-width: 767px) {
  .p-bakukun-monitor__cloud-text {
    padding-top: 3.2051282051vw;
  }
}
.p-bakukun-monitor__cloud-label {
  color: #1b2a4a;
  font-size: min(12px, 0.8333333333vw);
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-bakukun-monitor__cloud-label {
    font-size: 1.6666666667vw;
  }
}
.p-bakukun-monitor__cloud-title {
  margin-top: min(4px, 0.2777777778vw);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__cloud-title {
    margin-top: 0.5128205128vw;
  }
}
.p-bakukun-monitor__cloud-bakukun {
  position: absolute;
  left: min(103px, 7.1527777778vw);
  top: max(-46px, -3.1944444444vw);
  width: min(86px, 5.9722222222vw);
}
@media (max-width: 767px) {
  .p-bakukun-monitor__cloud-bakukun {
    left: 10.641025641vw;
    top: -7.9487179487vw;
    width: 9.8717948718vw;
  }
}

/* ---------------------------------------------
  MOVIE
--------------------------------------------- */
.p-bakukun-movie {
  height: min(942px, 65.4166666667vw);
  background-color: #0e63c4;
}
@media (max-width: 767px) {
  .p-bakukun-movie {
    height: 108.9743589744vw;
  }
}
.p-bakukun-movie__wave-top {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: min(4px, 0.2777777778vw) solid #cfe3ff;
}
@media (max-width: 767px) {
  .p-bakukun-movie__wave-top {
    left: -1.0256410256vw;
    top: -3.5897435897vw;
    width: 128.2051282051vw;
    border-top: 0;
  }
}
.p-bakukun-movie__wave-bottom {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 2;
  width: 100%;
}
@media (max-width: 767px) {
  .p-bakukun-movie__wave-bottom {
    left: -20.5128205128vw;
    top: calc(100% - 1.1538461538vw);
    width: 188.4615384615vw;
  }
}
.p-bakukun-movie__deco {
  z-index: 1;
}
.p-bakukun-movie__deco--cloud-left {
  position: absolute;
  left: min(0px, 0vw);
  top: min(265px, 18.4027777778vw);
  width: min(184px, 12.7777777778vw);
  z-index: 2;
}
@media (max-width: 767px) {
  .p-bakukun-movie__deco--cloud-left {
    position: absolute;
    left: 0vw;
    top: 23.8461538462vw;
    width: 20vw;
  }
}
.p-bakukun-movie__deco--cloud-right {
  position: absolute;
  left: min(0px, 0vw);
  top: min(615px, 42.7083333333vw);
  width: min(394px, 27.3611111111vw);
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .p-bakukun-movie__deco--cloud-right {
    position: absolute;
    left: 71.5384615385vw;
    top: 69.2307692308vw;
    width: 38.4615384615vw;
    right: auto;
  }
}
.p-bakukun-movie__title {
  position: absolute;
  left: min(178px, 12.3611111111vw);
  top: min(20px, 1.3888888889vw);
  width: min(464px, 32.2222222222vw);
  z-index: 4;
}
@media (max-width: 767px) {
  .p-bakukun-movie__title {
    position: absolute;
    left: 14.6153846154vw;
    top: -5.1282051282vw;
    width: 51.5384615385vw;
  }
}
.p-bakukun-movie__title img {
  width: 100%;
}
.p-bakukun-movie__video {
  position: absolute;
  left: min(601px, 41.7361111111vw);
  top: min(296px, 20.5555555556vw);
  width: min(710px, 49.3055555556vw);
  z-index: 2;
  height: min(400px, 27.7777777778vw);
  padding: 0;
  border: 0;
  border-radius: min(16px, 1.1111111111vw);
  background-color: #3a4a5c;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-bakukun-movie__video {
    position: absolute;
    left: 13.8461538462vw;
    top: 36.1538461538vw;
    width: 72.8205128205vw;
    height: 41.0256410256vw;
    border-radius: 2.0512820513vw;
  }
}
.p-bakukun-movie__thumbnail {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.p-bakukun-movie__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(60px, 4.1666666667vw);
  height: min(61px, 4.2361111111vw);
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .p-bakukun-movie__play {
    width: 6.7948717949vw;
    height: 6.9230769231vw;
  }
}
.p-bakukun-movie__copy {
  position: absolute;
  left: min(297px, 20.625vw);
  top: min(365px, 25.3472222222vw);
  width: min(207px, 14.375vw);
  z-index: 2;
}
@media (max-width: 767px) {
  .p-bakukun-movie__copy {
    position: absolute;
    left: 48.3333333333vw;
    top: 83.0769230769vw;
    width: 16.1538461538vw;
  }
}
.p-bakukun-movie__copy img {
  width: 100%;
}
.p-bakukun-movie__bakukun {
  position: absolute;
  left: min(232px, 16.1111111111vw);
  top: min(675px, 46.875vw);
  width: min(334px, 23.1944444444vw);
  z-index: 5;
}
@media (max-width: 767px) {
  .p-bakukun-movie__bakukun {
    position: absolute;
    left: 11.5384615385vw;
    top: 85.3846153846vw;
    width: 34.6153846154vw;
  }
}

/* ---------------------------------------------
  GALLERY
--------------------------------------------- */
.p-bakukun-gallery {
  height: min(1302px, 90.4166666667vw);
  margin-top: max(-42px, -2.9166666667vw);
}
@media (max-width: 767px) {
  .p-bakukun-gallery {
    height: 338.9743589744vw;
    margin-top: 16.6666666667vw;
  }
}
.p-bakukun-gallery__deco--cloud-left {
  position: absolute;
  left: min(62px, 4.3055555556vw);
  top: min(348px, 24.1666666667vw);
  width: min(302px, 20.9722222222vw);
}
@media (max-width: 767px) {
  .p-bakukun-gallery__deco--cloud-left {
    position: absolute;
    left: -6.4102564103vw;
    top: 30.7692307692vw;
    width: 26.9230769231vw;
  }
}
.p-bakukun-gallery__deco--cloud-right {
  position: absolute;
  left: min(0px, 0vw);
  top: min(835px, 57.9861111111vw);
  width: min(267px, 18.5416666667vw);
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__deco--cloud-right {
    position: absolute;
    left: 0vw;
    top: 288.4615384615vw;
    width: 26.6666666667vw;
    left: auto;
  }
}
.p-bakukun-gallery__lead {
  position: absolute;
  left: min(519px, 36.0416666667vw);
  top: min(299px, 20.7638888889vw);
  width: min(561px, 38.9583333333vw);
  z-index: 3;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__lead {
    position: absolute;
    left: 10.5128205128vw;
    top: 9.4871794872vw;
    width: 62.5641025641vw;
  }
}
.p-bakukun-gallery__lead img {
  width: 100%;
}
.p-bakukun-gallery__head-bakukun {
  position: absolute;
  left: min(1080px, 75vw);
  top: min(304px, 21.1111111111vw);
  width: min(103px, 7.1527777778vw);
  z-index: 3;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__head-bakukun {
    position: absolute;
    left: 73.0769230769vw;
    top: 14.358974359vw;
    width: 9.2307692308vw;
  }
}
.p-bakukun-gallery__title {
  position: absolute;
  left: min(963px, 66.875vw);
  top: min(399px, 27.7083333333vw);
  width: min(321px, 22.2916666667vw);
  z-index: 3;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__title {
    position: absolute;
    left: 44.6153846154vw;
    top: 23.5897435897vw;
    width: 45.1282051282vw;
  }
}
.p-bakukun-gallery__title img {
  width: 100%;
}
.p-bakukun-gallery__card {
  z-index: 2;
  display: flex;
  flex-direction: column;
  border-radius: min(32px, 2.2222222222vw);
  background-color: #0e63c4;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card {
    border-radius: 4.1025641026vw;
  }
}
.p-bakukun-gallery__card--wallpaper {
  position: absolute;
  left: min(156px, 10.8333333333vw);
  top: min(646px, 44.8611111111vw);
  width: min(360px, 25vw);
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card--wallpaper {
    position: absolute;
    left: 11.2820512821vw;
    top: 41.7948717949vw;
    width: 77.4358974359vw;
  }
}
.p-bakukun-gallery__card--meeting {
  position: absolute;
  left: min(540px, 37.5vw);
  top: min(598px, 41.5277777778vw);
  width: min(360px, 25vw);
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card--meeting {
    position: absolute;
    left: 11.2820512821vw;
    top: 128.4615384615vw;
    width: 77.4358974359vw;
  }
}
.p-bakukun-gallery__card--icon {
  position: absolute;
  left: min(924px, 64.1666666667vw);
  top: min(550px, 38.1944444444vw);
  width: min(360px, 25vw);
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card--icon {
    position: absolute;
    left: 11.2820512821vw;
    top: 215.1282051282vw;
    width: 77.4358974359vw;
  }
}
.p-bakukun-gallery__card-image {
  height: min(206px, 14.3055555556vw);
  background-color: #cfe3ff;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card-image {
    height: 40.5128205128vw;
  }
}
.p-bakukun-gallery__card-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.p-bakukun-gallery__card-body {
  height: min(176px, 12.2222222222vw);
  padding: min(22px, 1.5277777778vw) min(24px, 1.6666666667vw) 0;
  color: #fff;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card-body {
    height: 40.2564102564vw;
    padding: 6.1538461538vw 5.1282051282vw 0;
  }
}
.p-bakukun-gallery__card-title {
  font-size: min(24px, 1.6666666667vw);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card-title {
    font-size: 5.1282051282vw;
  }
}
.p-bakukun-gallery__card-note {
  margin-top: min(8px, 0.5555555556vw) !important;
  font-size: min(16px, 1.1111111111vw);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card-note {
    margin-top: 0 !important;
    font-size: 3.5897435897vw;
  }
}
.p-bakukun-gallery__card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(118px, 8.1944444444vw);
  height: min(38px, 2.6388888889vw);
  margin-top: min(26px, 1.8055555556vw);
  border-radius: min(19px, 1.3194444444vw);
  background-color: #fff;
  color: #0e63c4;
  font-size: min(14px, 0.9722222222vw);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: opacity 0.2s;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__card-button {
    width: 30vw;
    height: 9.7435897436vw;
    margin-top: 5.3846153846vw;
    border-radius: 4.8717948718vw;
    font-size: 3.5897435897vw;
  }
}
.p-bakukun-gallery__card-button:hover {
  opacity: 0.8;
}
.p-bakukun-gallery__sleep {
  position: absolute;
  left: min(463px, 32.1527777778vw);
  top: min(1095px, 76.0416666667vw);
  width: min(330px, 22.9166666667vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .p-bakukun-gallery__sleep {
    position: absolute;
    left: 33.5897435897vw;
    top: 318.7179487179vw;
    width: 32.8205128205vw;
  }
}

/* ---------------------------------------------
  Animation
  - .bk-anim は JS が動き、かつ prefers-reduced-motion でない時だけ付く
  - 実際の動きは GSAP / ScrollTrigger 側（テンプレート内のscript）で制御する
--------------------------------------------- */
.bk-anim [data-bk] {
  opacity: 0;
}
.bk-anim [data-bk=float] {
  opacity: 1;
}
.bk-anim .p-bakukun-hero {
  --bk-mask1: 0%;
  --bk-mask2: 0%;
  -webkit-mask-image: url(../../images/lp/bakukun/opening-cloud1.svg), url(../../images/lp/bakukun/opening-cloud2.svg);
  mask-image: url(../../images/lp/bakukun/opening-cloud1.svg), url(../../images/lp/bakukun/opening-cloud2.svg);
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-position: 47% 44%, 62% 62%;
  mask-position: 47% 44%, 62% 62%;
  -webkit-mask-size: var(--bk-mask1) auto, var(--bk-mask2) auto;
  mask-size: var(--bk-mask1) auto, var(--bk-mask2) auto;
}
.bk-anim .p-bakukun-hero.is-revealed {
  -webkit-mask-image: none;
  mask-image: none;
}
.bk-anim .p-bakukun-header__inner {
  clip-path: inset(0 100% 0 0 round min(36px, 2.5vw));
}
@media (max-width: 767px) {
  .bk-anim .p-bakukun-header__inner {
    clip-path: inset(0 100% 0 0 round 4.6153846154vw);
  }
}
.bk-anim .p-bakukun-header__nav-link,
.bk-anim .p-bakukun-header__icon,
.bk-anim .p-bakukun-header__hamburger {
  opacity: 0;
}

/* ---------------------------------------------
  Movie modal
--------------------------------------------- */
.p-bakukun-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-bakukun-modal[hidden] {
  display: none;
}
.p-bakukun-modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.p-bakukun-modal__content {
  position: relative;
  width: min(90vw, 1040px);
}
.p-bakukun-modal__close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.p-bakukun-modal__close::before, .p-bakukun-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
}
.p-bakukun-modal__close::before {
  transform: rotate(45deg);
}
.p-bakukun-modal__close::after {
  transform: rotate(-45deg);
}
.p-bakukun-modal__player {
  aspect-ratio: 16/9;
}
.p-bakukun-modal__player iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#gallery {
  position: absolute;
  top: 260px;
  width: 100%;
}

.l-footer {
  background-color: #f4f9ff;
}

.l-footer__bottom {
  background-color: #0e63c4;
  color: #fff;
}

/*# sourceMappingURL=bakukun-cm.css.map */