@charset "UTF-8";
#MO250911DENIM {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 500;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}
#MO250911DENIM img,
#MO250911DENIM video {
  width: 100%;
  display: block;
}
#MO250911DENIM a {
  -webkit-transition: none;
  transition: none;
}
@media screen and (min-width: 768px) {
  #MO250911DENIM a {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}
#MO250911DENIM a:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  #MO250911DENIM a:hover {
    opacity: 0.7;
  }
}
#MO250911DENIM .only-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  #MO250911DENIM .only-pc {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #MO250911DENIM .only-sp {
    display: none;
  }
}
#MO250911DENIM a {
  text-decoration: none;
}
#MO250911DENIM .js-fadeIn {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 2s, visibility 2s;
  transition: opacity 2s, visibility 2s;
}
#MO250911DENIM .js-fadeIn.visible {
  opacity: 1;
  visibility: visible;
}
#MO250911DENIM .text-center {
  text-align: center;
}
#MO250911DENIM .description {
  font-size: calc(25 * var(--formula));
  line-height: 1;
  font-family: "baskerville-urw", sans-serif;
  letter-spacing: 0.05em;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(25 * var(--formula)) calc(31 * var(--formula));
}

#MO250911DENIM {
  /* Remove default padding */
  /* Remove default margin */
  /* Set core root defaults */
  /* Set core body defaults */
  /* Remove list styles on ul, ol elements with a class attribute */
  /* a 要素のリセット */
  /* A elements that don't have a class get default styles */
  /* Make images easier to work with */
  /* Natural flow and rhythm in articles by default 
  article > * + * {
    margin-top: 1em;
  }
  */
  /* Inherit fonts for inputs and buttons */
  /* Blur images when they have no alt attribute */
  /* フォームリセット */
}
#MO250911DENIM *,
#MO250911DENIM *::before,
#MO250911DENIM *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#MO250911DENIM ul,
#MO250911DENIM ol {
  padding: 0;
}
#MO250911DENIM body,
#MO250911DENIM h1,
#MO250911DENIM h2,
#MO250911DENIM h3,
#MO250911DENIM h4,
#MO250911DENIM p,
#MO250911DENIM ul,
#MO250911DENIM ol,
#MO250911DENIM figure,
#MO250911DENIM blockquote,
#MO250911DENIM dl,
#MO250911DENIM dd {
  margin: 0;
}
#MO250911DENIM html {
  scroll-behavior: smooth;
}
#MO250911DENIM body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
#MO250911DENIM ul,
#MO250911DENIM ol {
  list-style: none;
}
#MO250911DENIM a {
  text-decoration: none;
  color: inherit;
}
#MO250911DENIM a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
#MO250911DENIM img {
  max-width: 100%;
  display: block;
  width: 100%;
}
#MO250911DENIM input,
#MO250911DENIM button,
#MO250911DENIM textarea,
#MO250911DENIM select {
  font: inherit;
}
#MO250911DENIM img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
#MO250911DENIM input,
#MO250911DENIM button,
#MO250911DENIM select,
#MO250911DENIM textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
#MO250911DENIM textarea {
  resize: vertical;
}
#MO250911DENIM input[type=checkbox],
#MO250911DENIM input[type=radio] {
  display: none;
}
#MO250911DENIM input[type=submit],
#MO250911DENIM input[type=button],
#MO250911DENIM label,
#MO250911DENIM button,
#MO250911DENIM select {
  cursor: pointer;
}
#MO250911DENIM select::-ms-expand {
  display: none;
}

