@media screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}

/*!
 * sakura-ec-2024 original css
 * Copyright 2024 ft-team
 */
@media screen and (min-width: 769px) {
  .contact {
    margin: 12% 0% 0;
  }
}

.bm-canvas {
  container-type: inline-size;
  max-width: 1920px;
  margin: 0 auto;
}

.bm {
  --bm-u: 0.08138021rem;
  position: relative;
  width: calc(768 * var(--bm-u));
  overflow: hidden;
  overflow: clip;
  color: #3e3a39;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 769px) {
  .bm {
    --bm-u: 0.11494253rem;
    --bm-y0: 548;
    width: calc(1920 * var(--bm-u));
    height: calc(29804 * var(--bm-u));
  }
}
.bm img {
  display: block;
  max-width: none;
}

.bm-section {
  position: relative;
  width: calc(768 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-section {
    position: absolute;
    left: 0;
    width: calc(1920 * var(--bm-u));
  }
}

.bm-section--opening {
  height: calc(3026 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-section--opening {
    --bm-y0: 548;
    top: calc(0 * var(--bm-u));
    height: calc(2430 * var(--bm-u));
  }
}

.bm-section--movie {
  height: auto;
}
@media screen and (min-width: 769px) {
  .bm-section--movie {
    --bm-y0: 2978;
    top: calc(2430 * var(--bm-u));
    height: calc(1322 * var(--bm-u));
  }
}

.bm-section--archive {
  height: calc(12697.616 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-section--archive {
    --bm-y0: 4300;
    top: calc(3752 * var(--bm-u));
    height: calc(11400 * var(--bm-u));
  }
}

.bm-section--theme {
  height: auto;
}
@media screen and (min-width: 769px) {
  .bm-section--theme {
    --bm-y0: 15700;
    top: calc(15152 * var(--bm-u));
    height: calc(2300 * var(--bm-u));
  }
}

.bm-section--process {
  height: auto;
  margin-top: calc(-243.712 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-section--process {
    --bm-y0: 18000;
    top: calc(17452 * var(--bm-u));
    height: calc(10100 * var(--bm-u));
    margin-top: 0;
  }
}

.bm-section--epilogue {
  height: auto;
}
@media screen and (min-width: 769px) {
  .bm-section--epilogue {
    --bm-y0: 27893;
    top: calc(27345 * var(--bm-u));
    height: calc(559 * var(--bm-u));
  }
}

.bm-section--closing {
  height: calc(1191.323648 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-section--closing {
    --bm-y0: 28100;
    top: calc(27552 * var(--bm-u));
    height: calc(2252 * var(--bm-u));
  }
}

.bm-el {
  position: absolute;
  left: calc(var(--x, 0) * var(--bm-u));
  top: calc(var(--y, 0) * var(--bm-u));
  width: calc(var(--w) * var(--bm-u));
  height: calc(var(--h, 0) * var(--bm-u));
  object-fit: contain;
}
@media screen and (min-width: 769px) {
  .bm-el {
    top: calc((var(--y, 0) - var(--bm-y0)) * var(--bm-u));
  }
}

.bm-tx {
  position: absolute;
  left: calc(var(--x, 0) * var(--bm-u));
  top: calc(var(--y, 0) * var(--bm-u));
  width: calc(var(--w) * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-tx {
    top: calc((var(--y, 0) - var(--bm-y0)) * var(--bm-u));
  }
}

.bm-cx {
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto;
}

.bm-crop {
  overflow: hidden;
}
.bm-crop > picture {
  display: contents;
}
.bm-crop > img,
.bm-crop > picture > img {
  position: absolute;
  left: var(--cl, 0);
  top: var(--ct, 0);
  width: var(--cw, 100%);
  height: var(--ch, 100%);
}

.bm-rot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bm-rot > * {
  position: relative;
  flex: none;
  width: calc(var(--iw) * var(--bm-u));
  height: calc(var(--ih) * var(--bm-u));
  object-fit: contain;
  transform: rotate(var(--r, 0deg));
}

.bm-stack {
  display: grid;
  grid-template-columns: 1fr;
}
.bm-stack > picture {
  display: contents;
}
.bm-stack > *,
.bm-stack > picture > img {
  --x: 0;
  --y: 0;
  grid-area: 1/1;
  margin: calc(var(--y) * var(--bm-u)) 0 0 calc(var(--x) * var(--bm-u));
  isolation: isolate;
}

.bm-mel {
  width: calc(var(--w) * var(--bm-u));
  height: calc(var(--h, 0) * var(--bm-u));
  object-fit: contain;
}

.bm-flip-x > * {
  transform: rotate(var(--r, 0deg)) scaleX(-1);
}

.bm-flip-y > * {
  transform: rotate(var(--r, 0deg)) scaleY(-1);
}

.bm-mirror {
  transform: scaleX(-1);
}

.bm-gradient {
  --x: 0;
  --y: 800;
  --w: 768;
  --h: 13265;
  background: linear-gradient(to bottom, #ffffff 0.789%, #e6f7f6 9.794%, #cfecf0 100%);
}
@media screen and (min-width: 769px) {
  .bm-gradient {
    --x: 0;
    --y: 5024;
    --w: 1920;
    --h: 13004;
  }
}

.bm-card {
  padding: calc(var(--pt, 0) * var(--bm-u)) 0 0 calc(var(--pl, 0) * var(--bm-u));
  background-color: #fff;
  border: calc(2 * var(--bm-u)) dashed #ec6e7d;
  border-radius: calc(57 * var(--bm-u));
}
.bm-card > * {
  width: calc(var(--w) * var(--bm-u));
  margin-top: calc(var(--mt, 0) * var(--bm-u));
  margin-left: calc(var(--ml, 0) * var(--bm-u));
}

@media screen and (min-width: 769px) {
  .bm-yellow {
    background-color: #fff9cf;
    border-radius: calc(35 * var(--bm-u));
  }
}

@media screen and (min-width: 769px) {
  .bm-paper {
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2 * var(--bm-u)), transparent calc(2 * var(--bm-u)) calc(60 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(143 * var(--bm-u)) calc(112.5 * var(--bm-u)), 0 0;
    background-size: calc(637 * var(--bm-u)) calc(var(--rn) * 60 * var(--bm-u)), 100% 100%;
  }
}

@media screen and (min-width: 769px) {
  .bm-brand-mask {
    -webkit-mask-image: url("../img/birthday-movie/movie_mask.svg");
    mask-image: url("../img/birthday-movie/movie_mask.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
}

.bm-opening__hero > picture {
  display: block;
}

.bm-opening__hero-img {
  width: calc(768 * var(--bm-u));
  height: calc(666 * var(--bm-u));
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .bm-opening__hero-img {
    width: calc(1920 * var(--bm-u));
    height: calc(707 * var(--bm-u));
    object-fit: contain;
  }
}

@media screen and (min-width: 769px) {
  .bm-opening__body {
    display: grid;
    grid-template-columns: calc(583 * var(--bm-u)) calc(754 * var(--bm-u)) calc(583 * var(--bm-u));
  }
}

.bm-opening__main {
  width: calc(711 * var(--bm-u));
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .bm-opening__main {
    width: auto;
    margin: calc(202 * var(--bm-u)) 0 0;
  }
}

.bm-opening__catch {
  width: calc(622 * var(--bm-u));
  margin: 12rem auto 0;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .bm-opening__catch {
    width: auto;
    margin: 0;
  }
}

.bm-opening__lead {
  width: calc(711 * var(--bm-u));
  margin: calc(50 * var(--bm-u)) auto 0;
}
@media screen and (min-width: 769px) {
  .bm-opening__lead {
    margin: calc(32 * var(--bm-u)) 0 0 calc(21 * var(--bm-u));
  }
}

.bm-opening__deco {
  display: contents;
}
@media screen and (min-width: 769px) {
  .bm-opening__deco {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .bm-opening__deco--sp {
    display: none;
  }
}

.bm-opening__bird,
.bm-opening__phone,
.bm-opening__leaf,
.bm-opening__dot,
.bm-opening__smile,
.bm-opening__tori4,
.bm-opening__petal,
.bm-opening__dot2 {
  position: absolute;
  object-fit: contain;
}
@media screen and (min-width: 769px) {
  .bm-opening__bird,
  .bm-opening__phone,
  .bm-opening__leaf,
  .bm-opening__dot,
  .bm-opening__smile,
  .bm-opening__tori4,
  .bm-opening__petal,
  .bm-opening__dot2 {
    position: static;
  }
}

.bm-opening__bird {
  left: calc(36 * var(--bm-u));
  top: calc(1313 * var(--bm-u));
  width: calc(123 * var(--bm-u));
  height: calc(87 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-opening__bird {
    width: calc(182 * var(--bm-u));
    height: calc(128 * var(--bm-u));
    margin: calc(74 * var(--bm-u)) 0 0 calc(147 * var(--bm-u));
  }
}

.bm-opening__phone-bg {
  position: absolute;
  z-index: 2;
  left: calc(49.25 * var(--bm-u));
  top: calc(2318 * var(--bm-u));
  width: calc(390 * var(--bm-u));
  object-fit: contain;
}
@media screen and (min-width: 769px) {
  .bm-opening__phone-bg {
    display: none;
  }
}

.bm-opening__phone {
  z-index: 3;
  left: 2.92969rem;
  top: 190.26693rem;
  width: 34.58659rem;
  height: 24.98372rem;
}
@media screen and (min-width: 769px) {
  .bm-opening__phone {
    z-index: auto;
    width: 48.85057rem;
    height: 35.28736rem;
    margin: 18.62069rem 0 0 5.63218rem;
  }
}

.bm-opening__leaf {
  transform: scaleX(-1);
  left: calc(620 * var(--bm-u));
  top: calc(2338 * var(--bm-u));
  width: calc(174 * var(--bm-u));
  height: calc(184 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-opening__leaf {
    transform: none;
    width: calc(292 * var(--bm-u));
    height: calc(310 * var(--bm-u));
    margin-top: calc(395 * var(--bm-u));
  }
}

.bm-opening__dot {
  z-index: 1;
  transform: rotate(12.987deg);
  left: calc(676 * var(--bm-u));
  top: calc(1793 * var(--bm-u));
  width: 35.7%;
  height: calc(301.283 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-opening__dot {
    z-index: auto;
    transform: none;
    width: calc(274 * var(--bm-u));
    height: calc(246 * var(--bm-u));
    margin: calc(321 * var(--bm-u)) 0 0 calc(73 * var(--bm-u));
  }
}

.bm-opening__smile-bg {
  position: absolute;
  right: calc(16 * var(--bm-u));
  top: calc(2671 * var(--bm-u));
  width: calc(390 * var(--bm-u));
  object-fit: contain;
}

.bm-opening__smile {
  left: calc(307 * var(--bm-u));
  top: calc(2645 * var(--bm-u));
  width: calc(424 * var(--bm-u));
  height: calc(307 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-opening__smile {
    margin: calc(208 * var(--bm-u)) 0 0 calc(112 * var(--bm-u));
  }
}

.bm-opening__tori4 {
  left: calc(576 * var(--bm-u));
  top: calc(713 * var(--bm-u));
  width: calc(96 * var(--bm-u));
  height: calc(84 * var(--bm-u));
}

.bm-opening__petal--1 {
  left: calc(689.344 * var(--bm-u));
  top: calc(776 * var(--bm-u));
  width: calc(49.929 * var(--bm-u));
  height: calc(60.38 * var(--bm-u));
}

.bm-opening__petal--2 {
  right: 0;
  top: calc(851 * var(--bm-u));
  width: calc(57.432 * var(--bm-u));
  height: calc(43.575 * var(--bm-u));
}

.bm-opening__dot2 {
  z-index: 1;
  left: calc(-19 * var(--bm-u));
  top: calc(2620 * var(--bm-u));
  width: calc(274 * var(--bm-u));
  height: calc(246 * var(--bm-u));
}

@media screen and (min-width: 769px) {
  .bm-movie {
    display: grid;
    grid-template-columns: 1fr;
  }
  .bm-movie > * {
    grid-area: 1/1;
    isolation: isolate;
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__wave {
    width: calc(2092 * var(--bm-u));
    height: calc(1071.017 * var(--bm-u));
    margin: calc(320 * var(--bm-u)) 0 0 calc(-105 * var(--bm-u));
  }
}

.bm-movie__leaf {
  position: relative;
  width: 47.6%;
  margin: -23rem -8rem 0 auto;
}
@media screen and (min-width: 769px) {
  .bm-movie__leaf {
    position: static;
    width: calc(365 * var(--bm-u));
    margin: calc(1018 * var(--bm-u)) 0 0 calc(1555 * var(--bm-u));
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__thumb {
    width: calc(1249 * var(--bm-u));
    height: calc(701 * var(--bm-u));
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__thumb--brand {
    margin-left: calc(292 * var(--bm-u));
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__mask {
    display: grid;
    grid-template-columns: 1fr;
    width: calc(1004.512 * var(--bm-u));
    height: calc(552.519 * var(--bm-u));
    margin: calc(74.24 * var(--bm-u)) 0 0 calc(152.828 * var(--bm-u));
  }
  .bm-movie__mask > * {
    grid-area: 1/1;
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__photo {
    width: calc(1560 * var(--bm-u));
    height: calc(955.909 * var(--bm-u));
    margin: calc(-178.24 * var(--bm-u)) 0 0 calc(-307.828 * var(--bm-u));
    overflow: hidden;
  }
  .bm-movie__photo img {
    width: calc(1559.688 * var(--bm-u));
    height: calc(956.482 * var(--bm-u));
    margin: calc(-71.024 * var(--bm-u)) 0 0 calc(0.156 * var(--bm-u));
  }
}

[id^=bm-20] {
  scroll-margin-top: calc(130.048 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  [id^=bm-20] {
    scroll-margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__trigger {
    cursor: pointer;
  }
  .bm-movie__trigger .bm-movie__play > img {
    transition: transform 0.3s ease;
  }
  .bm-movie__trigger:hover .bm-movie__play > img, .bm-movie__trigger:focus-visible .bm-movie__play > img {
    transform: scale(0.92);
  }
}

.bm-movie__play {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .bm-movie__play--brand {
    width: calc(234.471 * var(--bm-u));
    height: calc(211.647 * var(--bm-u));
    margin: calc(191.68 * var(--bm-u)) 0 0 calc(392.211 * var(--bm-u));
  }
  .bm-movie__play--brand > img {
    width: calc(221.106 * var(--bm-u));
    height: calc(197.128 * var(--bm-u));
    margin: calc(5.185 * var(--bm-u)) 0 0 calc(6.682 * var(--bm-u));
  }
}

.bm-movie__play--archive {
  position: absolute;
  left: calc(var(--px, 0) * var(--bm-u));
  top: calc(var(--py, 0) * var(--bm-u));
  width: calc(var(--pw) * var(--bm-u));
  height: calc(var(--ph) * var(--bm-u));
}
.bm-movie__play--archive > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bm-movie__steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: calc(49 * var(--bm-u));
  position: relative;
  width: calc(768 * var(--bm-u));
  padding: calc(174.08 * var(--bm-u)) calc(104.5 * var(--bm-u)) calc(84.84 * var(--bm-u));
  margin: calc(-174.08 * var(--bm-u)) 0 0;
  background: url("../img/birthday-movie/steps_bg_sp.png") no-repeat 0 0/100% 100%;
}
.bm-movie__steps li {
  flex: none;
}
.bm-movie__steps a {
  display: block;
}
.bm-movie__steps img {
  width: calc(167 * var(--bm-u));
  height: calc(167 * var(--bm-u));
  object-fit: contain;
}
@media screen and (min-width: 769px) {
  .bm-movie__steps {
    row-gap: calc(40 * var(--bm-u));
    width: calc(978 * var(--bm-u));
    padding: 0;
    margin: calc(-31 * var(--bm-u)) auto 0;
    background: none;
  }
  .bm-movie__steps a {
    transition: opacity 0.3s;
  }
  .bm-movie__steps a:hover {
    opacity: 0.7;
  }
  .bm-movie__steps img {
    width: calc(186 * var(--bm-u));
    height: calc(186 * var(--bm-u));
  }
  .bm-movie__steps li:nth-child(5) {
    margin-left: calc(133 * var(--bm-u));
  }
}

@media screen and (min-width: 769px) {
  .bm-movie__step-shoot a > img {
    width: calc(185 * var(--bm-u));
  }
}

.bm-movie__step-design {
  width: calc(151 * var(--bm-u));
  height: calc(159 * var(--bm-u));
  margin-inline: auto;
  overflow: hidden;
}
.bm-movie__step-design a > img {
  width: calc(166.81 * var(--bm-u));
  height: calc(166.89 * var(--bm-u));
  margin: calc(-7.9 * var(--bm-u)) 0 0 calc(-7.9 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-movie__step-design {
    width: calc(168 * var(--bm-u));
    height: calc(176.791 * var(--bm-u));
    margin: 0 calc(135 * var(--bm-u)) 0 0;
  }
  .bm-movie__step-design a > img {
    width: calc(185.59 * var(--bm-u));
    height: calc(185.556 * var(--bm-u));
    margin: calc(-8.786 * var(--bm-u)) 0 0 calc(-8.786 * var(--bm-u));
  }
}

.bm-archive-thread {
  --x: -85;
  --y: 221;
  --w: 922;
  --h: 789;
  transform: rotate(11deg);
}
@media screen and (min-width: 769px) {
  .bm-archive-thread {
    --x: 257;
    --y: 4756;
    --w: 1334;
    --h: 1141;
    transform: none;
  }
}

.bm-archive-sakura {
  --x: -287;
  --y: -297;
  --w: 1080;
  height: auto;
}
@media screen and (min-width: 769px) {
  .bm-archive-sakura {
    --x: -241;
    --y: 4501;
    --w: 1409;
  }
}

.bm-archive-bg-pic {
  display: block;
}

.bm-archive-bg {
  --x: -111;
  --y: 1066;
  --w: 990.208;
  --h: 555.008;
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .bm-archive-bg {
    --x: 960;
    --y: 5339;
    --w: 1705;
    --h: 956;
  }
}

.bm-archive-deco-petal {
  --x: 695.296;
  --y: 3341.328;
  --w: 51.127296;
  --h: 61.82912;
  --iw: 43.088896;
  --ih: 55.899136;
  --r: 8.79deg;
}
@media screen and (min-width: 769px) {
  .bm-archive-deco-petal {
    --x: 190.09;
    --y: 7716;
    --w: 49.929;
    --h: 60.38;
    --iw: 42.079;
    --ih: 54.589;
  }
}

.bm-archive-deco-petal--2 {
  --x: 635.904;
  --y: 3458.492032;
  --w: 58.810368;
  --h: 44.6208;
  --iw: 44.032;
  --ih: 58.368;
  --r: 89.42deg;
}
@media screen and (min-width: 769px) {
  .bm-archive-deco-petal--2 {
    --x: 130;
    --y: 7830.418;
    --w: 57.432;
    --h: 43.575;
    --iw: 43;
    --ih: 57;
  }
}

.bm-archive-cloud--2017 {
  --x: -24.576;
  --y: 2750.48;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2017 {
    --x: 0;
    --y: 6820;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2018 {
  --x: 241.664;
  --y: 3853.328;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2018 {
    --x: 1406;
    --y: 7897;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2019 {
  --x: -24.576;
  --y: 4960.272;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2019 {
    --x: 0;
    --y: 8978;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2020 {
  --x: 241.664;
  --y: 6165.52;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2020 {
    --x: 1406;
    --y: 10155;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2021 {
  --x: -24.576;
  --y: 7267.344;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2021 {
    --x: 0;
    --y: 11231;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2022 {
  --x: 241.664;
  --y: 8374.288;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2022 {
    --x: 1406;
    --y: 12312;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2023 {
  --x: -24.576;
  --y: 9923.6;
  --w: 526.336;
  --h: 199.68;
}

.bm-archive-cloud--2024 {
  --x: 241.664;
  --y: 11133.968;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2024 {
    --x: 1406;
    --y: 15007;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-cloud--2025 {
  --x: -24.576;
  --y: 12339.216;
  --w: 526.336;
  --h: 199.68;
}
@media screen and (min-width: 769px) {
  .bm-archive-cloud--2025 {
    --x: 0;
    --y: 13825;
    --w: 514;
    --h: 195;
  }
}

.bm-archive-deco {
  --x: 169.984;
  --y: 1621.008;
  --w: 598.016;
  --h: 199.68;
}

.bm-archive-bird {
  --x: 568.32;
  --y: 1830.928;
  --w: 98.304;
  --h: 86.016;
}
@media screen and (min-width: 769px) {
  .bm-archive-bird {
    --x: 1547;
    --y: 7543;
    --w: 96;
    --h: 84;
  }
}

.bm-archive-bird--2019 {
  --x: 265.216;
  --y: 4175.888;
  --w: 98.304;
  --h: 86.016;
}

.bm-archive-year--2017 .bm-year__movie {
  --x: 74.752;
  --y: 1853.456;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2017 .bm-year__play {
  --px: 237.568;
  --py: 186.368;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2017 .bm-year__card {
  --x: 74.752;
  --y: 2253.84;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2017 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2017 .bm-year__card-title {
  --mt: -3.072;
  --ml: -9.216;
  --w: 509.952;
}
.bm-archive-year--2017 .bm-year__card-body {
  --mt: 38.912;
  --w: 401.408;
}
.bm-archive-year--2017 .bm-year__label {
  --x: 355.328;
  --y: 2676.752;
  --w: 337.92;
  --h: 189.44;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2017 .bm-year__movie {
    --x: 472;
    --y: 6296;
    --w: 644;
    --h: 465;
    --cl: -0.04%;
    --cw: 100.08%;
    --ch: 100%;
  }
  .bm-archive-year--2017 .bm-year__play {
    --px: 280;
    --py: 207;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2017 .bm-year__card {
    --x: 891;
    --y: 6729;
    --w: 704;
    --h: 380;
    --pt: 6;
    --pl: 130;
  }
  .bm-archive-year--2017 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2017 .bm-year__card-title {
    --mt: -3;
    --ml: -9;
    --w: 498;
  }
  .bm-archive-year--2017 .bm-year__card-body {
    --mt: 27;
    --w: 392;
  }
  .bm-archive-year--2017 .bm-year__label {
    --x: 440;
    --y: 6782;
    --w: 425;
    --h: 238;
  }
}

.bm-archive-bird--2017 {
  --x: 0;
  --y: 2209.808;
  --w: 160.014336;
  --h: 157.165568;
  --iw: 125.768704;
  --ih: 120.931328;
  --r: -20.38deg;
}
@media screen and (min-width: 769px) {
  .bm-archive-bird--2017 {
    --x: 1391;
    --y: 6603;
    --w: 156.264;
    --h: 153.482;
    --iw: 122.821;
    --ih: 118.097;
  }
}

.bm-archive-year--2018 .bm-year__movie {
  --x: 74.752;
  --y: 3038.224;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2018 .bm-year__play {
  --px: 237.568;
  --py: 202.752;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2018 .bm-year__card {
  --x: 74.752;
  --y: 3438.608;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2018 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2018 .bm-year__card-title {
  --mt: -3.072;
  --ml: -74.752;
  --w: 509.952;
}
.bm-archive-year--2018 .bm-year__card-body {
  --mt: 38.912;
  --w: 491.52;
}
.bm-archive-year--2018 .bm-year__label {
  --x: 95.232;
  --y: 3862.544;
  --w: 339.968;
  --h: 190.464;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2018 .bm-year__movie {
    --x: 744;
    --y: 7306;
    --w: 710;
    --h: 522;
  }
  .bm-archive-year--2018 .bm-year__play {
    --px: 293;
    --py: 218;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2018 .bm-year__card {
    --x: 315;
    --y: 7733;
    --w: 704;
    --h: 426;
    --pt: 41;
    --pl: 149;
  }
  .bm-archive-year--2018 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2018 .bm-year__card-title {
    --mt: -3;
    --ml: -57;
    --w: 468;
  }
  .bm-archive-year--2018 .bm-year__card-body {
    --mt: 18;
    --w: 435;
  }
  .bm-archive-year--2018 .bm-year__label {
    --x: 1037;
    --y: 7828;
    --w: 420.538;
    --h: 231;
  }
}

.bm-archive-year--2019 .bm-year__movie {
  --x: 74.752;
  --y: 4222.992;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2019 .bm-year__play {
  --px: 237.568;
  --py: 194.56;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2019 .bm-year__card {
  --x: 74.752;
  --y: 4623.376;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2019 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2019 .bm-year__card-title {
  --mt: 0;
  --ml: -70.656;
  --w: 509.952;
}
.bm-archive-year--2019 .bm-year__card-body {
  --mt: 47.104;
  --w: 436.224;
}
.bm-archive-year--2019 .bm-year__label {
  --x: 355.328;
  --y: 5046.288;
  --w: 337.92;
  --h: 189.44;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2019 .bm-year__movie {
    --x: 442;
    --y: 8385;
    --w: 758;
    --h: 507;
    --cl: -0.03%;
    --cw: 100.06%;
    --ch: 100%;
  }
  .bm-archive-year--2019 .bm-year__play {
    --px: 299;
    --py: 172;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2019 .bm-year__card {
    --x: 877;
    --y: 8776;
    --w: 704;
    --h: 376;
    --pt: 32;
    --pl: 164;
  }
  .bm-archive-year--2019 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2019 .bm-year__card-title {
    --mt: -3;
    --ml: -57;
    --w: 468;
  }
  .bm-archive-year--2019 .bm-year__card-body {
    --mt: 27;
    --ml: -7;
    --w: 406;
  }
  .bm-archive-year--2019 .bm-year__label {
    --x: 442;
    --y: 8917;
    --w: 411;
    --h: 228;
  }
}

.bm-archive-year--2020 .bm-year__movie {
  --x: 74.752;
  --y: 5407.76;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2020 .bm-year__play {
  --px: 237.568;
  --py: 188.416;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2020 .bm-year__card {
  --x: 74.752;
  --y: 5808.144;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2020 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2020 .bm-year__card-title {
  --mt: -3.072;
  --ml: -9.216;
  --w: 509.952;
}
.bm-archive-year--2020 .bm-year__card-body {
  --mt: 38.912;
  --w: 481.28;
}
.bm-archive-year--2020 .bm-year__label {
  --x: 80.896;
  --y: 6231.056;
  --w: 337.92;
  --h: 189.44;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2020 .bm-year__movie {
    --x: 734;
    --y: 9407;
    --w: 746;
    --h: 548;
    --cl: 3.14%;
    --cw: 93.72%;
    --ch: 100%;
  }
  .bm-archive-year--2020 .bm-year__play {
    --px: 303;
    --py: 231;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2020 .bm-year__card {
    --x: 315;
    --y: 9834;
    --w: 704;
    --h: 426;
    --pt: 39;
    --pl: 115;
  }
  .bm-archive-year--2020 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2020 .bm-year__card-title {
    --ml: -13;
    --w: 502;
  }
  .bm-archive-year--2020 .bm-year__card-body {
    --mt: 15;
    --w: 505;
  }
  .bm-archive-year--2020 .bm-year__label {
    --x: 1054;
    --y: 9955;
    --w: 411.436;
    --h: 226;
  }
}

.bm-archive-year--2021 .bm-year__movie {
  --x: 74.752;
  --y: 6592.528;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2021 .bm-year__play {
  --px: 237.568;
  --py: 181.248;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2021 .bm-year__card {
  --x: 74.752;
  --y: 6992.912;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2021 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2021 .bm-year__card-title {
  --mt: -3.072;
  --ml: -29.696;
  --w: 509.952;
}
.bm-archive-year--2021 .bm-year__card-body {
  --mt: 38.912;
  --w: 450.56;
}
.bm-archive-year--2021 .bm-year__label {
  --x: 355.328;
  --y: 7415.824;
  --w: 337.92;
  --h: 189.44;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2021 .bm-year__movie {
    --x: 479;
    --y: 10511;
    --w: 693;
    --h: 528;
    --ct: 1.74%;
    --ch: 96.52%;
  }
  .bm-archive-year--2021 .bm-year__play {
    --px: 277;
    --py: 201;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2021 .bm-year__card {
    --x: 891;
    --y: 10928;
    --w: 704;
    --h: 380;
    --pt: 6;
    --pl: 111;
  }
  .bm-archive-year--2021 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2021 .bm-year__card-title {
    --mt: -3;
    --ml: -18;
    --w: 468;
  }
  .bm-archive-year--2021 .bm-year__card-body {
    --mt: 27;
    --ml: 4;
    --w: 462;
  }
  .bm-archive-year--2021 .bm-year__label {
    --x: 463;
    --y: 11026;
    --w: 424.573;
    --h: 238;
  }
}

.bm-archive-year--2022 .bm-year__movie {
  --x: 74.752;
  --y: 7777.296;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2022 .bm-year__play {
  --px: 237.568;
  --py: 197.632;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2022 .bm-year__card {
  --x: 74.752;
  --y: 8177.68;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2022 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2022 .bm-year__card-title {
  --mt: -3.072;
  --ml: -70.656;
  --w: 509.952;
}
.bm-archive-year--2022 .bm-year__card-body {
  --mt: 38.912;
  --w: 491.52;
}
.bm-archive-year--2022 .bm-year__label {
  --x: 74.752;
  --y: 8600.592;
  --w: 340.992;
  --h: 191.488;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2022 .bm-year__movie {
    --x: 738;
    --y: 11448;
    --w: 715;
    --h: 511;
    --ct: 2.08%;
    --ch: 98.01%;
  }
  .bm-archive-year--2022 .bm-year__play {
    --px: 315;
    --py: 247;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2022 .bm-year__card {
    --x: 315;
    --y: 11919;
    --w: 704;
    --h: 426;
    --pt: 41;
    --pl: 149;
  }
  .bm-archive-year--2022 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2022 .bm-year__card-title {
    --mt: -3;
    --ml: -57;
    --w: 468;
  }
  .bm-archive-year--2022 .bm-year__card-body {
    --mt: 18;
    --w: 427;
  }
  .bm-archive-year--2022 .bm-year__label {
    --x: 1053;
    --y: 12002;
    --w: 429;
    --h: 235;
  }
}

.bm-archive-year--2023 .bm-year__movie {
  --x: 74.752;
  --y: 8962.064;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2023 .bm-year__play {
  --px: 237.568;
  --py: 180.224;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2023 .bm-year__card {
  --x: 74.752;
  --y: 9362.448;
  --w: 618.496;
  --h: 439.296;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2023 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2023 .bm-year__card-title {
  --mt: -3.072;
  --ml: -29.696;
  --w: 509.952;
}
.bm-archive-year--2023 .bm-year__card-body {
  --mt: 21.504;
  --w: 493.568;
}
.bm-archive-year--2023 .bm-year__label {
  --x: 348.16;
  --y: 9801.744;
  --w: 338.944;
  --h: 190.464;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2023 .bm-year__movie {
    --x: 456;
    --y: 12492;
    --w: 735;
    --h: 585;
    --ct: 3.81%;
    --ch: 92.39%;
  }
  .bm-archive-year--2023 .bm-year__play {
    --px: 314;
    --py: 230;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2023 .bm-year__card {
    --x: 877;
    --y: 12934;
    --w: 704;
    --h: 507;
    --pt: 38;
    --pl: 143;
  }
  .bm-archive-year--2023 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2023 .bm-year__card-title {
    --mt: -3;
    --ml: -17;
    --w: 468;
  }
  .bm-archive-year--2023 .bm-year__card-body {
    --mt: 27;
    --w: 423;
  }
  .bm-archive-year--2023 .bm-year__label {
    --x: 435;
    --y: 13051;
    --w: 405;
    --h: 224;
  }
}

.bm-archive-year--2024 .bm-year__movie {
  --x: 74.752;
  --y: 10146.832;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2024 .bm-year__play {
  --px: 237.568;
  --py: 194.56;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2024 .bm-year__card {
  --x: 74.752;
  --y: 10547.216;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2024 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2024 .bm-year__card-title {
  --mt: -3.072;
  --ml: 0;
  --w: 509.952;
}
.bm-archive-year--2024 .bm-year__card-body {
  --mt: 38.912;
  --w: 489.472;
}
.bm-archive-year--2024 .bm-year__label {
  --x: 74.752;
  --y: 10970.128;
  --w: 337.92;
  --h: 189.44;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2024 .bm-year__movie {
    --x: 744;
    --y: 13655;
    --w: 710;
    --h: 529;
    --ct: 0.09%;
    --ch: 101.13%;
  }
  .bm-archive-year--2024 .bm-year__play {
    --px: 291;
    --py: 214;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2024 .bm-year__card {
    --x: 315;
    --y: 14076;
    --w: 704;
    --h: 426;
    --pt: 41;
    --pl: 139;
  }
  .bm-archive-year--2024 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2024 .bm-year__card-title {
    --mt: -3;
    --ml: -74;
    --w: 468;
  }
  .bm-archive-year--2024 .bm-year__card-body {
    --mt: 18;
    --w: 477;
  }
  .bm-archive-year--2024 .bm-year__label {
    --x: 1044;
    --y: 14171;
    --w: 426;
    --h: 234;
  }
}

.bm-archive-year--2025 .bm-year__movie {
  --x: 74.752;
  --y: 11371.536;
  --w: 619.947008;
  --h: 534.528;
}
.bm-archive-year--2025 .bm-year__play {
  --px: 237.568;
  --py: 158.72;
  --pw: 142.55104;
  --ph: 128.24576;
}
.bm-archive-year--2025 .bm-year__card {
  --x: 74.752;
  --y: 11771.92;
  --w: 618.496;
  --h: 422.912;
  --pt: 21.504;
  --pl: 66.56;
}
.bm-archive-year--2025 .bm-year__card-label {
  --w: 95.232;
}
.bm-archive-year--2025 .bm-year__card-title {
  --mt: -3.072;
  --ml: -70.656;
  --w: 509.952;
}
.bm-archive-year--2025 .bm-year__card-body {
  --mt: 38.912;
  --w: 499.712;
}
.bm-archive-year--2025 .bm-year__label {
  --x: 355.328;
  --y: 12194.832;
  --w: 337.92;
  --h: 189.44;
}
@media screen and (min-width: 769px) {
  .bm-archive-year--2025 .bm-year__movie {
    --x: 470;
    --y: 14657;
    --w: 715;
    --h: 565;
    --cl: -0.01%;
    --cw: 100.73%;
    --ch: 100%;
  }
  .bm-archive-year--2025 .bm-year__play {
    --px: 268;
    --py: 264;
    --pw: 139.21;
    --ph: 125.24;
  }
  .bm-archive-year--2025 .bm-year__card {
    --x: 877;
    --y: 15134;
    --w: 704;
    --h: 422;
    --pt: 32;
    --pl: 164;
  }
  .bm-archive-year--2025 .bm-year__card-label {
    --w: 93;
  }
  .bm-archive-year--2025 .bm-year__card-title {
    --mt: -3;
    --ml: -57;
    --w: 468;
  }
  .bm-archive-year--2025 .bm-year__card-body {
    --mt: 27;
    --ml: -7;
    --w: 418;
  }
  .bm-archive-year--2025 .bm-year__label {
    --x: 442;
    --y: 15208;
    --w: 407;
    --h: 226;
  }
}

.bm-archive-line {
  max-width: none;
  overflow: visible;
}
.bm-archive-line.is-drawing path {
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--bm-line, 0));
}
@media (prefers-reduced-motion: reduce) {
  .bm-archive-line.is-drawing path {
    stroke-dashoffset: 0;
  }
}

@media screen and (min-width: 769px) {
  .bm-archive-line--pc {
    --x: 546.53;
    --y: 7061.5;
    --w: 750.485;
    --h: 8944;
  }
}

.bm-archive-line--sp {
  --x: 183.257088;
  --y: 2607.12;
  --w: 458.46528;
  --h: 10353.2544;
}

.bm-theme__art {
  --x: 0;
  --y: 0;
  --w: 768;
  --h: 1664;
}
@media screen and (min-width: 769px) {
  .bm-theme__art {
    --x: 0;
    --y: 3;
    --w: 1920;
    --h: 2715;
  }
}

.bm-theme__making {
  --x: -73.16992;
  --y: 1020.929024;
  --w: 898.634752;
  --h: 642.320384;
  -webkit-clip-path: url(#bmMakingClip);
  clip-path: url(#bmMakingClip);
  position: relative;
  z-index: 1;
}
.bm-theme__making:focus-visible {
  outline: none;
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 769px) {
  .bm-theme__making {
    --x: 423;
    --y: 1432;
    --w: 1073.336;
    --h: 783.393;
  }
}

.bm-theme__making-clip {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.bm-theme__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.86);
  border-radius: calc(57 * var(--bm-u));
  text-align: center;
  --x: 116.736;
  --y: 685.056;
  --w: 534.528;
  height: auto;
  align-self: start;
  padding: calc(18.432 * var(--bm-u)) 0 calc(40 * var(--bm-u)) calc(22.528 * var(--bm-u));
}
.bm-theme__card .bm-theme-copy {
  margin-top: calc(22.528 * var(--bm-u));
}
.bm-theme__card .bm-theme-body {
  width: calc(348.16 * var(--bm-u));
  margin-top: calc(39.936 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-theme__card {
    --x: 549;
    --y: 948;
    --w: 822;
    --h: 313;
    height: calc(var(--h) * var(--bm-u));
    align-self: stretch;
    padding: calc(15 * var(--bm-u)) 0 0 calc(22 * var(--bm-u));
  }
  .bm-theme__card .bm-theme-copy {
    margin-top: calc(36 * var(--bm-u));
  }
  .bm-theme__card .bm-theme-body {
    width: auto;
    margin-top: calc(50 * var(--bm-u));
  }
}

.bm-closing-bg {
  --x: 0;
  --y: 13482.070016;
  --w: 768;
  --h: 2854.213632;
  overflow: hidden;
  background: linear-gradient(to bottom, #fff, #d1edf0);
}
@media screen and (min-width: 769px) {
  .bm-closing-bg {
    --y: 27734;
    --w: 1919;
    --h: 1919;
    background: none;
  }
}

.bm-epilogue__body {
  position: relative;
  width: calc(518.144 * var(--bm-u));
  margin: calc(344.676352 * var(--bm-u)) auto 0;
}
@media screen and (min-width: 769px) {
  .bm-epilogue__body {
    position: static;
    width: calc(996 * var(--bm-u));
    margin: 0 0 0 calc(466 * var(--bm-u));
  }
}

.bm-hero-copy {
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(40 * var(--bm-u));
  line-height: calc(80 * var(--bm-u));
  letter-spacing: calc(1.85 * var(--bm-u));
  color: #ec6e7d;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bm-hero-copy {
    letter-spacing: calc(2 * var(--bm-u));
  }
}

.bm-lead {
  font-size: calc(25 * var(--bm-u));
  line-height: calc(95 * var(--bm-u));
  letter-spacing: calc(5 * var(--bm-u));
  color: #000;
  text-align: center;
}
.bm-lead .bm-lead__accent {
  color: #ec6e7d;
}

.bm-sec-title {
  position: relative;
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(40 * var(--bm-u));
  line-height: calc(80 * var(--bm-u));
  letter-spacing: calc(2 * var(--bm-u));
  color: #28a33b;
  text-align: center;
  top: -4rem;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .bm-sec-title {
    top: auto;
  }
}

.bm-sec-note {
  position: relative;
  font-size: calc(25 * var(--bm-u));
  line-height: calc(43 * var(--bm-u));
  letter-spacing: calc(5 * var(--bm-u));
  color: #000;
  text-align: center;
  top: -2rem;
}
@media screen and (min-width: 769px) {
  .bm-sec-note {
    line-height: calc(80 * var(--bm-u));
    top: auto;
  }
}

.bm-year-num {
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(47.2 * var(--bm-u));
  line-height: calc(59 * var(--bm-u));
  letter-spacing: calc(-1.416 * var(--bm-u));
  color: #fff;
  text-align: center;
  -webkit-text-stroke: 0.14em #7d7d7d;
  paint-order: stroke fill;
}
.bm-year-num--lg {
  font-size: calc(70.8 * var(--bm-u));
  letter-spacing: calc(-2.124 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-year-num {
    font-size: calc(64 * var(--bm-u));
    line-height: calc(80 * var(--bm-u));
    letter-spacing: calc(-1.92 * var(--bm-u));
  }
  .bm-year-num--lg {
    font-size: calc(96 * var(--bm-u));
    letter-spacing: calc(-2.88 * var(--bm-u));
  }
}

.bm-theme-label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(29 * var(--bm-u));
  line-height: calc(80 * var(--bm-u));
  letter-spacing: calc(2.9 * var(--bm-u));
  color: #28a33b;
  text-align: center;
  white-space: nowrap;
}

.bm-theme-title {
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(40 * var(--bm-u));
  line-height: calc(30 * var(--bm-u));
  color: #ec6e7d;
  text-align: center;
}

.bm-theme-body {
  font-size: calc(23 * var(--bm-u));
  line-height: calc(40 * var(--bm-u));
  color: #3e3a39;
}

.bm-theme-lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(29 * var(--bm-u));
  line-height: calc(80 * var(--bm-u));
  letter-spacing: calc(2.9 * var(--bm-u));
  color: #a95f4d;
  text-align: center;
}

.bm-theme-copy {
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(48 * var(--bm-u));
  line-height: calc(30 * var(--bm-u));
  color: #ec6e7d;
  text-align: center;
}

.bm-heading-block {
  background: url("../img/birthday-movie/process_heading_bg_sp.png") no-repeat 0 0/100% 100%;
  padding: calc(305.152 * var(--bm-u)) 0 calc(130.048 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-heading-block {
    position: absolute;
    left: 0;
    top: calc(48 * var(--bm-u));
    width: calc(1920 * var(--bm-u));
    background: none;
    padding: 0;
  }
}
.bm-heading-block .bm-heading {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .bm-heading-block .bm-heading {
    align-items: center;
    gap: calc(15 * var(--bm-u));
  }
}
.bm-heading-block .bm-heading-note {
  margin: calc(26.624 * var(--bm-u)) auto 0;
  width: calc(462.848 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-heading-block .bm-heading-note {
    width: auto;
    margin-top: calc(9 * var(--bm-u));
  }
}

.bm-heading__deco {
  flex: none;
  width: calc(53.714944 * var(--bm-u));
  height: calc(53.248 * var(--bm-u));
  margin-bottom: calc(9.216 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-heading__deco {
    width: calc(46.404 * var(--bm-u));
    height: calc(46 * var(--bm-u));
    margin-bottom: 0;
  }
}

.bm-heading {
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(40.96 * var(--bm-u));
  line-height: calc(57.344 * var(--bm-u));
  letter-spacing: calc(2.048 * var(--bm-u));
  color: #ec6e7d;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bm-heading {
    font-size: calc(40 * var(--bm-u));
    line-height: calc(80 * var(--bm-u));
    letter-spacing: calc(2 * var(--bm-u));
  }
}

.bm-heading-note {
  font-size: calc(25.6 * var(--bm-u));
  line-height: calc(45.056 * var(--bm-u));
  letter-spacing: calc(5.12 * var(--bm-u));
  color: #3e3a39;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bm-heading-note {
    font-size: calc(25 * var(--bm-u));
    line-height: calc(60 * var(--bm-u));
    letter-spacing: calc(5 * var(--bm-u));
  }
}

@media screen and (min-width: 769px) {
  .bm-step-title {
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40 * var(--bm-u));
    line-height: calc(80 * var(--bm-u));
    letter-spacing: calc(2 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    white-space: nowrap;
  }
}

@media screen and (min-width: 769px) {
  .bm-step-sub {
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25 * var(--bm-u));
    line-height: calc(60 * var(--bm-u));
    letter-spacing: calc(5 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .bm-step-body {
    font-weight: 500;
    font-size: calc(25 * var(--bm-u));
    line-height: calc(60 * var(--bm-u));
    letter-spacing: calc(5 * var(--bm-u));
    color: #3e3a39;
  }
}

@media screen and (min-width: 769px) {
  .bm-step-voice {
    font-weight: 500;
    font-size: calc(25 * var(--bm-u));
    line-height: calc(50 * var(--bm-u));
    letter-spacing: calc(5 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-step-voice--ls35 {
    letter-spacing: calc(3.5 * var(--bm-u));
  }
  .bm-step-voice--ls375 {
    letter-spacing: calc(3.75 * var(--bm-u));
  }
}

@media screen and (min-width: 769px) {
  .bm-step-body--ls35 {
    letter-spacing: calc(3.5 * var(--bm-u));
  }
}

.bm-process-step--01 .bm-step-balloon {
  --iw: 112;
  --ih: 248;
  --r: 38.19deg;
}

@media screen and (min-width: 769px) {
  .bm-process-step--01 .bm-step-title {
    --x: 830;
    --y: 18441;
    --w: 260;
  }
  .bm-process-step--01 .bm-step-sub {
    --x: 474;
    --y: 18547;
    --w: 980;
  }
  .bm-process-step--01 .bm-step-underline {
    --x: 815;
    --y: 18481;
    --w: 297;
    --h: 34;
  }
  .bm-process-step--01 .bm-step-icon {
    --x: 866;
    --y: 18308;
    --w: 190;
    --h: 190;
  }
  .bm-process-step--01 .bm-paper {
    --x: 484;
    --y: 18639;
    --w: 960;
    --h: 750;
    --rn: 6;
  }
  .bm-process-step--01 .bm-step-body {
    --x: 636;
    --y: 18695;
    --w: 626;
  }
  .bm-process-step--01 .bm-step-photo--1 {
    --x: 543;
    --y: 19052;
    --w: 456;
    --h: 368;
  }
  .bm-process-step--01 .bm-step-photo--2 {
    --x: 939;
    --y: 19093;
    --w: 436;
    --h: 327;
  }
  .bm-process-step--01 .bm-step-photo--3 {
    --x: 1205;
    --y: 18976;
    --w: 295;
    --h: 198;
  }
  .bm-process-step--01 .bm-yellow {
    --x: 398;
    --y: 19571;
    --w: 806;
    --h: 191;
  }
  .bm-process-step--01 .bm-step-staff {
    --x: 1094;
    --y: 19432;
    --w: 490;
    --h: 354.605;
  }
  .bm-process-step--01 .bm-step-voice {
    --x: 464;
    --y: 19592;
    --w: 595;
  }
  .bm-process-step--01 .bm-step-memo--l {
    --x: 104;
    --y: 19266.025;
    --w: 201.368;
    --h: 308.008;
  }
  .bm-process-step--01 .bm-step-memo--r {
    --x: 1584;
    --y: 19036.043;
    --w: 336.005;
    --h: 597.711;
  }
  .bm-process-step--01 .bm-step-petal {
    --x: 179;
    --y: 18339;
    --w: 177;
    --h: 142;
  }
  .bm-process-step--01 .bm-step-balloon {
    --x: 1303;
    --y: 18532;
    --w: 241.352;
    --h: 264.17;
  }
}
@media screen and (max-width: 768px) {
  .bm-process-step--01 .bm-step-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(-59.392 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-icon {
    order: 1;
    position: static;
    width: calc(194.56 * var(--bm-u));
    height: calc(194.56 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-title {
    order: 2;
    position: static;
    width: 100%;
    margin-top: calc(-58.368 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40.96 * var(--bm-u));
    line-height: calc(81.92 * var(--bm-u));
    letter-spacing: calc(2.048 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    background: url("../img/birthday-movie/underline_297.svg") no-repeat center calc(40.96 * var(--bm-u))/calc(304.128 * var(--bm-u)) calc(34.816 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-sub {
    order: 3;
    position: static;
    width: 100%;
    margin-top: calc(26.624 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
  .bm-process-step--01 .bm-step-underline {
    display: none;
  }
  .bm-process-step--01 .bm-step-letter {
    width: calc(651.264 * var(--bm-u));
    min-height: calc(618.496 * var(--bm-u));
    margin: calc(44.032 * var(--bm-u)) auto 0;
    padding: calc(50.176 * var(--bm-u)) calc(80.896 * var(--bm-u)) 0 calc(82.944 * var(--bm-u));
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2.048 * var(--bm-u)), transparent calc(2.048 * var(--bm-u)) calc(61.44 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(73.728 * var(--bm-u)) calc(108.032 * var(--bm-u)), 0 0;
    background-size: calc(498.688 * var(--bm-u)) calc(491.52 * var(--bm-u)), 100% 100%;
  }
  .bm-process-step--01 .bm-paper {
    display: none;
  }
  .bm-process-step--01 .bm-step-body {
    position: static;
    width: auto;
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--01 .bm-step-photos {
    position: relative;
    height: calc(653.270016 * var(--bm-u));
    margin-top: calc(-68.391936 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-photo--1 {
    z-index: 1;
    left: calc(-2.7264 * var(--bm-u));
    top: calc(19.854336 * var(--bm-u));
    width: calc(466.944 * var(--bm-u));
    height: calc(376.832 * var(--bm-u));
    transform: rotate(5.06deg);
  }
  .bm-process-step--01 .bm-step-photo--3 {
    z-index: 2;
    left: calc(391.168 * var(--bm-u));
    top: calc(123.687936 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(202.752 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-photo--2 {
    z-index: 3;
    left: calc(331.5584 * var(--bm-u));
    top: calc(306.221056 * var(--bm-u));
    width: calc(446.464 * var(--bm-u));
    height: calc(334.848 * var(--bm-u));
    transform: rotate(-3.2deg);
  }
  .bm-process-step--01 .bm-step-interview {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(2.89792 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-staff {
    order: 1;
    z-index: 1;
    position: static;
    width: calc(340.992 * var(--bm-u));
    height: calc(246.784 * var(--bm-u));
  }
  .bm-process-step--01 .bm-yellow {
    order: 2;
    position: static;
    width: calc(571.392 * var(--bm-u));
    height: calc(295.936 * var(--bm-u));
    margin-top: calc(-11.264 * var(--bm-u));
    background-color: #fff9cf;
    border-radius: calc(35.84 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-voice {
    order: 3;
    position: static;
    width: calc(416.768 * var(--bm-u));
    margin-top: calc(-275.456 * var(--bm-u));
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(51.2 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-section--process .bm-process-pencil {
    left: calc(-48.128 * var(--bm-u));
    top: calc(480.256 * var(--bm-u));
    width: calc(247.808 * var(--bm-u));
    height: calc(378.88 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-memo--l {
    left: 0;
    top: calc(1934.357504 * var(--bm-u));
    width: calc(176.130048 * var(--bm-u));
    height: calc(269.375488 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-memo--r {
    left: calc(633.856 * var(--bm-u));
    top: calc(2172.94848 * var(--bm-u));
    width: calc(151.177216 * var(--bm-u));
    height: calc(268.884992 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-balloon {
    left: calc(583.68 * var(--bm-u));
    top: calc(927.744 * var(--bm-u));
    width: calc(247.144448 * var(--bm-u));
    height: calc(270.51008 * var(--bm-u));
  }
  .bm-process-step--01 .bm-step-balloon > * {
    width: calc(114.688 * var(--bm-u));
    height: calc(253.952 * var(--bm-u));
  }
}
.bm-process-step--02 .bm-step-photo--1 {
  --iw: 512;
  --ih: 440;
  --r: -9.96deg;
}
.bm-process-step--02 .bm-step-photo--3 {
  --ct: 2.42%;
  --ch: 97.63%;
}
.bm-process-step--02 .bm-step-notebook {
  --iw: 552.776;
  --ih: 598.711;
  --r: -30.24deg;
}
.bm-process-step--02 .bm-step-balloon {
  --iw: 112.352;
  --ih: 257.143;
  --r: -28.29deg;
}
.bm-process-step--02 .bm-step-sketch {
  --iw: 413;
  --ih: 307;
  --r: -3.15deg;
}

@media screen and (min-width: 769px) {
  .bm-process-step--02 .bm-step-title {
    --x: 830;
    --y: 20013;
    --w: 260;
  }
  .bm-process-step--02 .bm-step-sub {
    --x: 474;
    --y: 20119;
    --w: 980;
  }
  .bm-process-step--02 .bm-step-underline {
    --x: 815;
    --y: 20053;
    --w: 297;
    --h: 34;
  }
  .bm-process-step--02 .bm-step-icon {
    --x: 865;
    --y: 19862;
    --w: 190;
    --h: 190;
  }
  .bm-process-step--02 .bm-paper {
    --x: 479;
    --y: 20211;
    --w: 960;
    --h: 750;
    --rn: 4;
  }
  .bm-process-step--02 .bm-step-body {
    --x: 631;
    --y: 20267;
    --w: 626;
  }
  .bm-process-step--02 .bm-step-photo--1 {
    --x: 490;
    --y: 20482;
    --w: 580.403;
    --h: 521.946;
  }
  .bm-process-step--02 .bm-step-photo--3 {
    --x: 395;
    --y: 20524;
    --w: 295;
    --h: 203;
  }
  .bm-process-step--02 .bm-yellow {
    --x: 753;
    --y: 21106;
    --w: 806;
    --h: 191;
  }
  .bm-process-step--02 .bm-step-staff {
    --x: 398;
    --y: 21004;
    --w: 490;
    --h: 354.605;
  }
  .bm-process-step--02 .bm-step-voice {
    --x: 905;
    --y: 21127;
    --w: 624;
  }
  .bm-process-step--02 .bm-step-memo--l {
    --x: 1584;
    --y: 20838.025;
    --w: 201.368;
    --h: 308.008;
  }
  .bm-process-step--02 .bm-step-memo--r {
    --x: 0;
    --y: 20608.043;
    --w: 336.005;
    --h: 597.711;
  }
  .bm-process-step--02 .bm-step-notebook {
    --x: 1524.791;
    --y: 19809.146;
    --w: 779.061;
    --h: 795.617;
  }
  .bm-process-step--02 .bm-step-balloon {
    --x: 322;
    --y: 20158;
    --w: 220.809;
    --h: 279.676;
  }
  .bm-process-step--02 .bm-step-sketch {
    --x: 959;
    --y: 20536;
    --w: 429.248;
    --h: 329.234;
  }
}
@media screen and (max-width: 768px) {
  .bm-process-step--02 .bm-step-head {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(92.16 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-icon {
    order: 1;
    position: static;
    width: calc(194.56 * var(--bm-u));
    height: calc(194.56 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-title {
    order: 2;
    position: static;
    width: 100%;
    margin-top: calc(-39.936 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40.96 * var(--bm-u));
    line-height: calc(81.92 * var(--bm-u));
    letter-spacing: calc(2.048 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    background: url("../img/birthday-movie/underline_297.svg") no-repeat center calc(40.96 * var(--bm-u))/calc(304.128 * var(--bm-u)) calc(34.816 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-sub {
    order: 3;
    position: static;
    width: 100%;
    margin-top: calc(26.624 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
  .bm-process-step--02 .bm-step-underline {
    display: none;
  }
  .bm-process-step--02 .bm-step-letter {
    position: relative;
    z-index: 1;
    width: calc(651.264 * var(--bm-u));
    min-height: calc(508.928 * var(--bm-u));
    margin: calc(44.032 * var(--bm-u)) auto 0;
    padding: calc(50.176 * var(--bm-u)) calc(80.896 * var(--bm-u)) 0 calc(82.944 * var(--bm-u));
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2.048 * var(--bm-u)), transparent calc(2.048 * var(--bm-u)) calc(61.44 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(73.728 * var(--bm-u)) calc(108.032 * var(--bm-u)), 0 0;
    background-size: calc(498.688 * var(--bm-u)) calc(368.64 * var(--bm-u)), 100% 100%;
  }
  .bm-process-step--02 .bm-paper {
    display: none;
  }
  .bm-process-step--02 .bm-step-body {
    position: static;
    width: auto;
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--02 .bm-step-photos {
    position: relative;
    height: calc(735.0016 * var(--bm-u));
    margin-top: calc(91.138048 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-photo--3 {
    z-index: 2;
    left: calc(125.952 * var(--bm-u));
    top: calc(10.24 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(207.872 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-photo--1 {
    --r: -16.35deg;
    z-index: 2;
    left: calc(-36.864 * var(--bm-u));
    top: calc(17.135616 * var(--bm-u));
    width: calc(629.691392 * var(--bm-u));
    height: calc(579.625984 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-photo--1 > * {
    width: calc(524.288 * var(--bm-u));
    height: calc(450.56 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-interview {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(-202.5216 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-staff {
    order: 1;
    z-index: 1;
    position: static;
    width: calc(340.992 * var(--bm-u));
    height: calc(246.784 * var(--bm-u));
  }
  .bm-process-step--02 .bm-yellow {
    order: 2;
    position: static;
    width: calc(571.392 * var(--bm-u));
    height: calc(295.936 * var(--bm-u));
    margin-top: calc(-18.432 * var(--bm-u));
    background-color: #fff9cf;
    border-radius: calc(35.84 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-voice {
    order: 3;
    position: static;
    width: calc(416.768 * var(--bm-u));
    margin-top: calc(-275.456 * var(--bm-u));
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(51.2 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--02 .bm-step-sketch {
    --r: -5.48deg;
    z-index: 1;
    left: calc(303.104 * var(--bm-u));
    top: calc(3574.181888 * var(--bm-u));
    width: calc(450.981888 * var(--bm-u));
    height: calc(353.291264 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-sketch > * {
    width: calc(422.912 * var(--bm-u));
    height: calc(314.368 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-notebook {
    left: calc(575.488 * var(--bm-u));
    top: calc(2670.592 * var(--bm-u));
    width: calc(468.942848 * var(--bm-u));
    height: calc(478.908416 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-notebook > * {
    width: calc(332.73344 * var(--bm-u));
    height: calc(360.38144 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-balloon {
    z-index: 2;
    left: calc(-43.008 * var(--bm-u));
    top: calc(2924.544 * var(--bm-u));
    width: calc(226.108416 * var(--bm-u));
    height: calc(286.388224 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-balloon > * {
    width: calc(115.048448 * var(--bm-u));
    height: calc(263.314432 * var(--bm-u));
  }
  .bm-process-step--02 .bm-step-memo--l {
    z-index: 4;
    left: calc(560.04608 * var(--bm-u));
    top: calc(4025.346048 * var(--bm-u));
    width: calc(154.098688 * var(--bm-u));
    height: calc(235.679744 * var(--bm-u));
    transform: scaleX(-1);
  }
  .bm-process-step--02 .bm-step-memo--r {
    z-index: 4;
    left: calc(-15.36 * var(--bm-u));
    top: calc(4276.224 * var(--bm-u));
    width: calc(181.394432 * var(--bm-u));
    height: calc(322.627584 * var(--bm-u));
  }
}
@media screen and (min-width: 769px) {
  .bm-process-step--03 .bm-step-title {
    --x: 809;
    --y: 21610;
    --w: 302;
  }
  .bm-process-step--03 .bm-step-sub {
    --x: 474;
    --y: 21716;
    --w: 980;
  }
  .bm-process-step--03 .bm-step-underline {
    --x: 798;
    --y: 21650;
    --w: 331;
    --h: 34;
  }
  .bm-process-step--03 .bm-step-icon {
    --x: 884;
    --y: 21471;
    --w: 190;
    --h: 190;
  }
  .bm-process-step--03 .bm-paper {
    --x: 482;
    --y: 21808;
    --w: 960;
    --h: 750;
    --rn: 4;
  }
  .bm-process-step--03 .bm-step-body {
    --x: 634;
    --y: 21864;
    --w: 626;
  }
  .bm-process-step--03 .bm-step-photo--1 {
    --x: 529;
    --y: 22117;
    --w: 481;
    --h: 387;
  }
  .bm-process-step--03 .bm-step-photo--2 {
    --x: 922.966;
    --y: 22171.669;
    --w: 492.069;
    --h: 384.667;
    --iw: 464;
    --ih: 346;
    --r: -4.94deg;
  }
  .bm-process-step--03 .bm-step-photo--3 {
    --x: 1187;
    --y: 22113;
    --w: 295;
    --h: 198;
  }
  .bm-process-step--03 .bm-yellow {
    --x: 398;
    --y: 22662;
    --w: 806;
    --h: 293;
  }
  .bm-process-step--03 .bm-step-staff {
    --x: 1094;
    --y: 22601;
    --w: 490;
    --h: 354.605;
  }
  .bm-process-step--03 .bm-step-voice {
    --x: 464;
    --y: 22683;
    --w: 595;
  }
  .bm-process-step--03 .bm-step-memo--l {
    --x: 104;
    --y: 22435.025;
    --w: 201.368;
    --h: 308.008;
  }
  .bm-process-step--03 .bm-step-memo--r {
    --x: 1584;
    --y: 22205.043;
    --w: 336.005;
    --h: 597.711;
  }
  .bm-process-step--03 .bm-step-piano {
    --x: -3245;
    --y: 19680;
    --w: 3584.685;
    --h: 2453.286;
    --iw: 3806.233;
    --ih: 602.987;
    --r: 30.54deg;
  }
}
@media screen and (max-width: 768px) {
  .bm-process-step--03 .bm-step-head {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(95.229952 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-icon {
    order: 1;
    position: static;
    width: calc(194.56 * var(--bm-u));
    height: calc(194.56 * var(--bm-u));
    margin-left: calc(32.768 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-title {
    order: 2;
    position: static;
    width: 100%;
    margin-top: calc(-52.224 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40.96 * var(--bm-u));
    line-height: calc(81.92 * var(--bm-u));
    letter-spacing: calc(2.048 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    background: url("../img/birthday-movie/underline_331.svg") no-repeat center calc(40.96 * var(--bm-u))/calc(338.944 * var(--bm-u)) calc(34.816 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-sub {
    order: 3;
    position: static;
    width: 100%;
    margin-top: calc(26.624 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
  .bm-process-step--03 .bm-step-underline {
    display: none;
  }
  .bm-process-step--03 .bm-step-letter {
    position: relative;
    z-index: 1;
    width: calc(651.264 * var(--bm-u));
    min-height: calc(403.456 * var(--bm-u));
    margin: calc(44.032 * var(--bm-u)) auto 0;
    padding: calc(50.176 * var(--bm-u)) calc(80.896 * var(--bm-u)) 0 calc(82.944 * var(--bm-u));
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2.048 * var(--bm-u)), transparent calc(2.048 * var(--bm-u)) calc(61.44 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(73.728 * var(--bm-u)) calc(108.032 * var(--bm-u)), 0 0;
    background-size: calc(498.688 * var(--bm-u)) calc(307.2 * var(--bm-u)), 100% 100%;
  }
  .bm-process-step--03 .bm-paper {
    display: none;
  }
  .bm-process-step--03 .bm-step-body {
    position: static;
    width: auto;
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--03 .bm-step-photos {
    position: relative;
    height: calc(678.468608 * var(--bm-u));
    margin-top: calc(-1.859584 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-photo--1 {
    z-index: 1;
    left: calc(10.24 * var(--bm-u));
    top: calc(-40.96 * var(--bm-u));
    width: calc(520.909824 * var(--bm-u));
    height: calc(408.63744 * var(--bm-u));
    transform: rotate(-5deg);
  }
  .bm-process-step--03 .bm-step-photo--3 {
    z-index: 2;
    left: calc(391.168 * var(--bm-u));
    top: calc(179.2 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(202.752 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-photo--2 {
    --r: -4.54deg;
    z-index: 2;
    left: calc(259.072 * var(--bm-u));
    top: calc(256 * var(--bm-u));
    width: calc(523.57632 * var(--bm-u));
    height: calc(407.832576 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-photo--2 > * {
    width: calc(495.9232 * var(--bm-u));
    height: calc(369.7664 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-interview {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(54.115328 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-staff {
    order: 1;
    z-index: 1;
    position: static;
    width: calc(340.992 * var(--bm-u));
    height: calc(246.784 * var(--bm-u));
  }
  .bm-process-step--03 .bm-yellow {
    order: 2;
    position: static;
    width: calc(571.392 * var(--bm-u));
    height: calc(368.64 * var(--bm-u));
    margin-top: calc(-32.356352 * var(--bm-u));
    background-color: #fff9cf;
    border-radius: calc(35.84 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-voice {
    order: 3;
    position: static;
    width: calc(431.104 * var(--bm-u));
    margin-top: calc(-326.656 * var(--bm-u));
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(51.2 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--03 .bm-step-piano {
    --r: 40.48deg;
    left: calc(-1126.501376 * var(--bm-u));
    top: calc(3947.52 * var(--bm-u));
    width: calc(1314.996224 * var(--bm-u));
    height: calc(1171.841024 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-piano > * {
    width: calc(1522.9952 * var(--bm-u));
    height: calc(241.2544 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-balloon {
    --r: 10deg;
    z-index: 1;
    left: calc(655.876096 * var(--bm-u));
    top: calc(5155.84 * var(--bm-u));
    width: calc(162.304 * var(--bm-u));
    height: calc(276.315136 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-balloon > * {
    width: calc(116.668416 * var(--bm-u));
    height: calc(259.299328 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-memo--l {
    z-index: 4;
    left: 0;
    top: calc(6169.209856 * var(--bm-u));
    width: calc(176.130048 * var(--bm-u));
    height: calc(269.375488 * var(--bm-u));
  }
  .bm-process-step--03 .bm-step-memo--r {
    z-index: 4;
    left: calc(633.856 * var(--bm-u));
    top: calc(6364.16 * var(--bm-u));
    width: calc(151.177216 * var(--bm-u));
    height: calc(268.884992 * var(--bm-u));
  }
}
@media screen and (min-width: 769px) {
  .bm-process-step--04 .bm-step-title {
    --x: 772;
    --y: 23182;
    --w: 377;
  }
  .bm-process-step--04 .bm-step-sub {
    --x: 474;
    --y: 23288;
    --w: 980;
  }
  .bm-process-step--04 .bm-step-underline {
    --x: 760;
    --y: 23222;
    --w: 407;
    --h: 34;
  }
  .bm-process-step--04 .bm-step-icon {
    --x: 884;
    --y: 23049;
    --w: 190;
    --h: 190;
  }
  .bm-process-step--04 .bm-paper {
    --x: 482;
    --y: 23380;
    --w: 960;
    --h: 750;
    --rn: 6;
  }
  .bm-process-step--04 .bm-step-body {
    --x: 634;
    --y: 23436;
    --w: 630;
  }
  .bm-process-step--04 .bm-step-photo--1 {
    --x: 554.79;
    --y: 23805.402;
    --w: 435.539;
    --h: 340.4;
    --iw: 410.411;
    --ih: 305.731;
    --r: 5.01deg;
  }
  .bm-process-step--04 .bm-step-photo--2 {
    --x: 935.25;
    --y: 23823.859;
    --w: 430.643;
    --h: 325.618;
    --iw: 426.664;
    --ih: 320.298;
    --r: 0.72deg;
  }
  .bm-process-step--04 .bm-step-photo--3 {
    --x: 1203;
    --y: 23717;
    --w: 295;
    --h: 198;
  }
  .bm-process-step--04 .bm-yellow {
    --x: 739;
    --y: 24220;
    --w: 806;
    --h: 291;
  }
  .bm-process-step--04 .bm-step-staff {
    --x: 397;
    --y: 24173;
    --w: 490;
    --h: 354.605;
  }
  .bm-process-step--04 .bm-step-voice {
    --x: 906;
    --y: 24241;
    --w: 609;
  }
  .bm-process-step--04 .bm-step-balloon {
    --x: 376;
    --y: 23318;
    --w: 241.352;
    --h: 264.17;
    --iw: 112;
    --ih: 248;
    --r: 141.81deg;
  }
  .bm-process-step--04 .bm-step-memo--l {
    --x: 1584;
    --y: 24007.025;
    --w: 201.368;
    --h: 308.008;
  }
  .bm-process-step--04 .bm-step-memo--r {
    --x: 0;
    --y: 23777.043;
    --w: 336.005;
    --h: 597.711;
  }
  .bm-process-step--04 .bm-step-mic {
    --x: 1515;
    --y: 22846;
    --w: 752.918;
    --h: 706.961;
    --iw: 408.293;
    --ih: 634.788;
    --r: -126.75deg;
  }
}
@media screen and (max-width: 768px) {
  .bm-process-step--04 .bm-step-head {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(121.243648 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-icon {
    order: 1;
    position: static;
    width: calc(194.56 * var(--bm-u));
    height: calc(194.56 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-title {
    order: 2;
    position: static;
    width: 100%;
    margin-top: calc(-58.368 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40.96 * var(--bm-u));
    line-height: calc(81.92 * var(--bm-u));
    letter-spacing: calc(2.048 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    background: url("../img/birthday-movie/underline_407.svg") no-repeat center calc(40.96 * var(--bm-u))/calc(416.768 * var(--bm-u)) calc(34.816 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-sub {
    order: 3;
    position: static;
    width: 100%;
    margin-top: calc(26.624 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
  .bm-process-step--04 .bm-step-underline {
    display: none;
  }
  .bm-process-step--04 .bm-step-letter {
    position: relative;
    z-index: 1;
    width: calc(651.264 * var(--bm-u));
    min-height: calc(603.136 * var(--bm-u));
    margin: calc(44.032 * var(--bm-u)) auto 0;
    padding: calc(50.176 * var(--bm-u)) calc(80.896 * var(--bm-u)) 0 calc(82.944 * var(--bm-u));
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2.048 * var(--bm-u)), transparent calc(2.048 * var(--bm-u)) calc(61.44 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(73.728 * var(--bm-u)) calc(108.032 * var(--bm-u)), 0 0;
    background-size: calc(498.688 * var(--bm-u)) calc(491.52 * var(--bm-u)), 100% 100%;
  }
  .bm-process-step--04 .bm-paper {
    display: none;
  }
  .bm-process-step--04 .bm-step-body {
    position: static;
    width: auto;
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--04 .bm-step-photos {
    position: relative;
    height: calc(666.653696 * var(--bm-u));
    margin-top: calc(-31.879168 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-photo--1 {
    --r: -3deg;
    z-index: 1;
    left: calc(317.461504 * var(--bm-u));
    top: calc(-20.48 * var(--bm-u));
    width: calc(439.247872 * var(--bm-u));
    height: calc(336.713728 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-photo--1 > * {
    width: calc(413.696 * var(--bm-u));
    height: calc(321.1264 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-photo--3 {
    z-index: 3;
    left: calc(125.952 * var(--bm-u));
    top: calc(123.329536 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(207.872 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-photo--2 {
    --r: 16deg;
    z-index: 2;
    left: calc(-10.24 * var(--bm-u));
    top: calc(179.2 * var(--bm-u));
    width: calc(530.607104 * var(--bm-u));
    height: calc(489.068544 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-photo--2 > * {
    width: calc(475.82208 * var(--bm-u));
    object-fit: cover;
  }
  .bm-process-step--04 .bm-step-interview {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(0.105472 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-staff {
    order: 1;
    z-index: 1;
    position: static;
    width: calc(340.992 * var(--bm-u));
    height: calc(246.784 * var(--bm-u));
  }
  .bm-process-step--04 .bm-yellow {
    order: 2;
    position: static;
    width: calc(571.392 * var(--bm-u));
    height: calc(402.432 * var(--bm-u));
    margin-top: calc(-18.432 * var(--bm-u));
    background-color: #fff9cf;
    border-radius: calc(35.84 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-voice {
    order: 3;
    position: static;
    width: calc(416.768 * var(--bm-u));
    margin-top: calc(-381.952 * var(--bm-u));
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(51.2 * var(--bm-u));
    letter-spacing: calc(3.84 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--04 .bm-step-mic {
    --r: -146.44deg;
    left: calc(581.632 * var(--bm-u));
    top: calc(6855.68 * var(--bm-u));
    width: calc(358.035456 * var(--bm-u));
    height: calc(390.916096 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-mic > * {
    width: calc(211.456 * var(--bm-u));
    height: calc(328.8064 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-balloon {
    --r: -4.57deg;
    left: calc(-43.008 * var(--bm-u));
    top: calc(7155.712 * var(--bm-u));
    width: calc(134.564864 * var(--bm-u));
    height: calc(262.285312 * var(--bm-u));
  }
  .bm-process-step--04 .bm-step-balloon > * {
    width: calc(114.688 * var(--bm-u));
    height: calc(253.952 * var(--bm-u));
    transform: rotate(var(--r, 0deg));
  }
  .bm-process-step--04 .bm-step-memo--l {
    z-index: 4;
    left: calc(560.04608 * var(--bm-u));
    top: calc(8366.491648 * var(--bm-u));
    width: calc(154.098688 * var(--bm-u));
    height: calc(235.679744 * var(--bm-u));
    transform: scaleX(-1);
  }
  .bm-process-step--04 .bm-step-memo--r {
    z-index: 4;
    left: calc(-20.48 * var(--bm-u));
    top: calc(8622.4896 * var(--bm-u));
    width: calc(181.394432 * var(--bm-u));
    height: calc(322.627584 * var(--bm-u));
  }
}
.bm-process-step--05 .bm-step-photo--4 > .bm-crop {
  --cl: 0.11%;
  --cw: 98.74%;
  --ch: 100%;
}

@media screen and (min-width: 769px) {
  .bm-process-step--05 .bm-step-title {
    --x: 767;
    --y: 24754;
    --w: 386;
  }
  .bm-process-step--05 .bm-step-sub {
    --x: 474;
    --y: 24860;
    --w: 980;
  }
  .bm-process-step--05 .bm-step-underline {
    --x: 753;
    --y: 24794;
    --w: 421;
    --h: 34;
  }
  .bm-process-step--05 .bm-step-icon {
    --x: 884;
    --y: 24627;
    --w: 190;
    --h: 190;
  }
  .bm-process-step--05 .bm-paper {
    --x: 481;
    --y: 24952;
    --w: 960;
    --h: 750;
    --rn: 6;
  }
  .bm-process-step--05 .bm-step-body {
    --x: 633;
    --y: 25008;
    --w: 626;
  }
  .bm-process-step--05 .bm-step-photo--1 {
    --x: 602;
    --y: 25343;
    --w: 372.944;
    --h: 310.416;
    --iw: 352;
    --ih: 284;
    --r: -4.44deg;
  }
  .bm-process-step--05 .bm-step-photo--2 {
    --x: 906;
    --y: 25349;
    --w: 353;
    --h: 277;
  }
  .bm-process-step--05 .bm-step-photo--3 {
    --x: 633;
    --y: 25579;
    --w: 353;
    --h: 265;
    --iw: 353;
    --ih: 265;
  }
  .bm-process-step--05 .bm-step-photo--4 {
    --x: 952.723;
    --y: 25582.129;
    --w: 354.567;
    --h: 263.893;
    --iw: 351.873;
    --ih: 260.24;
    --r: -0.6deg;
  }
  .bm-process-step--05 .bm-step-photo--5 {
    --x: 1186;
    --y: 25365;
    --w: 295;
    --h: 198;
  }
  .bm-process-step--05 .bm-step-photo--6 {
    --x: 380;
    --y: 25615;
    --w: 295;
    --h: 198;
  }
  .bm-process-step--05 .bm-yellow {
    --x: 398;
    --y: 25894;
    --w: 806;
    --h: 299;
  }
  .bm-process-step--05 .bm-step-staff {
    --x: 1094;
    --y: 25866;
    --w: 490;
    --h: 354.605;
  }
  .bm-process-step--05 .bm-step-voice {
    --x: 467;
    --y: 25917;
    --w: 622;
  }
  .bm-process-step--05 .bm-step-memo--l {
    --x: 104;
    --y: 25579.025;
    --w: 201.368;
    --h: 308.008;
  }
  .bm-process-step--05 .bm-step-memo--r {
    --x: 1584;
    --y: 25349.043;
    --w: 336.005;
    --h: 597.711;
  }
  .bm-process-step--05 .bm-step-balloon {
    --x: 1337;
    --y: 24847;
    --w: 220.809;
    --h: 279.676;
    --iw: 112.352;
    --ih: 257.143;
    --r: -151.71deg;
  }
  .bm-process-step--05 .bm-step-film {
    --x: -464;
    --y: 23390;
    --w: 921.597;
    --h: 1974.64;
    --iw: 1900;
    --ih: 582;
    --r: -100.6deg;
  }
}
@media screen and (max-width: 768px) {
  .bm-process-step--05 .bm-step-head {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(90.112 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-icon {
    order: 1;
    position: static;
    width: calc(194.56 * var(--bm-u));
    height: calc(194.56 * var(--bm-u));
    margin-left: calc(30.72 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-title {
    order: 2;
    position: static;
    width: 100%;
    margin-top: calc(-64.512 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40.96 * var(--bm-u));
    line-height: calc(81.92 * var(--bm-u));
    letter-spacing: calc(2.048 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    background: url("../img/birthday-movie/underline_421.svg") no-repeat center calc(40.96 * var(--bm-u))/calc(431.104 * var(--bm-u)) calc(34.816 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-sub {
    order: 3;
    position: static;
    width: 100%;
    margin-top: calc(26.624 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
  .bm-process-step--05 .bm-step-underline {
    display: none;
  }
  .bm-process-step--05 .bm-step-letter {
    position: relative;
    z-index: 1;
    width: calc(651.264 * var(--bm-u));
    min-height: calc(624.64 * var(--bm-u));
    margin: calc(44.032 * var(--bm-u)) auto 0;
    padding: calc(50.176 * var(--bm-u)) calc(80.896 * var(--bm-u)) 0 calc(82.944 * var(--bm-u));
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2.048 * var(--bm-u)), transparent calc(2.048 * var(--bm-u)) calc(61.44 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(73.728 * var(--bm-u)) calc(108.032 * var(--bm-u)), 0 0;
    background-size: calc(498.688 * var(--bm-u)) calc(491.52 * var(--bm-u)), 100% 100%;
  }
  .bm-process-step--05 .bm-paper {
    display: none;
  }
  .bm-process-step--05 .bm-step-body {
    position: static;
    width: auto;
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--05 .bm-step-photos {
    position: relative;
    height: calc(889.178112 * var(--bm-u));
    margin-top: calc(-54.618112 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--1 {
    --r: -7.11deg;
    z-index: 1;
    left: calc(-11.098112 * var(--bm-u));
    top: calc(-52.224 * var(--bm-u));
    width: calc(450.228224 * var(--bm-u));
    height: calc(381.075456 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--1 > * {
    width: calc(412.2112 * var(--bm-u));
    height: calc(332.57472 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--5 {
    z-index: 2;
    left: calc(405.504 * var(--bm-u));
    top: calc(89.434112 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(202.752 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--2 {
    z-index: 0;
    left: calc(352.256 * var(--bm-u));
    top: calc(206.170112 * var(--bm-u));
    width: calc(394.24 * var(--bm-u));
    height: calc(309.248 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--3 {
    --r: -2deg;
    z-index: 4;
    left: calc(15.36 * var(--bm-u));
    top: calc(375.808 * var(--bm-u));
    width: calc(423.410688 * var(--bm-u));
    height: calc(323.77856 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--3 > * {
    width: calc(406.7328 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--4 {
    z-index: 5;
    left: calc(350.208 * var(--bm-u));
    top: calc(579.584 * var(--bm-u));
    width: calc(404.069376 * var(--bm-u));
    height: calc(302.091264 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--4 > * {
    width: calc(404.069376 * var(--bm-u));
    height: calc(302.091264 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-photo--4 > .bm-crop {
    --cl: 0;
    --cw: 100%;
    --ch: 100%;
  }
  .bm-process-step--05 .bm-step-photo--6 {
    z-index: 6;
    left: calc(38.912 * var(--bm-u));
    top: calc(686.426112 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(202.752 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-interview {
    position: relative;
    z-index: 7;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(135.168 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-staff {
    order: 1;
    z-index: 1;
    position: static;
    width: calc(342.4256 * var(--bm-u));
    height: calc(247.808 * var(--bm-u));
  }
  .bm-process-step--05 .bm-yellow {
    order: 2;
    position: static;
    width: calc(571.392 * var(--bm-u));
    height: calc(448.512 * var(--bm-u));
    margin-top: calc(-12.288 * var(--bm-u));
    background-color: #fff9cf;
    border-radius: calc(35.84 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-voice {
    order: 3;
    position: static;
    width: calc(416.768 * var(--bm-u));
    margin-top: calc(-428.032 * var(--bm-u));
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(51.2 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--05 .bm-step-film {
    --r: -108deg;
    left: calc(-297.984 * var(--bm-u));
    top: calc(8690.688 * var(--bm-u));
    width: calc(502.346752 * var(--bm-u));
    height: calc(857.186304 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-film > * {
    width: calc(820.00896 * var(--bm-u));
    height: calc(251.1872 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-balloon {
    --r: 24.03deg;
    left: calc(618.496 * var(--bm-u));
    top: calc(9378.816 * var(--bm-u));
    width: calc(212.325376 * var(--bm-u));
    height: calc(287.342592 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-balloon > * {
    width: calc(115.048448 * var(--bm-u));
    height: calc(263.314432 * var(--bm-u));
    transform: rotate(var(--r, 0deg));
  }
  .bm-process-step--05 .bm-step-memo--l {
    z-index: 8;
    left: 0;
    top: calc(11132.928 * var(--bm-u));
    width: calc(176.130048 * var(--bm-u));
    height: calc(269.375488 * var(--bm-u));
  }
  .bm-process-step--05 .bm-step-memo--r {
    z-index: 8;
    left: calc(633.856 * var(--bm-u));
    top: calc(11185.584128 * var(--bm-u));
    width: calc(151.177216 * var(--bm-u));
    height: calc(268.884992 * var(--bm-u));
  }
}
.bm-process-step--06 .bm-step-photo--3 {
  --ct: 0.2%;
  --cw: 100%;
  --ch: 91.78%;
}

@media screen and (min-width: 769px) {
  .bm-process-step--06 .bm-step-title {
    --x: 832;
    --y: 26406;
    --w: 257;
  }
  .bm-process-step--06 .bm-step-sub {
    --x: 474;
    --y: 26512;
    --w: 980;
  }
  .bm-process-step--06 .bm-step-underline {
    --x: 815;
    --y: 26446;
    --w: 297;
    --h: 34;
  }
  .bm-process-step--06 .bm-step-icon {
    --x: 869;
    --y: 26273;
    --w: 190;
    --h: 190;
  }
  .bm-process-step--06 .bm-paper {
    --x: 478;
    --y: 26604;
    --w: 960;
    --h: 750;
    --rn: 6;
  }
  .bm-process-step--06 .bm-step-body {
    --x: 630;
    --y: 26660;
    --w: 626;
  }
  .bm-process-step--06 .bm-step-photo--1 {
    --x: 502;
    --y: 27017;
    --w: 473.297;
    --h: 387.774;
    --iw: 421.865;
    --ih: 314.264;
    --r: 10.8deg;
  }
  .bm-process-step--06 .bm-step-photo--2 {
    --x: 877;
    --y: 27021.271;
    --w: 520.84;
    --h: 424.45;
    --iw: 469.597;
    --ih: 352.528;
    --r: 9.39deg;
  }
  .bm-process-step--06 .bm-step-photo--3 {
    --x: 1159;
    --y: 26961;
    --w: 295;
    --h: 216;
  }
  .bm-process-step--06 .bm-yellow {
    --x: 739;
    --y: 27481;
    --w: 806;
    --h: 245;
  }
  .bm-process-step--06 .bm-step-staff {
    --x: 397;
    --y: 27397;
    --w: 490;
    --h: 354.605;
  }
  .bm-process-step--06 .bm-step-voice {
    --x: 906;
    --y: 27502;
    --w: 609;
  }
  .bm-process-step--06 .bm-step-balloon {
    --x: 400;
    --y: 26507;
    --w: 158.5;
    --h: 269.839;
    --iw: 113.934;
    --ih: 253.222;
    --r: 169.42deg;
  }
  .bm-process-step--06 .bm-step-memo--l {
    --x: 1584;
    --y: 27231.025;
    --w: 201.368;
    --h: 308.008;
  }
  .bm-process-step--06 .bm-step-memo--r {
    --x: 0;
    --y: 27001.043;
    --w: 336.005;
    --h: 597.711;
  }
  .bm-process-step--06 .bm-step-palette {
    --x: 1567;
    --y: 26304;
    --w: 577.587;
    --h: 472.601;
    --iw: 524;
    --ih: 399;
    --r: -8.57deg;
  }
  .bm-process-step--06 .bm-step-petal {
    --x: 1203;
    --y: 27692;
    --w: 440.367;
    --h: 406.947;
    --iw: 360.804;
    --ih: 307.445;
    --r: -18.71deg;
  }
}
@media screen and (max-width: 768px) {
  .bm-process-step--06 .bm-step-head {
    position: relative;
    z-index: 1;
    left: calc(-10.24 * var(--bm-u));
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(87.04 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-icon {
    order: 1;
    position: static;
    width: calc(194.56 * var(--bm-u));
    height: calc(194.56 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-title {
    order: 2;
    position: static;
    width: 100%;
    margin-top: calc(-58.368 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(40.96 * var(--bm-u));
    line-height: calc(81.92 * var(--bm-u));
    letter-spacing: calc(2.048 * var(--bm-u));
    color: #ec6e7d;
    text-align: center;
    background: url("../img/birthday-movie/underline_297.svg") no-repeat center calc(40.96 * var(--bm-u))/calc(304.128 * var(--bm-u)) calc(34.816 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-sub {
    order: 3;
    position: static;
    width: 100%;
    margin-top: calc(26.624 * var(--bm-u));
    font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(5.12 * var(--bm-u));
    color: #28a33b;
    text-align: center;
  }
  .bm-process-step--06 .bm-step-underline {
    display: none;
  }
  .bm-process-step--06 .bm-step-letter {
    position: relative;
    z-index: 1;
    width: calc(651.264 * var(--bm-u));
    min-height: calc(603.136 * var(--bm-u));
    margin: calc(44.032 * var(--bm-u)) auto 0;
    padding: calc(50.176 * var(--bm-u)) calc(80.896 * var(--bm-u)) 0 calc(82.944 * var(--bm-u));
    background-image: repeating-linear-gradient(to bottom, #a95f4d 0 calc(2.048 * var(--bm-u)), transparent calc(2.048 * var(--bm-u)) calc(61.44 * var(--bm-u))), url("../img/birthday-movie/paper.png");
    background-repeat: no-repeat;
    background-position: calc(73.728 * var(--bm-u)) calc(108.032 * var(--bm-u)), 0 0;
    background-size: calc(498.688 * var(--bm-u)) calc(491.52 * var(--bm-u)), 100% 100%;
  }
  .bm-process-step--06 .bm-paper {
    display: none;
  }
  .bm-process-step--06 .bm-step-body {
    position: static;
    width: auto;
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(61.44 * var(--bm-u));
    letter-spacing: calc(3.584 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--06 .bm-step-photos {
    position: relative;
    height: calc(653.637632 * var(--bm-u));
    margin-top: calc(-14.787584 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-photo--1 {
    --r: -3deg;
    z-index: 1;
    left: calc(288.768 * var(--bm-u));
    top: calc(-20.48 * var(--bm-u));
    width: calc(439.245824 * var(--bm-u));
    height: calc(336.71168 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-photo--1 > * {
    width: calc(427.74528 * var(--bm-u));
    height: calc(321.1264 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-photo--3 {
    z-index: 2;
    left: calc(313.344 * var(--bm-u));
    top: calc(252.355584 * var(--bm-u));
    width: calc(302.08 * var(--bm-u));
    height: calc(221.184 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-photo--2 {
    --r: 14deg;
    z-index: 2;
    left: calc(-22.528 * var(--bm-u));
    top: calc(184.32 * var(--bm-u));
    width: calc(520.108032 * var(--bm-u));
    height: calc(475.319296 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-photo--2 > * {
    width: calc(472.32 * var(--bm-u));
    object-fit: cover;
  }
  .bm-process-step--06 .bm-step-interview {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(-2.945024 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-staff {
    order: 1;
    z-index: 1;
    position: static;
    width: calc(342.0157952 * var(--bm-u));
    height: calc(247.51104 * var(--bm-u));
  }
  .bm-process-step--06 .bm-yellow {
    order: 2;
    position: static;
    width: calc(571.392 * var(--bm-u));
    height: calc(352.256 * var(--bm-u));
    margin-top: calc(-20.184064 * var(--bm-u));
    background-color: #fff9cf;
    border-radius: calc(35.84 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-voice {
    order: 3;
    position: static;
    width: calc(416.768 * var(--bm-u));
    margin-top: calc(-331.776 * var(--bm-u));
    font-weight: 500;
    font-size: calc(25.6 * var(--bm-u));
    line-height: calc(51.2 * var(--bm-u));
    letter-spacing: calc(3.84 * var(--bm-u));
    color: #3e3a39;
  }
  .bm-process-step--06 .bm-step-palette {
    --r: -17deg;
    left: calc(515.072 * var(--bm-u));
    top: calc(11892.1984 * var(--bm-u));
    width: calc(461.499392 * var(--bm-u));
    height: calc(391.409664 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-palette > * {
    width: calc(400.4864 * var(--bm-u));
    height: calc(304.95744 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-balloon {
    --r: -26deg;
    z-index: 1;
    left: calc(-11.264 * var(--bm-u));
    top: calc(12115.968 * var(--bm-u));
    width: calc(218.56768 * var(--bm-u));
    height: calc(284.198912 * var(--bm-u));
  }
  .bm-process-step--06 .bm-step-balloon > * {
    width: calc(116.668416 * var(--bm-u));
    height: calc(259.299328 * var(--bm-u));
    transform: rotate(var(--r, 0deg));
  }
  .bm-process-step--06 .bm-step-memo--l {
    z-index: 5;
    left: calc(560.04608 * var(--bm-u));
    top: calc(13345.792 * var(--bm-u));
    width: calc(154.098688 * var(--bm-u));
    height: calc(235.679744 * var(--bm-u));
    transform: scaleX(-1);
  }
  .bm-process-step--06 .bm-step-memo--r {
    z-index: 5;
    left: calc(-19.456 * var(--bm-u));
    top: calc(13596.672 * var(--bm-u));
    width: calc(181.394432 * var(--bm-u));
    height: calc(322.627584 * var(--bm-u));
  }
}
.bm-closing {
  font-weight: 500;
  font-size: calc(25.6 * var(--bm-u));
  line-height: calc(61.44 * var(--bm-u));
  letter-spacing: calc(3.584 * var(--bm-u));
  color: #3e3a39;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bm-closing {
    font-size: calc(25 * var(--bm-u));
    line-height: calc(60 * var(--bm-u));
    letter-spacing: calc(3.5 * var(--bm-u));
  }
}

.bm-closing__block + .bm-closing__block {
  margin-top: calc(61.44 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-closing__block + .bm-closing__block {
    margin-top: calc(60 * var(--bm-u));
  }
}

.bm-happy {
  font-family: "Tsukushi A Round Gothic", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(98.304 * var(--bm-u));
  line-height: calc(81.92 * var(--bm-u));
  letter-spacing: calc(4.9152 * var(--bm-u));
  color: #ec6e7d;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bm-happy {
    font-size: calc(96 * var(--bm-u));
    line-height: calc(80 * var(--bm-u));
    letter-spacing: calc(4.8 * var(--bm-u));
  }
}

@media screen and (max-width: 768px) {
  .bm-epilogue__cloud {
    left: calc(-182.272 * var(--bm-u));
    top: calc(5.12 * var(--bm-u));
    width: calc(374.386688 * var(--bm-u));
    height: calc(258.880512 * var(--bm-u));
  }
  .bm-epilogue__balloon {
    left: calc(-26.624 * var(--bm-u));
    top: calc(125.952 * var(--bm-u));
    width: calc(62.464 * var(--bm-u));
    height: calc(138.24 * var(--bm-u));
  }
  .bm-epilogue__petal {
    --r: -18.71deg;
    left: calc(481.707008 * var(--bm-u));
    top: calc(-250.88 * var(--bm-u));
    width: calc(285.758464 * var(--bm-u));
    height: calc(264.072192 * var(--bm-u));
  }
  .bm-epilogue__petal > * {
    width: calc(234.12736 * var(--bm-u));
    height: calc(199.50592 * var(--bm-u));
  }
}
.bm-hb__banner {
  --cl: -0.02%;
  --cw: 100.04%;
  --ch: 100%;
}

@media screen and (min-width: 769px) {
  .bm-happy {
    --x: 403;
    --y: 28728;
    --w: 1114;
  }
  .bm-hb__deco--r {
    --x: 1472.696;
    --y: 28722;
    --w: 91.798;
    --h: 91;
  }
  .bm-hb__deco--l {
    --x: 354;
    --y: 28722;
    --w: 91.798;
    --h: 91;
  }
  .bm-hb__cloud {
    --x: 1429;
    --y: 28890;
    --w: 514;
    --h: 195;
  }
  .bm-hb__photo {
    --x: 0;
    --y: 28876;
    --w: 1919;
    --h: 1019;
  }
  .bm-hb__banner {
    --x: 446;
    --y: 30099;
    --w: 1028;
    --h: 253;
  }
  .bm-hb__butterflies {
    --x: 267;
    --y: 29468;
    --w: 185;
    --h: 116;
  }
  .bm-hb__balloon--yellow {
    --x: 396;
    --y: 28403;
    --w: 112;
    --h: 248;
  }
  .bm-hb__balloon {
    --x: 1692;
    --y: 28115;
    --w: 289.812;
    --h: 533.283;
    --iw: 229;
    --ih: 509;
    --r: 7.06deg;
  }
  .bm-hb__bird {
    --x: 1375;
    --y: 28359;
    --w: 165.593;
    --h: 162.553;
    --iw: 131;
    --ih: 126;
    --r: -19.54deg;
  }
}
@media screen and (max-width: 768px) {
  .bm-hb__balloon {
    --r: 7.06deg;
    left: calc(665.109504 * var(--bm-u));
    top: calc(-24.164352 * var(--bm-u));
    width: calc(192.268288 * var(--bm-u));
    height: calc(353.772544 * var(--bm-u));
  }
  .bm-hb__balloon > * {
    width: calc(151.924736 * var(--bm-u));
    height: calc(337.683456 * var(--bm-u));
  }
  .bm-hb__bird {
    --r: -19.54deg;
    left: calc(72.704 * var(--bm-u));
    top: calc(218.323968 * var(--bm-u));
    width: calc(71.102464 * var(--bm-u));
    height: calc(69.796864 * var(--bm-u));
  }
  .bm-hb__bird > * {
    width: calc(56.249344 * var(--bm-u));
    height: calc(54.102016 * var(--bm-u));
  }
  .bm-hb__cloud {
    left: calc(329.728 * var(--bm-u));
    top: calc(303.515648 * var(--bm-u));
    width: calc(526.336 * var(--bm-u));
    height: calc(199.68 * var(--bm-u));
  }
  .bm-happy {
    left: calc(61.44 * var(--bm-u));
    top: calc(361.883648 * var(--bm-u));
    width: calc(644.096 * var(--bm-u));
  }
  .bm-hb__deco--r {
    left: calc(654.478336 * var(--bm-u));
    top: calc(482.689024 * var(--bm-u));
    width: calc(69.659648 * var(--bm-u));
    height: calc(69.05344 * var(--bm-u));
  }
  .bm-hb__deco--l {
    left: calc(43.008 * var(--bm-u));
    top: calc(482.689024 * var(--bm-u));
    width: calc(69.659648 * var(--bm-u));
    height: calc(69.05344 * var(--bm-u));
  }
  .bm-hb__photo {
    left: calc(-208.896 * var(--bm-u));
    top: calc(561.563648 * var(--bm-u));
    width: calc(1185.792 * var(--bm-u));
    height: calc(629.76 * var(--bm-u));
  }
}
@media screen and (min-width: 769px) {
  a.bm-petal {
    display: block;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s;
  }
  a.bm-petal:hover, a.bm-petal:focus-visible {
    z-index: 1;
    transform: translateY(calc(-8 * var(--bm-u))) rotate(-3deg) scale(1.04);
    filter: drop-shadow(0 calc(10 * var(--bm-u)) calc(12 * var(--bm-u)) rgba(236, 110, 125, 0.25));
    opacity: 1;
  }
}
@media screen and (min-width: 769px) and (prefers-reduced-motion: reduce) {
  a.bm-petal {
    transition: none;
  }
  a.bm-petal:hover, a.bm-petal:focus-visible {
    transform: none;
    filter: none;
  }
}

.bm-archive-petals {
  position: relative;
  width: calc(647.435 * var(--bm-u));
  height: calc(877.792 * var(--bm-u));
  margin: calc(22 * var(--bm-u)) 0 0 calc(72 * var(--bm-u));
}
@media screen and (min-width: 769px) {
  .bm-archive-petals {
    position: absolute;
    left: calc(514 * var(--bm-u));
    top: calc(433 * var(--bm-u));
    width: calc(901.886 * var(--bm-u));
    height: calc(1266 * var(--bm-u));
    margin: 0;
  }
}

.bm-petal {
  position: absolute;
  left: calc(var(--x) * var(--bm-u));
  top: calc(var(--y) * var(--bm-u));
  width: calc(var(--w) * var(--bm-u));
  height: calc(var(--h) * var(--bm-u));
}

.bm-petal--2017 {
  --x: 16;
  --y: 31;
  --w: 200;
  --h: 192;
  --px: 36.765;
  --py: 66.462;
  --pw: 125.735;
  --cl: -8.46%;
  --ct: 0.99%;
  --cw: 116.91%;
  --ch: 98.02%;
}
@media screen and (min-width: 769px) {
  .bm-petal--2017 {
    --x: 18;
    --y: 45;
    --w: 272;
    --h: 260;
    --px: 50;
    --py: 90;
    --pw: 171;
  }
}

.bm-petal--2018 {
  --x: 231;
  --y: 0;
  --w: 162.254;
  --h: 243.381;
  --px: 22.863;
  --py: 99.565;
  --pw: 126.115;
  --cl: -7.27%;
  --ct: -2.06%;
  --cw: 114.55%;
  --ch: 104.11%;
}
@media screen and (min-width: 769px) {
  .bm-petal--2018 {
    --x: 318;
    --y: 0;
    --w: 220;
    --h: 330;
    --px: 31;
    --py: 135;
    --pw: 171;
  }
}

.bm-petal--2019 {
  --x: 408;
  --y: 17;
  --w: 227.208;
  --h: 205.767;
  --px: 56.051;
  --py: 82.602;
  --pw: 126.115;
}
@media screen and (min-width: 769px) {
  .bm-petal--2019 {
    --x: 578;
    --y: 23;
    --w: 308;
    --h: 279;
    --px: 76;
    --py: 112;
    --pw: 171;
  }
}

.bm-petal--2020 {
  --x: 16;
  --y: 232;
  --w: 177.881;
  --h: 236.005;
  --px: 25.813;
  --py: 78.914;
  --pw: 126.115;
  --cl: -3.48%;
  --cw: 106.95%;
  --ch: 100%;
}
@media screen and (min-width: 769px) {
  .bm-petal--2020 {
    --x: 33;
    --y: 308.219;
    --w: 242;
    --h: 320;
    --px: 35;
    --py: 107;
    --pw: 171;
  }
}

.bm-petal--2021 {
  --x: 206;
  --y: 268;
  --w: 221.669;
  --h: 144.553;
  --px: 48.676;
  --py: 42.776;
  --pw: 126.115;
}
@media screen and (min-width: 769px) {
  .bm-petal--2021 {
    --x: 283;
    --y: 357.219;
    --w: 300;
    --h: 196;
    --px: 66;
    --py: 58;
    --pw: 171;
  }
}

.bm-petal--2022 {
  --x: 409;
  --y: 194;
  --w: 238.435;
  --h: 282.553;
  --px: 55.614;
  --py: 111.527;
  --pw: 126.115;
  --iw: 150.697;
  --ih: 241.540;
  --r: -24.92deg;
}
@media screen and (min-width: 769px) {
  .bm-petal--2022 {
    --x: 578.592;
    --y: 264;
    --w: 323.294;
    --h: 383.113;
    --px: 75.408;
    --py: 151.219;
    --pw: 171;
    --iw: 204.335;
    --ih: 327.512;
  }
}

.bm-petal--2023 {
  --x: 0;
  --y: 479;
  --w: 210.743;
  --h: 168.891;
  --px: 50.151;
  --py: 50.151;
  --pw: 126.115;
}
@media screen and (min-width: 769px) {
  .bm-petal--2023 {
    --x: 0;
    --y: 647;
    --w: 286;
    --h: 229;
    --px: 68;
    --py: 68;
    --pw: 171;
  }
}

.bm-petal--2024 {
  --x: 176;
  --y: 395;
  --w: 282.701;
  --h: 305.936;
  --px: 77.858;
  --py: 133.748;
  --pw: 126.115;
  --iw: 169.809;
  --ih: 254.474;
  --r: 33.81deg;
}
@media screen and (min-width: 769px) {
  .bm-petal--2024 {
    --x: 243.432;
    --y: 533.651;
    --w: 383.315;
    --h: 414.818;
    --px: 105.568;
    --py: 181.349;
    --pw: 171;
    --iw: 230.25;
    --ih: 345.05;
  }
}

.bm-petal--2025 {
  --x: 428;
  --y: 450;
  --w: 206.375;
  --h: 197.655;
  --px: 28.763;
  --py: 80.389;
  --pw: 126.115;
}
@media screen and (min-width: 769px) {
  .bm-petal--2025 {
    --x: 615;
    --y: 606;
    --w: 280;
    --h: 268;
    --px: 39;
    --py: 109;
    --pw: 171;
  }
}

.bm-petal--2026 {
  --x: 129;
  --y: 703;
  --w: 347.625;
  --h: 174.792;
  --px: 70.064;
  --py: 48.676;
  --pw: 219.043;
}
@media screen and (min-width: 769px) {
  .bm-petal--2026 {
    --x: 191;
    --y: 1029;
    --w: 471.345;
    --h: 237;
    --px: 95;
    --py: 66;
    --pw: 297;
  }
}

.bm-petal__art {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bm-petal__num {
  position: absolute;
  left: calc(var(--px, 0) * var(--bm-u));
  top: calc(var(--py, 0) * var(--bm-u));
  width: calc(var(--pw) * var(--bm-u));
}

.bm-movie-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.bm-movie-modal.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 20px 80px;
}

.bm-movie-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 140px);
  background: #000;
  border-radius: 8px;
}

.bm-movie-modal__video {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 140px);
  object-fit: contain;
}

.bm-movie-modal__close {
  position: fixed;
  top: 0;
  right: 5px;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 60px;
  line-height: 1;
  cursor: pointer;
}