body:has(.od) {
  overflow: clip visible;
}

.od {
  --u: calc(100vw / 750);
  --avail: calc(100vh - 60px);
  --blink: 1.8s;
  position: relative;
  color: #695d56;
  font-family: "aktiv-grotesk", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@supports (height: 100svh) {
  .od {
    --avail: calc(100svh - 60px);
  }
}

@media (min-width: 768px) {
  .od {
    --u: calc(100vw * 1.1 / 2500);
    --avail: 100vh;
  }
}

.od *,
.od *::before,
.od *::after {
  box-sizing: border-box;
}

.od :where(h1, h2, h3, p) {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

.od img,
.od video,
.od svg {
  display: block;
  max-width: none;
}

.od a {
  color: inherit;
  text-decoration: none;
}

.od-colm {
  position: relative;
  display: block;
  background: #fff;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .od-colm {
    z-index: 1;
    width: 33vw;
    margin: -100vh 0 0 53.44vw;
  }
}

.od-sec {
  position: relative;
  height: var(--h);
}

.od-t {
  position: absolute;
  display: block;
  margin: 0;
  white-space: nowrap;
}

.od-f-ak {
  font-family: "aktiv-grotesk", "Helvetica Neue", Arial, sans-serif;
}

.od-f-ex {
  font-family: "aktiv-grotesk-extended", "aktiv-grotesk", "Arial Black", sans-serif;
}

.od .od-f-ex {
  font-weight: 900;
}

.od-f-ja {
  font-family: "noto-sans-cjk-jp", "Noto Sans JP", "Hiragino Sans", sans-serif;
  font-feature-settings: 'palt';
}

.od-copy__c {
  font-size: 1.25em;
}

.od-w400 {
  font-weight: 400;
}

.od-w600 {
  font-weight: 600;
}

.od-w700 {
  font-weight: 700;
}

.od-w800 {
  font-weight: 800;
}

.od-sc {
  font-size: 0.85em;
  line-height: 1;
}

.od-ph {
  position: absolute;
  overflow: hidden;
  isolation: isolate;
}

.od-ph img {
  position: absolute;
  top: var(--ft, 0px);
  left: var(--fl, 0px);
  width: calc(100% - var(--fl, 0px) - var(--fr, 0px));
  height: calc(100% - var(--ft, 0px) - var(--fb, 0px));
  object-fit: cover;
}

.od-ph .od-ph__alt {
  opacity: 0;
}

.od-ph--fr::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  border: solid var(--fc);
  border-width: var(--bt) var(--br) var(--bb) var(--bl);
  border-radius: inherit;
  pointer-events: none;
}

.od-cut {
  position: absolute;
  pointer-events: none;
}

.od-ph img.od-ash {
  z-index: 1;
  object-fit: fill;
}

.od-fv__ttl {
  position: absolute;
  inset: 0;
}

.od-fv__logo {
  position: absolute;
}

.od-col {
  position: absolute;
  inset: 0;
}

.od-col__logo {
  position: absolute;
  width: calc(303 * var(--u));
  height: auto;
}

.od-lu__mid {
  position: absolute;
  border-radius: calc(40 * var(--u));
  box-shadow: inset 0 0 0 calc(3 * var(--u)) #695d56;
}

.od-lu__item {
  position: absolute;
  display: block;
}

.od-lu__band {
  position: absolute;
  left: 0;
  width: 100%;
  background: var(--c);
}

.od-lu__pill,
.od-cr__pill {
  position: absolute;
  border: calc(2 * var(--u)) solid #695d56;
  border-radius: calc(15 * var(--u));
  background: #fff;
}

.od-pin {
  padding: var(--pin-pt) 0 var(--pin-pb);
}

.od-pin__in {
  position: relative;
  height: var(--pin-h);
}

.od-pin__mv {
  position: absolute;
  inset: 0;
}

.od-il__bg {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
}

.od-il__head {
  position: absolute;
}

.od-il__sen {
  position: absolute;
  background: #695d56;
}

.od.is-live .od-pin {
  height: calc(var(--h) + var(--pin-extra, 0px));
}

.od.is-live .od-pin__in {
  position: sticky;
  top: var(--pin-top, 0px);
}

.od .od-btn {
  position: absolute;
  display: block;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  box-shadow: inset 0 0 0 calc(3 * var(--u)) #695d56;
}

.od-btn__in {
  position: absolute;
  border-radius: 50%;
  background: var(--c);
  box-shadow: inset 0 0 0 calc(3 * var(--u)) #695d56;
}

.od-btn__line {
  position: absolute;
  background: currentColor;
}

.od-btn__cur {
  position: absolute;
  fill: currentColor;
}

@keyframes od-blink-c {
  0% {
    color: #fff;
  }
  50% {
    color: var(--c);
  }
  100% {
    color: var(--c);
  }
}

@keyframes od-blink-bg {
  0% {
    background-color: var(--c);
  }
  50% {
    background-color: #fff;
  }
  100% {
    background-color: #fff;
  }
}

.od.is-live .od-btn.is-blink {
  animation: od-blink-c var(--blink) step-end infinite;
}

.od.is-live .od-btn.is-blink .od-btn__in {
  animation: od-blink-bg var(--blink) step-end infinite;
}

@media (hover: hover) {
  .od-btn {
    transition: opacity 0.3s;
  }
  .od-btn:hover {
    opacity: 0.75;
  }
}

.od-chev {
  position: absolute;
  fill: none;
  stroke: currentColor;
  stroke-width: 3.3;
}

.od-head {
  position: sticky;
  top: 0;
  z-index: 10;
  display: block;
}

