@charset "UTF-8";
.footer {
  padding-top: 0;
}

#MR260909Lee {
  --pc-width: 1920;
  --sp-width: 750;
  --pc-artboard-width: 750;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
  --color-text: #3e3a39;
  --color-bg: #f9f9f7;
  --color-rule: #3e3a39;
  --color-panel: #ebe8e1;
  --color-mv-logo: #fff;
  --font-base: "times-new-roman", "Times New Roman", Times, serif;
  --font-display: "cormorant", "Cormorant Garamond", "Times New Roman", serif;
  --ease-base: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-base: 1s;
  --duration-hand: .5s;
  --delay-hand: .6s;
}

@media (min-width: 1921px) {
  #MR260909Lee {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1920px) {
  #MR260909Lee {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #MR260909Lee {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#MR260909Lee * {
  box-sizing: border-box;
  font: inherit;
  letter-spacing: inherit;
  font-feature-settings: "palt";
}

#MR260909Lee img {
  display: block;
  width: 100%;
  height: auto;
  /* object-fit: cover; */
  /* -webkit-touch-callout: none; */
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}

#MR260909Lee h1,
#MR260909Lee h2,
#MR260909Lee h3,
#MR260909Lee h4,
#MR260909Lee h5,
#MR260909Lee h6,
#MR260909Lee p {
  margin: 0;
}

#MR260909Lee picture {
  display: block;
}

#MR260909Lee button {
  padding: 0;
  cursor: pointer;
  appearance: none;
  color: inherit;
  background-color: unset;
  border: unset;
}

#MR260909Lee a {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  #MR260909Lee .is-hidden--desktop {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #MR260909Lee .is-hidden--mobile {
    display: none !important;
  }
}

#MR260909Lee .lp-deco {
  pointer-events: none;
}

#MR260909Lee {
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-base);
  line-height: 1.5;
  letter-spacing: normal;
}

#MR260909Lee .ani-inview {
  opacity: 0;
}
@keyframes fade-blur{
  0% {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  100% {
      filter: blur(0);
      transform: scale(1);
      opacity: 1;
  }
}

#MR260909Lee .ani-inview.is-active {
  opacity: 1;
  -webkit-animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

#MR260909Lee .ani-hand__line {
  clip-path: inset(0 100% 0 0);
  transition: clip-path var(--duration-hand) var(--ease-base);
}

#MR260909Lee .ani-hand.is-active .ani-hand__line {
  clip-path: inset(0 0 0 0);
}

#MR260909Lee .ani-hand__line--2 {
  transition-delay: var(--delay-hand);
}

@media (prefers-reduced-motion: reduce) {
  #MR260909Lee .ani-inview {
    opacity: 1;
    translate: 0 0;
    transition: none;
  }

  #MR260909Lee .ani-hand__line {
    clip-path: inset(0 0 0 0);
    transition: none;
  }
}

#MR260909Lee .lp-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
  display: flow-root;
}

@media (min-width: 768px) {
  #MR260909Lee .lp-inner {
    /* width: calc(var(--pc-artboard-width) * var(--formula_pc)); */
    width: auto;
  }

  #MR260909Lee .lp-layout {
    display: grid;
    align-items: start;
  }

  #MR260909Lee .lp-layout--col-2 {
    /* grid-template-columns:
      minmax(0, 1fr)
      min(calc(var(--pc-artboard-width) * var(--formula_pc)), 100%);
    max-width: calc(var(--pc-width) * var(--formula_pc));
    margin-inline: auto; */
    display: flex;
  }
}

#MR260909Lee .lp-layout__primary {
  overflow-x: clip;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-layout__primary {
    width: calc(750 * var(--formula_pc));
  }
}

#MR260909Lee .lp-layout__sub {
  display: none;
}

@media (min-width: 768px) {
  #MR260909Lee .lp-layout__sub {
    display: grid;
    place-items: stretch;
    position: sticky;
    top: 0;
    height: 100dvh;
    overflow: hidden;
    width: calc(1170 * var(--formula_pc));
  }
}

#MR260909Lee .lp-rail {
  position: relative;
  width: 100%;
  height: 100%;
}

#MR260909Lee .lp-rail__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#MR260909Lee .lp-rail__inner {
  position: absolute;
  top: calc(716 / 1080 * 100%);
  left: 50%;
  translate: -50% -50%;
  width: calc(506 / 1170 * 100%);
}