#MO250911DENIM {
  --ratio: 1;
  --variable: calc(100vw / var(--sp-width));
}
#MO250911DENIM .lp-scroll-content {
  padding-bottom: calc(190 * var(--formula));
}
#MO250911DENIM .lp-kv-images {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#MO250911DENIM .lp-kv-image__text {
  position: absolute;
  width: calc(430 * var(--formula));
  top: 56.3%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#MO250911DENIM .sec-01 {
  padding-top: calc(102 * var(--formula));
}
#MO250911DENIM .sec-01__description {
  font-size: calc(25 * var(--formula));
  line-height: 2.6;
  letter-spacing: 0.025em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#MO250911DENIM .sec-02 {
  padding-top: calc(157 * var(--formula));
}
#MO250911DENIM .sec-02__movie {
  max-width: calc(675 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-02__image-01 {
  margin-top: calc(100 * var(--formula));
  max-width: calc(630 * var(--formula));
  margin-left: auto;
}
#MO250911DENIM .sec-02__content {
  margin-top: calc(19.9 * var(--formula));
  max-width: calc(580 * var(--formula));
  margin-right: auto;
}
#MO250911DENIM .sec-02__text {
  padding-left: calc(40 * var(--formula));
  margin-top: calc(50 * var(--formula));
}
#MO250911DENIM .sec-03 {
  padding-top: calc(162 * var(--formula));
}
#MO250911DENIM .sec-03__movie {
  max-width: calc(675 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-03__image-01 {
  margin-top: calc(100 * var(--formula));
  max-width: calc(640 * var(--formula));
  margin-right: auto;
}
#MO250911DENIM .sec-03__content {
  margin-top: calc(20 * var(--formula));
  max-width: calc(640 * var(--formula));
  margin-right: auto;
}
#MO250911DENIM .sec-03__text {
  padding-left: calc(36 * var(--formula));
  margin-top: calc(50 * var(--formula));
  letter-spacing: 0.02em;
}
#MO250911DENIM .sec-03__text {
  gap: calc(25 * var(--formula)) calc(33 * var(--formula));
}
#MO250911DENIM .sec-04 {
  padding-top: calc(162 * var(--formula));
}
#MO250911DENIM .sec-04__movie {
  max-width: calc(675 * var(--formula));
  margin-top: calc(99.5 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-04__content {
  margin-top: calc(20 * var(--formula));
  max-width: calc(675.2 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-04__text {
  margin-top: calc(50 * var(--formula));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#MO250911DENIM .sec-05 {
  padding-top: calc(163 * var(--formula));
}
#MO250911DENIM .sec-05__movie {
  max-width: calc(675 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-05__image-01 {
  margin-top: calc(100 * var(--formula));
  max-width: calc(599 * var(--formula));
  margin-left: auto;
}
#MO250911DENIM .sec-05__content {
  margin-top: calc(20 * var(--formula));
  max-width: calc(630 * var(--formula));
  margin-right: auto;
}
#MO250911DENIM .sec-05__text {
  padding-left: calc(40 * var(--formula));
  margin-top: calc(50 * var(--formula));
  max-width: calc(530 * var(--formula));
}
#MO250911DENIM .sec-06 {
  padding-top: calc(162 * var(--formula));
}
#MO250911DENIM .sec-06__image-02 {
  max-width: calc(560 * var(--formula));
  margin-top: calc(59 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-06__content {
  margin-top: calc(100 * var(--formula));
  max-width: calc(675 * var(--formula));
  margin-right: auto;
  margin-left: auto;
}
#MO250911DENIM .sec-06__text {
  margin-top: calc(48 * var(--formula));
  text-align: center;
}
#MO250911DENIM .sec-06__text .description {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#MO250911DENIM .sec-06__text .description:not(:first-child) {
  margin-top: calc(25 * var(--formula));
}
#MO250911DENIM .sec-06__text .description:last-child {
  gap: calc(28 * var(--formula));
}
#MO250911DENIM .sec-footer {
  padding-top: calc(183 * var(--formula));
}
#MO250911DENIM .sec-footer__btn {
  max-width: calc(675 * var(--formula));
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #000;
  line-height: 1;
  font-family: "baskerville-urw", serif;
  font-size: calc(45 * var(--formula));
  font-weight: 500;
  letter-spacing: 0.025em;
  padding: calc(35 * var(--formula)) calc(32 * var(--formula));
  text-align: center;
  text-transform: uppercase;
}
#MO250911DENIM .sec-footer__staff {
  padding-top: calc(140 * var(--formula));
}
#MO250911DENIM .sec-footer__staff-head {
  font-size: calc(28 * var(--formula));
  font-weight: 700;
  letter-spacing: 0.15em;
  font-family: "baskerville-urw", sans-serif;
  text-transform: uppercase;
  margin-bottom: calc(16 * var(--formula));
}
#MO250911DENIM .sec-footer__staff-item {
  font-size: calc(25 * var(--formula));
  line-height: 2;
  font-family: "baskerville-urw", sans-serif;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 768px) {
  #footer {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #MO250911DENIM {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
  #MO250911DENIM .lp-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #MO250911DENIM .lp-fix-content {
    position: sticky;
    top: 0;
    left: 0;
    width: 50vw;
    height: 100vh;
  }
  #MO250911DENIM .lp-kv-images a {
    width: 100%;
  }
  #MO250911DENIM .lp-kv-image img {
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #MO250911DENIM .lp-kv-image__text {
    width: 59.7222222222%;
  }
  #MO250911DENIM .lp-scroll-content {
    width: 50vw;
  }
  #MO250911DENIM .lp-scroll-content__wrapper {
    max-width: calc(750 * var(--variable) * var(--ratio));
    margin-right: auto;
    margin-left: auto;
  }
}