.od-head__in {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.od-head__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(3 * var(--u));
  background: #695d56;
}

.od-head__bar {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: calc(calc(29 * var(--u)) + 1px);
  background: #695d56;
}

.od-cr {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.od-cr a {
  pointer-events: auto;
}

.od-cr__dots {
  position: absolute;
  background: radial-gradient(circle closest-side, #695d56 85%, rgba(105, 93, 86, 0) 100%) calc(-2 * var(--u)) 0/calc(10 * var(--u)) calc(3 * var(--u)) repeat-x;
}

@media (hover: hover) {
  .od-cr a,
.od-lu__item {
    transition: opacity 0.3s;
  }
  .od-cr a:hover,
.od-lu__item:hover {
    opacity: 0.6;
  }
}

.od-l7p3 {
  position: absolute;
}

.od-side {
  position: absolute;
  z-index: 1;
}

.od-movie {
  position: absolute;
  overflow: hidden;
  border-radius: calc(33 * var(--u));
  isolation: isolate;
}

.od-movie::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border: calc(calc(3 * var(--u)) + 1px) solid #695d56;
  border-radius: inherit;
  pointer-events: none;
}

.od-movie__v {
  position: absolute;
  top: calc(3 * var(--u));
  left: calc(3 * var(--u));
  width: calc(100% - calc(6 * var(--u)));
  height: calc(100% - calc(6 * var(--u)));
  background: #c6c9cc;
  object-fit: cover;
}

@media (min-width: 768px) {
  .od-sec--allitems {
    height: var(--pc-h);
  }
  .od-sec--allitems .od-btn {
    display: none;
  }
}

.od-end__pin {
  position: relative;
  height: var(--h);
}

.od-end__pin .od-ph {
  left: 0;
  top: 0;
}

.od-end__mv {
  position: absolute;
  inset: 0;
}

.od-end__up {
  position: relative;
  z-index: 2;
  height: var(--h);
  margin-top: calc(-1 * var(--h));
}

.od-end__veil {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.349);
}

.od-end__logo {
  position: absolute;
}

.od.is-live .od-sec--credit {
  height: calc(2 * var(--h));
}

.od.is-live .od-end__pin {
  position: sticky;
  top: var(--end-top, max(0px, calc(var(--avail) - var(--h))));
}

.od.is-live .od-end__up {
  margin-top: 0;
}

.od.is-pinjs {
  --col-l: 0px;
  --col-w: 100%;
}

@media (min-width: 768px) {
  .od.is-pinjs {
    --col-l: 53.44vw;
    --col-w: 33vw;
  }
}

.od.is-pinjs .od-head,
.od.is-pinjs .od-pin__in,
.od.is-pinjs .od-end__pin {
  position: relative;
  top: auto;
}

.od.is-pinjs .od-head__in.is-fix,
.od.is-pinjs .od-pin__mv.is-fix,
.od.is-pinjs .od-end__mv.is-fix {
  position: fixed;
  top: var(--fix-top, 0px);
  bottom: auto;
  left: var(--col-l);
  width: var(--col-w);
  height: var(--fix-h);
}

.od.is-pinjs .od-head__in.is-fix {
  z-index: 10;
}

.od.is-pinjs .od-head__in.is-after,
.od.is-pinjs .od-pin__mv.is-after,
.od.is-pinjs .od-end__mv.is-after {
  top: var(--after);
  bottom: auto;
  height: var(--fix-h);
}

.od-pcbg {
  display: none;
}

@media (min-width: 768px) {
  .od-pcbg {
    position: sticky;
    top: 0;
    z-index: 0;
    display: block;
    height: 100vh;
    overflow: hidden;
  }
}

.od-pcbg__img {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
  transition: opacity 1.2s ease;
}

.od-pcbg__img--1 {
  background-image: url("../images/bg-item01.jpg");
}

.od-pcbg__img--2 {
  background-image: url("../images/bg-item02.jpg");
  opacity: 0;
}

.od.is-item02 .od-pcbg__img--2 {
  opacity: 1;
}

.od-pcbtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.od-pcbtn__a {
  position: absolute;
  inset: 0;
}