#MR260909Lee section {
  display: flow-root;
}

#MR260909Lee .lp-mv {
  position: relative;
}

#MR260909Lee .lp-mv__logo {
  position: absolute;
  top: calc(448 * var(--formula));
  left: calc(147 * var(--formula));
  width: calc(470 * var(--formula));
}

#MR260909Lee .lp-mv__meets {
  position: absolute;
  top: calc(92 * var(--formula));
  left: calc(196 * var(--formula));
  width: calc(78 * var(--formula));
  color: var(--color-mv-logo);
  font-family: var(--font-display);
  font-size: calc(35 * var(--formula));
  line-height: 1.0956;
  text-align: center;
  white-space: nowrap;
}

#MR260909Lee .lp-intro {
  height: calc(675 * var(--formula));
  background-color: var(--color-panel);
  background-image:
    linear-gradient(var(--color-rule), var(--color-rule)),
    linear-gradient(var(--color-rule), var(--color-rule)),
    linear-gradient(var(--color-rule), var(--color-rule)),
    linear-gradient(var(--color-rule), var(--color-rule)),
    linear-gradient(var(--color-rule), var(--color-rule)),
    linear-gradient(var(--color-rule), var(--color-rule));
  background-repeat: no-repeat;
  background-size:
    100% calc(1 * var(--formula)),
    100% calc(1 * var(--formula)),
    100% calc(1 * var(--formula)),
    100% calc(1 * var(--formula)),
    calc(1 * var(--formula)) 100%,
    calc(1 * var(--formula)) 100%;
  background-position:
    0 calc(328 * var(--formula)),
    0 calc(375 * var(--formula)),
    0 calc(394 * var(--formula)),
    0 calc(534 * var(--formula)),
    calc(108 * var(--formula)) 0,
    calc(640 * var(--formula)) 0;
}

#MR260909Lee .lp-intro__title {
  margin: calc(332 * var(--formula)) auto 0;
  width: calc(360 * var(--formula));
  font-family: var(--font-display);
  font-size: calc(40 * var(--formula));
  line-height: 1.0956;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-intro {
    /* background-position: 0 calc(328 * var(--formula)), 0 calc(370 * var(--formula)), 0 calc(390 * var(--formula)), 0 calc(534 * var(--formula)), calc(108 * var(--formula)) 0, calc(634 * var(--formula)) 0; */
    height: calc(669 * var(--formula_pc));
    background-image: url("../img/content01_bg.jpg");
    background-size: contain;
    background-position: top;
  }
  #MR260909Lee .lp-intro__title {
    margin: calc(328 * var(--formula_pc)) auto 0;
  }
}

#MR260909Lee .lp-intro__text {
  margin: calc(26 * var(--formula)) auto 0;
  /* width: calc(518 * var(--formula)); */
  font-size: calc(26 * var(--formula));
  line-height: 1.1823;
  text-align: center;
  white-space: normal;
  letter-spacing: 0.024em;
}

#MR260909Lee .lp-look__photo,
#MR260909Lee .lp-story__photo,
#MR260909Lee .lp-outro__photo,
#MR260909Lee .lp-outro__item {
  background-color: var(--color-bg);
}

#MR260909Lee .lp-look__photo a,
#MR260909Lee .lp-story__photo a,
#MR260909Lee .lp-outro__item a {
  display: block;
}

#MR260909Lee .lp-look__photo--full {
  width: calc(750 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look__photo--full {
    width: 100%;
  }
}

#MR260909Lee .lp-look__photo--inset {
  margin: 0 auto;
  width: calc(590 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look__photo--inset {
    width: calc(583 * var(--formula_pc));
  }
}

#MR260909Lee .lp-look__photo--logo {
  position: relative;
}

#MR260909Lee .lp-look__mark {
  position: absolute;
  top: calc(442 * var(--formula));
  width: calc(113 * var(--formula));
}

#MR260909Lee .lp-look__group {
  display: flow-root;
}

#MR260909Lee .lp-look__title {
  font-size: calc(26 * var(--formula));
  line-height: 1.1377;
  white-space: nowrap;
}

#MR260909Lee .lp-credit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: calc(19 * var(--formula));
  line-height: 1.3947;
}