.od.is-live [data-anim~='a'],
.od.is-live [data-seq] {
  opacity: 0;
  transform: translateY(calc(100 * var(--u)));
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.od.is-live [data-anim~='a'].is-in,
.od.is-live [data-seq].is-in {
  opacity: 1;
  transform: none;
}

.od.is-live [data-delay='1'] {
  transition-delay: 0.5s;
}

.od.is-live [data-order='2'] {
  transition-delay: 0.4s;
}

.od.is-live [data-order='2']::after {
  transition-delay: 0.9s !important;
}

.od.is-live [data-order='3'] {
  transition-delay: 0.8s;
}

.od.is-live [data-order='3']::after {
  transition-delay: 1.3s !important;
}

.od.is-live [data-order='4'] {
  transition-delay: 1.2s;
}

.od.is-live [data-order='4']::after {
  transition-delay: 1.7s !important;
}

.od.is-live [data-anim~='d']::after {
  content: '';
  position: absolute;
  inset: var(--ft, 0px) var(--fr, 0px) var(--fb, 0px) var(--fl, 0px);
  z-index: 2;
  background: var(--c);
  transition: opacity 1.2s ease 0.5s;
}

.od.is-live [data-anim~='d'].is-in::after {
  opacity: 0;
}

.od.is-live [data-anim~='e'] {
  clip-path: inset(calc((1 - var(--p, 0)) * 50%));
}

.od.is-live [data-anim~='f'].is-in .od-ph__alt,
.od.is-live .od-fgrp.is-in .od-ph__alt {
  animation: od-slide 6s linear infinite;
}

@keyframes od-slide {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.od-sec--fv {
  --h: calc(1115 * var(--u));
}

.od-sec--column {
  --h: calc(1480 * var(--u));
}

.od-sec--lineup {
  --h: calc(2000 * var(--u));
}

.od-sec--item01 {
  --h: calc(1370 * var(--u));
}

.od-sec--chev1 {
  --h: calc(170 * var(--u));
}

.od-sec--look01 {
  --h: calc(3351 * var(--u));
}

.od-sec--look02 {
  --h: calc(3120 * var(--u));
}

.od-sec--look03 {
  --h: calc(3730 * var(--u));
}

.od-sec--look04 {
  --h: calc(3039 * var(--u));
}

.od-sec--movie {
  --h: calc(990 * var(--u));
}

.od-sec--item02 {
  --h: calc(1520 * var(--u));
}

.od-sec--chev2 {
  --h: calc(171 * var(--u));
}

.od-sec--look05 {
  --h: calc(2482 * var(--u));
}

.od-sec--look06 {
  --h: calc(3092 * var(--u));
}

.od-sec--look07 {
  --h: calc(3765 * var(--u));
}

.od-sec--allitems {
  --h: calc(619 * var(--u));
}

.od-sec--credit {
  --h: calc(1000 * var(--u));
}

.od-sec--allitems {
  --pc-h: calc(207.73 * var(--u));
}

.od-fv__logo {
  left: calc(174 * var(--u));
  top: calc(925 * var(--u));
  width: calc(404 * var(--u));
  height: calc(69 * var(--u));
}

.od-ph--fv-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(750 * var(--u));
  height: calc(1115 * var(--u));
}

.od-t--fv-t {
  top: calc(984.52 * var(--u));
  font-size: calc(26.68 * var(--u));
  line-height: calc(81.63 * var(--u));
  letter-spacing: 0.0181em;
  left: calc(199 * var(--u));
  color: #fff;
}

.od-col__logo {
  left: calc(224 * var(--u));
  top: calc(843 * var(--u));
  width: calc(303 * var(--u));
  height: calc(109 * var(--u));
}

.od-ph--column-1 {
  left: calc(47 * var(--u));
  top: calc(119 * var(--u));
  width: calc(657 * var(--u));
  height: calc(657 * var(--u));
  border-radius: calc(28 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: calc(3 * var(--u));
  --br: calc(calc(3 * var(--u)) + 1px);
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: calc(3 * var(--u));
  --bl: calc(calc(3 * var(--u)) + 1px);
  --fc: #695d56;
}

.od-t--col-t {
  top: calc(986.26 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(55 * var(--u));
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-lu__mid {
  left: calc(175.34 * var(--u));
  top: calc(65.27 * var(--u));
  width: calc(399.73 * var(--u));
  height: calc(81.46 * var(--u));
}

.od-t--lu-t {
  top: calc(14.42 * var(--u));
  font-size: calc(55.39 * var(--u));
  line-height: calc(55.39 * var(--u));
  letter-spacing: 0.075em;
  left: calc(201.16 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-lu__item--1 {
  left: calc(0 * var(--u));
  top: calc(215 * var(--u));
  width: calc(750 * var(--u));
  height: calc(786.99 * var(--u));
  --c: #e4bbbb;
}

.od-lu__item--1 .od-lu__band--1 {
  left: calc(0 * var(--u));
  top: calc(40 * var(--u));
  width: calc(750 * var(--u));
  height: calc(66 * var(--u));
}

.od-lu__item--1 .od-lu__band--2 {
  left: calc(0 * var(--u));
  top: calc(682 * var(--u));
  width: calc(750 * var(--u));
  height: calc(64 * var(--u));
}

.od-t--lu1-no {
  top: calc(46.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  left: calc(135 * var(--u));
  transform: translateX(-50%) scaleY(0.9);
  text-align: center;
  transform-origin: 50% 0;
  color: #fff;
}

.od-t--lu1-nm {
  top: calc(697.7 * var(--u));
  font-size: calc(32 * var(--u));
  line-height: calc(33 * var(--u));
  left: calc(33 * var(--u));
  color: #fff;
}

.od-ph--lineup1-1 {
  left: calc(0 * var(--u));
  top: calc(105 * var(--u));
  width: calc(750 * var(--u));
  height: calc(577 * var(--u));
}

.od-cut--lineup1-1-cut {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(736 * var(--u));
  height: calc(716 * var(--u));
}

.od-t--lu1-pr {
  top: calc(746.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0257em;
  left: calc(34 * var(--u));
}

.od-lu__item--1 .od-lu__pill {
  left: calc(147.01 * var(--u));
  top: calc(756.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-t--lu1-buy {
  top: calc(763 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(161 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-lu__item--2 {
  left: calc(0 * var(--u));
  top: calc(1111 * var(--u));
  width: calc(750 * var(--u));
  height: calc(765.99 * var(--u));
  --c: #c5ae9d;
}

.od-lu__item--2 .od-lu__band--1 {
  left: calc(0 * var(--u));
  top: calc(19 * var(--u));
  width: calc(750 * var(--u));
  height: calc(66 * var(--u));
}

.od-lu__item--2 .od-lu__band--2 {
  left: calc(0 * var(--u));
  top: calc(661 * var(--u));
  width: calc(750 * var(--u));
  height: calc(65 * var(--u));
}

.od-t--lu2-no {
  top: calc(24.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  left: calc(139 * var(--u));
  transform: translateX(-50%) scaleY(0.9);
  text-align: center;
  transform-origin: 50% 0;
  color: #fff;
}

.od-t--lu2-nm {
  top: calc(676.7 * var(--u));
  font-size: calc(32 * var(--u));
  line-height: calc(33 * var(--u));
  left: calc(33 * var(--u));
  color: #fff;
}

.od-ph--lineup2-1 {
  left: calc(0 * var(--u));
  top: calc(84 * var(--u));
  width: calc(750 * var(--u));
  height: calc(577 * var(--u));
}

.od-cut--lineup2-1-cut {
  left: calc(32 * var(--u));
  top: calc(0 * var(--u));
  width: calc(718 * var(--u));
  height: calc(642 * var(--u));
}

.od-t--lu2-pr {
  top: calc(725.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0543em;
  left: calc(32 * var(--u));
}

.od-lu__item--2 .od-lu__pill {
  left: calc(145.01 * var(--u));
  top: calc(735.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-t--lu2-buy {
  top: calc(742 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(159 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-sec--item01 {
  --pin-pt: calc(37 * var(--u));
  --pin-pb: calc(40 * var(--u));
  --pin-h: calc(1293 * var(--u));
}

.od-il__head--item01 {
  left: calc(343 * var(--u));
  top: calc(31 * var(--u));
  width: calc(388 * var(--u));
  height: calc(168 * var(--u));
  --c: #e4bbbb;
}

.od-il__head--item01 .od-il__sen--1 {
  left: calc(1.5 * var(--u));
  width: calc(118 * var(--u));
  top: calc(1.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item01 .od-il__sen--2 {
  left: calc(269.5 * var(--u));
  width: calc(117 * var(--u));
  top: calc(1.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item01 .od-il__sen--3 {
  left: calc(1.5 * var(--u));
  width: calc(118 * var(--u));
  top: calc(9.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item01 .od-il__sen--4 {
  left: calc(269.5 * var(--u));
  width: calc(117 * var(--u));
  top: calc(9.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item01 .od-il__sen--5 {
  left: calc(1.5 * var(--u));
  width: calc(385 * var(--u));
  top: calc(156.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item01 .od-il__sen--6 {
  left: calc(1.5 * var(--u));
  width: calc(385 * var(--u));
  top: calc(163.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--item01-no {
  top: calc(-8.55 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: calc(32 * var(--u));
  letter-spacing: 0.0695em;
  left: calc(198 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #e4bbbb;
}

.od-t--item01-ov {
  top: calc(30.09 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(44.03 * var(--u));
  left: calc(198.5 * var(--u));
  transform: translateX(-50%) scaleY(0.85);
  text-align: center;
  transform-origin: 50% 0;
  color: #e4bbbb;
}

.od-t--item01-nm {
  top: calc(72.45 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: calc(32 * var(--u));
  letter-spacing: 0.037em;
  left: calc(198 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #e4bbbb;
}

.od-ph--item01-1 {
  left: calc(345 * var(--u));
  top: calc(216 * var(--u));
  width: calc(385 * var(--u));
  height: calc(347 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--item01-2 {
  left: calc(20 * var(--u));
  top: calc(0 * var(--u));
  width: calc(305 * var(--u));
  height: calc(563 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--item01-3 {
  left: calc(20 * var(--u));
  top: calc(583 * var(--u));
  width: calc(379 * var(--u));
  height: calc(710 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-cut--item01-3-cut {
  left: calc(78 * var(--u));
  top: calc(520 * var(--u));
  width: calc(250 * var(--u));
  height: calc(755 * var(--u));
}

.od-ph--item01-4 {
  left: calc(419 * var(--u));
  top: calc(583 * var(--u));
  width: calc(311 * var(--u));
  height: calc(372 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-cut--item01-4-cut {
  left: calc(397 * var(--u));
  top: calc(443 * var(--u));
  width: calc(353 * var(--u));
  height: calc(717 * var(--u));
}

.od-btn--item01 {
  left: calc(432.98 * var(--u));
  top: calc(997.97 * var(--u));
  width: calc(284.04 * var(--u));
  height: calc(284.05 * var(--u));
  --c: #e4bbbb;
}

.od-btn--item01 .od-btn__in {
  left: calc(10.3 * var(--u));
  top: calc(10.31 * var(--u));
  width: calc(263.44 * var(--u));
  height: calc(263.44 * var(--u));
}

.od-btn--item01 .od-btn__line {
  left: calc(39.52 * var(--u));
  width: calc(206 * var(--u));
  top: calc(160.53 * var(--u));
  height: calc(3 * var(--u));
}

.od-btn--item01 .od-btn__cur {
  left: calc(137.02 * var(--u));
  top: calc(210.03 * var(--u));
  width: calc(29 * var(--u));
  height: calc(40 * var(--u));
}

.od-t--item01-ttl {
  top: calc(49.13 * var(--u));
  font-size: calc(26 * var(--u));
  line-height: calc(28.24 * var(--u));
  letter-spacing: 0.0534em;
  left: calc(142.52 * var(--u));
  transform: translateX(-50%) scaleY(0.85);
  text-align: center;
  transform-origin: 50% 0;
}

.od-t--item01-chk {
  top: calc(178.24 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(29.18 * var(--u));
  letter-spacing: 0.0589em;
  left: calc(142.52 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-sec--item01 .od-il__bg {
  top: calc(-21 * var(--u));
  height: calc(1334 * var(--u));
}

.od-chev--chev1 {
  left: calc(349 * var(--u));
  top: calc(28 * var(--u));
  width: calc(53 * var(--u));
  height: calc(97 * var(--u));
}

.od-ph--look01-1 {
  left: calc(0 * var(--u));
  top: calc(141 * var(--u));
  width: calc(750 * var(--u));
  height: calc(994 * var(--u));
  --c: #e4bbbb;
}

.od-ph--look01-2 {
  left: calc(62 * var(--u));
  top: calc(1043 * var(--u));
  width: calc(627 * var(--u));
  height: calc(829 * var(--u));
  border-radius: calc(28 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: calc(3 * var(--u));
  --br: calc(calc(3 * var(--u)) + 1px);
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: calc(3 * var(--u));
  --bl: calc(calc(3 * var(--u)) + 1px);
  --fc: #695d56;
}

.od-ph--look01-3 {
  left: calc(369 * var(--u));
  top: calc(1919 * var(--u));
  width: calc(353 * var(--u));
  height: calc(468 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #e4bbbb;
}

.od-ph--look01-4 {
  left: calc(0 * var(--u));
  top: calc(2437 * var(--u));
  width: calc(636 * var(--u));
  height: calc(480 * var(--u));
  border-radius: 0 calc(25 * var(--u)) calc(25 * var(--u)) 0;
  --c: #e4bbbb;
}

.od-head--1 {
  height: calc(140 * var(--u));
}

.od-t--h1-c {
  top: calc(33.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.075em;
  left: calc(14 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h1-n {
  top: calc(26.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(20 * var(--u));
  text-align: right;
}

.od-t--h1-m {
  top: calc(110.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.0364em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--1 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(2946.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--1 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(2995.5 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c1-b {
  top: calc(2935.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0345em;
  left: calc(38 * var(--u));
}

.od-t--c1-p {
  top: calc(2953 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c1-l {
  top: calc(3007.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.0533em;
  left: calc(38 * var(--u));
}

.od-ph img.od-ash--2 {
  left: calc(22.18 * var(--u));
  top: calc(45.27 * var(--u));
  width: calc(328.18 * var(--u));
  height: calc(67.28 * var(--u));
}

.od-ph--look02-1 {
  left: calc(96 * var(--u));
  top: calc(196 * var(--u));
  width: calc(654 * var(--u));
  height: calc(869 * var(--u));
  border-radius: calc(28 * var(--u)) 0 0 calc(28 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: 0px;
  --br: 0px;
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: calc(3 * var(--u));
  --bl: calc(calc(3 * var(--u)) + 1px);
  --fc: #695d56;
  --c: #e4bbbb;
}

.od-ph--look02-2-1 {
  left: calc(46 * var(--u));
  top: calc(1192 * var(--u));
  width: calc(315 * var(--u));
  height: calc(863 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--look02-2-2 {
  left: calc(392 * var(--u));
  top: calc(1282 * var(--u));
  width: calc(315 * var(--u));
  height: calc(863 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--look02-3 {
  left: calc(199 * var(--u));
  top: calc(2215 * var(--u));
  width: calc(353 * var(--u));
  height: calc(468 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #e4bbbb;
}

.od-head--2 {
  height: calc(140 * var(--u));
}

.od-t--h2-c {
  top: calc(33.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.02em;
  left: calc(14 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h2-n {
  top: calc(25.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(19 * var(--u));
  text-align: right;
}

.od-t--h2-m {
  top: calc(108.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.025em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--2 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(2762.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--2 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(2812 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c2-b {
  top: calc(2751.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0345em;
  left: calc(38 * var(--u));
}

.od-t--c2-p {
  top: calc(2769 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c2-l {
  top: calc(2823.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.055em;
  left: calc(38 * var(--u));
}

.od-ph--look03-1 {
  left: calc(0 * var(--u));
  top: calc(185 * var(--u));
  width: calc(651 * var(--u));
  height: calc(863 * var(--u));
  border-radius: 0 calc(25 * var(--u)) calc(25 * var(--u)) 0;
  --c: #e4bbbb;
}

.od-ph--look03-2 {
  left: calc(313 * var(--u));
  top: calc(1100 * var(--u));
  width: calc(437 * var(--u));
  height: calc(580 * var(--u));
  border-radius: calc(25 * var(--u)) 0 0 calc(25 * var(--u));
  --c: #e4bbbb;
}

.od-ph--look03-3 {
  left: calc(0 * var(--u));
  top: calc(1598 * var(--u));
  width: calc(437 * var(--u));
  height: calc(580 * var(--u));
  border-radius: 0 calc(25 * var(--u)) calc(25 * var(--u)) 0;
  --c: #e4bbbb;
}

.od-ph--look03-4 {
  left: calc(0 * var(--u));
  top: calc(2253 * var(--u));
  width: calc(750 * var(--u));
  height: calc(1000 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: 0px;
  --br: 0px;
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: 0px;
  --bl: 0px;
  --fc: #695d56;
}

.od-head--3 {
  height: calc(140 * var(--u));
}

.od-t--h3-c {
  top: calc(34.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.02em;
  left: calc(14 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h3-n {
  top: calc(26.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(20 * var(--u));
  text-align: right;
}

.od-t--h3-m {
  top: calc(110.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.0364em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--3 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(3279.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--3 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(3328.5 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c3-b {
  top: calc(3268.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0345em;
  left: calc(38 * var(--u));
}

.od-t--c3-p {
  top: calc(3286 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c3-l {
  top: calc(3340.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.0564em;
  left: calc(38 * var(--u));
}

.od-ph--look04-1 {
  left: calc(50 * var(--u));
  top: calc(184 * var(--u));
  width: calc(651 * var(--u));
  height: calc(863 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #e4bbbb;
}

.od-ph--look04-2 {
  left: calc(114 * var(--u));
  top: calc(1109 * var(--u));
  width: calc(523 * var(--u));
  height: calc(694 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #e4bbbb;
}

.od-ph--look04-3-1 {
  left: calc(0 * var(--u));
  top: calc(1876 * var(--u));
  width: calc(526 * var(--u));
  height: calc(700 * var(--u));
  border-radius: calc(28 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: calc(3 * var(--u));
  --br: calc(calc(3 * var(--u)) + 1px);
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: 0px;
  --bl: 0px;
  --fc: #695d56;
}

.od-ph--look04-3-2 {
  left: calc(576 * var(--u));
  top: calc(1948 * var(--u));
  width: calc(174 * var(--u));
  height: calc(556 * var(--u));
  border-radius: calc(25 * var(--u)) 0 0 calc(25 * var(--u));
}

.od-head--4 {
  height: calc(140 * var(--u));
}

.od-t--h4-c {
  top: calc(32.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.025em;
  left: calc(14 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h4-n {
  top: calc(25.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(20 * var(--u));
  text-align: right;
}

.od-t--h4-m {
  top: calc(109.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.0364em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--4 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(2602.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--4 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(2651.5 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c4-b {
  top: calc(2591.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0345em;
  left: calc(38 * var(--u));
}

.od-t--c4-p {
  top: calc(2609 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c4-l {
  top: calc(2663.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.0517em;
  left: calc(38 * var(--u));
}

.od-movie {
  left: calc(122 * var(--u));
  top: calc(64 * var(--u));
  width: calc(506 * var(--u));
  height: calc(896 * var(--u));
}

.od-sec--item02 {
  --pin-pt: calc(187 * var(--u));
  --pin-pb: calc(40 * var(--u));
  --pin-h: calc(1293 * var(--u));
}

.od-il__head--item02 {
  left: calc(18 * var(--u));
  top: calc(32 * var(--u));
  width: calc(329 * var(--u));
  height: calc(166 * var(--u));
  --c: #c5ae9d;
}

.od-il__head--item02 .od-il__sen--1 {
  left: calc(1.5 * var(--u));
  width: calc(90 * var(--u));
  top: calc(1.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item02 .od-il__sen--2 {
  left: calc(237.5 * var(--u));
  width: calc(90 * var(--u));
  top: calc(1.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item02 .od-il__sen--3 {
  left: calc(1.5 * var(--u));
  width: calc(90 * var(--u));
  top: calc(8.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item02 .od-il__sen--4 {
  left: calc(237.5 * var(--u));
  width: calc(90 * var(--u));
  top: calc(8.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item02 .od-il__sen--5 {
  left: calc(2.5 * var(--u));
  width: calc(325 * var(--u));
  top: calc(154.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-il__head--item02 .od-il__sen--6 {
  left: calc(2.5 * var(--u));
  width: calc(325 * var(--u));
  top: calc(161.5 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--item02-no {
  top: calc(-9.55 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: calc(32 * var(--u));
  letter-spacing: 0.0695em;
  left: calc(165 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #c5ae9d;
}

.od-t--item02-ov {
  top: calc(29.09 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(44.03 * var(--u));
  left: calc(164.5 * var(--u));
  transform: translateX(-50%) scaleY(0.85);
  text-align: center;
  transform-origin: 50% 0;
  color: #c5ae9d;
}

.od-t--item02-nm {
  top: calc(71.45 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: calc(32 * var(--u));
  letter-spacing: 0.0433em;
  left: calc(165 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #c5ae9d;
}

.od-ph--item02-1 {
  left: calc(365 * var(--u));
  top: calc(0 * var(--u));
  width: calc(365 * var(--u));
  height: calc(583 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--item02-2 {
  left: calc(20 * var(--u));
  top: calc(237 * var(--u));
  width: calc(326 * var(--u));
  height: calc(346 * var(--u));
  border-radius: calc(286 * var(--u)) calc(17 * var(--u)) calc(17 * var(--u)) calc(17 * var(--u));
}

.od-cut--item02-2-cut {
  left: calc(5 * var(--u));
  top: calc(216 * var(--u));
  width: calc(341 * var(--u));
  height: calc(355 * var(--u));
}

.od-ph--item02-3 {
  left: calc(0 * var(--u));
  top: calc(603 * var(--u));
  width: calc(750 * var(--u));
  height: calc(320 * var(--u));
}

.od-ph--item02-4 {
  left: calc(345 * var(--u));
  top: calc(943 * var(--u));
  width: calc(385 * var(--u));
  height: calc(350 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-btn--item02 {
  left: calc(30.98 * var(--u));
  top: calc(975.97 * var(--u));
  width: calc(284.04 * var(--u));
  height: calc(284.05 * var(--u));
  --c: #c5ae9d;
}

.od-btn--item02 .od-btn__in {
  left: calc(10.3 * var(--u));
  top: calc(10.31 * var(--u));
  width: calc(263.44 * var(--u));
  height: calc(263.44 * var(--u));
}

.od-btn--item02 .od-btn__line {
  left: calc(39.52 * var(--u));
  width: calc(206 * var(--u));
  top: calc(160.53 * var(--u));
  height: calc(3 * var(--u));
}

.od-btn--item02 .od-btn__cur {
  left: calc(137.02 * var(--u));
  top: calc(210.03 * var(--u));
  width: calc(29 * var(--u));
  height: calc(40 * var(--u));
}

.od-t--item02-ttl {
  top: calc(49.13 * var(--u));
  font-size: calc(26 * var(--u));
  line-height: calc(28.24 * var(--u));
  letter-spacing: 0.0534em;
  left: calc(142.52 * var(--u));
  transform: translateX(-50%) scaleY(0.85);
  text-align: center;
  transform-origin: 50% 0;
}

.od-t--item02-chk {
  top: calc(178.33 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(29 * var(--u));
  letter-spacing: 0.0589em;
  left: calc(142.52 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-sec--item02 .od-il__bg {
  top: calc(-21 * var(--u));
  height: calc(1334 * var(--u));
}

.od-chev--chev2 {
  left: calc(349 * var(--u));
  top: calc(28 * var(--u));
  width: calc(53 * var(--u));
  height: calc(97 * var(--u));
}

.od-ph--look05-1 {
  left: calc(48 * var(--u));
  top: calc(208 * var(--u));
  width: calc(655 * var(--u));
  height: calc(866 * var(--u));
  border-radius: calc(28 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: calc(3 * var(--u));
  --br: calc(calc(3 * var(--u)) + 1px);
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: calc(3 * var(--u));
  --bl: calc(calc(3 * var(--u)) + 1px);
  --fc: #695d56;
  --c: #c5ae9d;
}

.od-ph--look05-2-1 {
  left: calc(40 * var(--u));
  top: calc(1120 * var(--u));
  width: calc(325 * var(--u));
  height: calc(431 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #c5ae9d;
}

.od-ph--look05-2-2 {
  left: calc(385 * var(--u));
  top: calc(1120 * var(--u));
  width: calc(325 * var(--u));
  height: calc(431 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #c5ae9d;
}

.od-ph--look05-2-3 {
  left: calc(385 * var(--u));
  top: calc(1571 * var(--u));
  width: calc(325 * var(--u));
  height: calc(431 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #c5ae9d;
}

.od-ph--look05-2-4 {
  left: calc(40 * var(--u));
  top: calc(1571 * var(--u));
  width: calc(325 * var(--u));
  height: calc(431 * var(--u));
  border-radius: calc(25 * var(--u));
  --c: #c5ae9d;
}

.od-head--5 {
  height: calc(140 * var(--u));
}

.od-t--h5-c {
  top: calc(33.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.025em;
  left: calc(13 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h5-n {
  top: calc(44.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(20 * var(--u));
  text-align: right;
}

.od-t--h5-m {
  top: calc(109.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.0364em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--5 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(2031.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--5 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(2080.5 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c5-b {
  top: calc(2020.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0455em;
  left: calc(38 * var(--u));
}

.od-t--c5-p {
  top: calc(2038 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c5-l {
  top: calc(2092.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.0517em;
  left: calc(38 * var(--u));
}

.od-ph img.od-ash--6 {
  left: calc(22.73 * var(--u));
  top: calc(149.45 * var(--u));
  width: calc(354.54 * var(--u));
  height: calc(146.37 * var(--u));
}

.od-ph--look06-1 {
  left: calc(0 * var(--u));
  top: calc(138 * var(--u));
  width: calc(750 * var(--u));
  height: calc(1000 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: 0px;
  --br: 0px;
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: 0px;
  --bl: 0px;
  --fc: #695d56;
  --c: #c5ae9d;
}

.od-ph--look06-2 {
  left: calc(160 * var(--u));
  top: calc(1190 * var(--u));
  width: calc(431 * var(--u));
  height: calc(572 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--look06-3 {
  left: calc(47 * var(--u));
  top: calc(1812 * var(--u));
  width: calc(657 * var(--u));
  height: calc(869 * var(--u));
  border-radius: calc(28 * var(--u));
  --ft: calc(3 * var(--u));
  --bt: calc(calc(3 * var(--u)) + 1px);
  --fr: calc(3 * var(--u));
  --br: calc(calc(3 * var(--u)) + 1px);
  --fb: calc(3 * var(--u));
  --bb: calc(calc(3 * var(--u)) + 1px);
  --fl: calc(3 * var(--u));
  --bl: calc(calc(3 * var(--u)) + 1px);
  --fc: #695d56;
  --c: #c5ae9d;
}

.od-head--6 {
  height: calc(140 * var(--u));
}

.od-t--h6-c {
  top: calc(33.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.02em;
  left: calc(14 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h6-n {
  top: calc(44.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(20 * var(--u));
  text-align: right;
}

.od-t--h6-m {
  top: calc(108.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.025em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--6 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(2707.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--6 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(2756.5 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c6-b {
  top: calc(2696.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0455em;
  left: calc(38 * var(--u));
}

.od-t--c6-p {
  top: calc(2714 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c6-l {
  top: calc(2768.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.055em;
  left: calc(38 * var(--u));
}

.od-side {
  left: calc(-37.27 * var(--u));
  top: calc(413.91 * var(--u));
  width: calc(711.82 * var(--u));
  height: calc(19.09 * var(--u));
}

.od-ph--look07-1-1 {
  left: calc(381 * var(--u));
  top: calc(214 * var(--u));
  width: calc(350 * var(--u));
  height: calc(959 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--look07-1-2 {
  left: calc(19 * var(--u));
  top: calc(314 * var(--u));
  width: calc(350 * var(--u));
  height: calc(959 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-ph--look07-2-1 {
  left: calc(0 * var(--u));
  top: calc(1351 * var(--u));
  width: calc(435 * var(--u));
  height: calc(580 * var(--u));
  border-radius: 0 calc(25 * var(--u)) calc(25 * var(--u)) 0;
  --c: #c5ae9d;
}

.od-ph--look07-2-2 {
  left: calc(347 * var(--u));
  top: calc(1848 * var(--u));
  width: calc(403 * var(--u));
  height: calc(535 * var(--u));
  border-radius: calc(25 * var(--u)) 0 0 calc(25 * var(--u));
  --c: #c5ae9d;
}

.od-ph--look07-3 {
  left: calc(50 * var(--u));
  top: calc(2507 * var(--u));
  width: calc(651 * var(--u));
  height: calc(863 * var(--u));
  border-radius: calc(25 * var(--u));
}

.od-head--7 {
  height: calc(140 * var(--u));
}

.od-t--h7-c {
  top: calc(33.5 * var(--u));
  font-size: calc(50 * var(--u));
  line-height: calc(55.56 * var(--u));
  letter-spacing: 0.03em;
  left: calc(13 * var(--u));
  transform: scaleY(0.9);
  transform-origin: 50% 0;
}

.od-t--h7-n {
  top: calc(44.25 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(33 * var(--u));
  right: calc(20 * var(--u));
  text-align: right;
}

.od-t--h7-m {
  top: calc(109.2 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(33 * var(--u));
  letter-spacing: 0.0364em;
  left: calc(375.5 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-cr--7 .od-cr__pill {
  left: calc(247.01 * var(--u));
  top: calc(3416.99 * var(--u));
  width: calc(71 * var(--u));
  height: calc(30 * var(--u));
}

.od-cr--7 .od-cr__dots {
  left: calc(38 * var(--u));
  top: calc(3465.5 * var(--u));
  width: calc(293 * var(--u));
  height: calc(3 * var(--u));
}

.od-t--c7-b {
  top: calc(3405.8 * var(--u));
  font-size: calc(28 * var(--u));
  line-height: calc(50 * var(--u));
  letter-spacing: 0.0455em;
  left: calc(38 * var(--u));
}

.od-t--c7-p {
  top: calc(3423 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(20.62 * var(--u));
  letter-spacing: 0.05em;
  left: calc(262 * var(--u));
  transform: scaleY(0.97);
  transform-origin: 50% 0;
}

.od-t--c7-l {
  top: calc(3477.75 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(46 * var(--u));
  letter-spacing: 0.0464em;
  left: calc(38 * var(--u));
}

.od-l7p3 {
  left: calc(50 * var(--u));
  top: calc(2507 * var(--u));
  width: calc(651 * var(--u));
  height: calc(863 * var(--u));
}

.od-l7p3 .od-ph--look07-3 {
  left: 0;
  top: 0;
}

.od-btn--all {
  left: calc(209.66 * var(--u));
  top: calc(98.66 * var(--u));
  width: calc(330.68 * var(--u));
  height: calc(330.68 * var(--u));
  --c: #695d56;
}

.od-btn--all .od-btn__in {
  left: calc(12.01 * var(--u));
  top: calc(12.01 * var(--u));
  width: calc(306.66 * var(--u));
  height: calc(306.66 * var(--u));
}

.od-btn--all .od-btn__line {
  left: calc(45.84 * var(--u));
  width: calc(241 * var(--u));
  top: calc(163.84 * var(--u));
  height: calc(3 * var(--u));
}

.od-btn--all .od-btn__cur {
  left: calc(159.34 * var(--u));
  top: calc(240.34 * var(--u));
  width: calc(33 * var(--u));
  height: calc(47 * var(--u));
}

.od-t--all-ttl {
  top: calc(56.14 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(41 * var(--u));
  letter-spacing: 0.05em;
  left: calc(168.34 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-t--all-chk {
  top: calc(195.64 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(34 * var(--u));
  letter-spacing: 0.0566em;
  left: calc(165.84 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-end__logo {
  left: calc(316 * var(--u));
  top: calc(880 * var(--u));
  width: calc(116 * var(--u));
  height: calc(43 * var(--u));
}

.od-ph--credit-1 {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(750 * var(--u));
  height: calc(1000 * var(--u));
}

.od-t--staff {
  top: calc(323.5 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(52.63 * var(--u));
  letter-spacing: 0.025em;
  left: calc(375 * var(--u));
  transform: translateX(-50%) scaleY(0.95);
  text-align: center;
  transform-origin: 50% 0;
  color: #fff;
}

.od-t--copy {
  top: calc(919.1 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(60.99 * var(--u));
  letter-spacing: 0.0415em;
  left: calc(375 * var(--u));
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.od-btn--pcall {
  left: calc(0 * var(--u));
  top: calc(0 * var(--u));
  width: calc(330.68 * var(--u));
  height: calc(330.68 * var(--u));
  --c: #695d56;
}

.od-btn--pcall .od-btn__in {
  left: calc(12.01 * var(--u));
  top: calc(12.01 * var(--u));
  width: calc(306.66 * var(--u));
  height: calc(306.66 * var(--u));
}

.od-btn--pcall .od-btn__line {
  left: calc(45.84 * var(--u));
  width: calc(241 * var(--u));
  top: calc(163.84 * var(--u));
  height: calc(3 * var(--u));
}

.od-btn--pcall .od-btn__cur {
  left: calc(159.34 * var(--u));
  top: calc(240.34 * var(--u));
  width: calc(33 * var(--u));
  height: calc(47 * var(--u));
}

.od-t--pcall-ttl {
  top: calc(56.14 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(41 * var(--u));
  letter-spacing: 0.05em;
  left: calc(168.34 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-t--pcall-chk {
  top: calc(193.64 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(34 * var(--u));
  letter-spacing: 0.05em;
  left: calc(165.34 * var(--u));
  transform: translateX(-50%);
  text-align: center;
}

.od-pcbtn {
  left: 19.68vw;
  width: 14.64vw;
  height: 14.64vw;
}