#MR260909Lee .lp-credit__row {
  display: flex;
  gap: calc(5 * var(--formula));
  white-space: nowrap;
}

#MR260909Lee .lp-look__photo--button {
  margin-top: calc(128 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look__photo--button {
    margin-top: calc(125 * var(--formula_pc));
  }
}

#MR260909Lee .lp-look--001 .lp-look__group--credit {
  margin-top: calc(15 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look--001 .lp-look__group--credit {
    margin-top: calc(13 * var(--formula_pc));
  }
}

#MR260909Lee .lp-look--001 .lp-look__mark {
  left: calc(592 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look--001 .lp-look__mark {
    left: calc(586 * var(--formula_pc));
    top: calc(438 * var(--formula_pc));
  }
}

#MR260909Lee .lp-look--001 .lp-look__title {
  margin-top: calc(22 * var(--formula));
  margin-left: calc(29 * var(--formula));
  width: calc(118 * var(--formula));
}

#MR260909Lee .lp-look--001 .lp-credit {
  margin-top: calc(4 * var(--formula));
  margin-left: calc(29 * var(--formula));
  letter-spacing: 0.01em;
  /* width: calc(679 * var(--formula)); */
}

#MR260909Lee .lp-story {
  margin-top: calc(182 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-story {
    margin-top: calc(180 * var(--formula_pc));
  }
}

#MR260909Lee .lp-story__group {
  display: flow-root;
}

#MR260909Lee .lp-story__photo {
  margin: 0 auto;
  width: calc(590 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-story__photo{
    width: calc(583 * var(--formula_pc));
  }
}
#MR260909Lee .lp-story__text {
  margin: calc(21 * var(--formula)) auto calc(5 * var(--formula));
  width: calc(601 * var(--formula));
  font-size: calc(20 * var(--formula));
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  letter-spacing: 0.024em;
}

#MR260909Lee .lp-story__mark {
  margin: calc(60 * var(--formula)) auto 0;
  width: calc(115 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-story__mark {
    margin: calc(55 * var(--formula_pc)) auto 0;
  }
}

#MR260909Lee .lp-look--002 {
  margin-top: calc(102 * var(--formula));
}

#MR260909Lee .lp-look--002 .lp-look__group--story {
  margin-top: calc(161 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look--002 .lp-look__group--story {
    margin-top: calc(157 * var(--formula_pc));
  }
}

#MR260909Lee .lp-look--002 .lp-look__group--credit {
  margin-top: calc(167 * var(--formula));
}

#MR260909Lee .lp-look__text {
  margin: calc(15 * var(--formula)) auto 0;
  width: calc(593 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 1.2273;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.024em;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look__text {
    margin: calc(17 * var(--formula_pc)) auto 0;
  }
}

#MR260909Lee .lp-look--002 .lp-look__title {
  margin-top: calc(20 * var(--formula));
  margin-left: calc(28 * var(--formula));
  width: calc(118 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-look--002 .lp-look__title{
    margin-top: calc(15 * var(--formula_pc));
  }
}

#MR260909Lee .lp-look--002 .lp-credit {
  margin-top: calc(7 * var(--formula));
  margin-left: calc(29 * var(--formula));
  letter-spacing: 0.01em;
}

#MR260909Lee .lp-look__mark-block {
  margin: calc(103 * var(--formula)) auto 0;
  width: calc(116 * var(--formula));
}

#MR260909Lee .lp-look--003 {
  margin-top: calc(113 * var(--formula));
}

#MR260909Lee .lp-look--003 .lp-look__group--credit {
  margin-top: calc(15 * var(--formula));
}

#MR260909Lee .lp-look--003 .lp-look__mark {
  left: calc(594 * var(--formula));
}

#MR260909Lee .lp-look--003 .lp-look__title {
  margin-top: calc(15 * var(--formula));
  margin-left: calc(30 * var(--formula));
  width: calc(118 * var(--formula));
}

#MR260909Lee .lp-look--003 .lp-credit {
  margin-top: calc(6 * var(--formula));
  margin-left: calc(31 * var(--formula));
  width: calc(669 * var(--formula));
}

#MR260909Lee .lp-outro {
  margin-top: calc(132 * var(--formula));
}

#MR260909Lee .lp-outro__signature {
  display: flex;
  justify-content: space-between;
  margin-top: calc(40 * var(--formula));
  padding-left: calc(47 * var(--formula));
  padding-right: calc(44 * var(--formula));
  font-size: calc(22 * var(--formula));
  line-height: 1.1377;
  white-space: nowrap;
  letter-spacing: .024em;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__signature {
    margin-top: calc(35 * var(--formula_pc));
  }
}

#MR260909Lee .lp-outro__hand {
  position: relative;
  margin: calc(218 * var(--formula)) auto 0;
  width: calc(517 * var(--formula));
  height: calc(180 * var(--formula));
}

#MR260909Lee .ani-hand__line {
  position: absolute;
}

#MR260909Lee .ani-hand__line--1 {
  top: calc(20 * var(--formula));
  left: calc(6 * var(--formula));
  width: calc(302 * var(--formula));
}

#MR260909Lee .ani-hand__line--2 {
  top: calc(77 * var(--formula));
  left: calc(180 * var(--formula));
  width: calc(322 * var(--formula));
}

#MR260909Lee .lp-outro__mark {
  margin: calc(176 * var(--formula)) auto 0;
  width: calc(169 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__mark {
    margin: calc(172 * var(--formula_pc)) auto 0;
  }
}

#MR260909Lee .lp-outro__text {
  margin: calc(25 * var(--formula)) auto 0;
  /* width: calc(734 * var(--formula)); */
  font-size: calc(23 * var(--formula));
  line-height: 1.1739;
  text-align: center;
  white-space: normal;
  letter-spacing: .024em;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__text {
    margin: calc(23 * var(--formula_pc)) auto 0;
  }
}

#MR260909Lee .lp-outro__check {
  display: flow-root;
  margin-top: calc(44 * var(--formula));
  height: calc(104 * var(--formula));
  border-top: calc(1 * var(--formula)) solid var(--color-rule);
  border-bottom: calc(1 * var(--formula)) solid var(--color-rule);
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__check {
    margin-top: calc(46 * var(--formula_pc));
    height: calc(99 * var(--formula_pc));
  }
}

#MR260909Lee .lp-outro__check-link {
  display: block;
  margin: calc(28 * var(--formula)) auto 0;
  width: calc(351 * var(--formula));
  font-size: calc(37 * var(--formula));
  line-height: 1.1377;
  text-align: center;
  white-space: nowrap;
  letter-spacing: .042em;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__check-link {
    margin: calc(24 * var(--formula_pc)) auto 0;
  }
}

#MR260909Lee .lp-outro__item {
  margin: calc(112 * var(--formula)) auto 0;
  width: calc(463 * var(--formula));
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__item {
    width: calc(457 * var(--formula_pc));
  }
}

#MR260909Lee .lp-outro__staff {
  margin: calc(72 * var(--formula)) auto calc(105 * var(--formula));
  /* width: calc(548 * var(--formula)); */
  font-size: calc(18 * var(--formula));
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  letter-spacing: .024em;
}
@media (min-width: 768px) {
  #MR260909Lee .lp-outro__staff {
    margin: calc(70 * var(--formula_pc)) auto calc(105 * var(--formula));
  }
}

@media (min-width: 768px) {
  #MR260909Lee .lp-mv {
    display: none;
  }
}

#MR260909Lee .js-mask-path,
#MR260909Lee .js-mask-path02 {
  stroke-dasharray: var(--path-length, 1000);
  stroke-dashoffset: var(--path-length, 1000);
  opacity: 0;
}

#MR260909Lee .is-active .js-mask-path,
#MR260909Lee .is-active .js-mask-path02 {
  opacity: 1;
  animation: drawMask 0.05s ease-in-out forwards;
  animation-delay: var(--delay, 0s);
}

#MR260909Lee .lp-outro__hand-txt-01 {
  width: calc(337 * var(--formula));
  position: absolute;
  top: calc(20 * var(--formula));
  left: calc(15 * var(--formula));
}
#MR260909Lee .lp-outro__hand-txt-01 svg {
  width: 100%;
  height: auto;
}
#MR260909Lee .lp-outro__hand-txt-02{
  width: calc(520 * var(--formula));
  position: absolute;
  top: calc(78 * var(--formula));
  left: calc(188 * var(--formula));
}
#MR260909Lee .lp-outro__hand-txt-02 svg {
  width: 100%;
  height: auto;
}

@keyframes drawMask {
  to {
    stroke-dashoffset: 0;
  }
}