@charset "UTF-8";
:root {
  --color-common: #211916;
  --color-bold: #1A1A1A;
  --color-light: #FFF;
  --font-main: rigid-square, sans-serif;
}

/*//////////////////////////////////////////////////

Title : _text.css
For   : FURFUR 2022 AUTUMN COLLECTION

Created       : 2022-08-04
Last Modified : 2022-08-05

==========================================

Compornent

    text

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    text
============================================================================================== */
.main-container__landing-page .c-credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: var(--credit-w, 100%);
  -webkit-margin-before: var(--credit-mbs, 1.5rem);
          margin-block-start: var(--credit-mbs, 1.5rem);
  font-size: var(--credit-fz, 1.2rem);
  letter-spacing: 0.025em;
}

.main-container__landing-page .c-credit .credit__list.align_l {
  text-align: left;
}

.main-container__landing-page .c-credit .credit__list.align_r {
  text-align: right;
}

.main-container__landing-page .c-credit .credit__list .credit_mis {
  -webkit-margin-start: var(--credit-mis, 0.5rem);
          margin-inline-start: var(--credit-mis, 0.5rem);
}

.main-container__landing-page .c-staff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-start: var(--staff-mis, 8.5rem);
          margin-inline-start: var(--staff-mis, 8.5rem);
}

.main-container__landing-page .c-staff span {
  display: block;
}

.main-container__landing-page .c-staff__elm {
  display: block;
}

.main-container__landing-page .c-staff__elm + .c-staff__elm {
  -webkit-margin-before: var(--staff-mbs, 2rem);
          margin-block-start: var(--staff-mbs, 2rem);
}

.main-container__landing-page .c-staff .profession {
  font-size: var(--staff-fz, 1.2rem);
  font-weight: 600;
}

.main-container__landing-page .c-staff .name {
  -webkit-margin-before: var(--staff-mbs, 0.5rem);
          margin-block-start: var(--staff-mbs, 0.5rem);
  font-size: var(--staff-fz, 1.3rem);
  line-height: 1.2;
}

.main-container__landing-page .c-button {
  -webkit-margin-before: var(--button-mbs, 22rem);
          margin-block-start: var(--button-mbs, 22rem);
  font-size: var(--button-fz, 1.4rem);
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: center;
}

.main-container__landing-page .c-button__elm:nth-of-type(1) .js-txt-fade {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.main-container__landing-page .c-button__elm:nth-of-type(2) .js-txt-fade {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .c-credit {
    --credit-mbs: 10px;
    --credit-fz: 9px;
  }
  .main-container__landing-page .c-credit .credit__list {
    line-height: 1.4280782509;
  }
  .main-container__landing-page .c-credit .credit__list.align-r-mp {
    text-align: right;
  }
  .main-container__landing-page .c-credit .credit__list .credit_mis {
    --credit-mis: 5px;
  }
  .main-container__landing-page .c-staff {
    --staff-mis: 18rem;
  }
  .main-container__landing-page .c-staff__elm + .c-staff__elm {
    --staff-mbs: 20px;
  }
  .main-container__landing-page .c-staff .profession {
    --staff-fz: 10px;
  }
  .main-container__landing-page .c-staff .name {
    --staff-mbs: 2px;
    --staff-fz: 12px;
  }
  .main-container__landing-page .c-button {
    --button-mbs: 165px;
    --button-fz: 13px;
  }
  .main-container__landing-page .c-button__elm:nth-of-type(1) {
    -webkit-margin-start: 2.5rem;
            margin-inline-start: 2.5rem;
  }
  .main-container__landing-page .c-button__elm:nth-of-type(3) {
    -webkit-margin-start: -2.5rem;
            margin-inline-start: -2.5rem;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .c-credit .credit__list {
    line-height: 1.4282115869;
  }
  .main-container__landing-page .c-button__elm:nth-of-type(1) {
    -webkit-margin-start: 4rem;
            margin-inline-start: 4rem;
  }
  .main-container__landing-page .c-button__elm:nth-of-type(3) {
    -webkit-margin-start: -4rem;
            margin-inline-start: -4rem;
  }
}

/*//////////////////////////////////////////////////

Title : _content.css
For   : FURFUR 2022 AUTUMN COLLECTION

Created       : 2022-08-04
Last Modified : 2022-08-05

==========================================

Content

    content

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    content
============================================================================================== */
.main-container__landing-page .l-cnt__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-container__landing-page .l-cnt__blk + .l-cnt__blk {
  -webkit-margin-before: var(--blk-mbs, 10rem);
          margin-block-start: var(--blk-mbs, 10rem);
}

.main-container__landing-page .l-cnt__elm {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.main-container__landing-page .l-img {
  background-color: var(--color-light);
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .l-cnt {
    margin: auto;
  }
  .main-container__landing-page .l-cnt__blk {
    margin: auto;
  }
  .main-container__landing-page .l-cnt__blk + .l-cnt__blk {
    --blk-mbs: 110px;
  }
  .main-container__landing-page .l-cnt__blk--1, .main-container__landing-page .l-cnt__blk--4, .main-container__landing-page .l-cnt__blk--6, .main-container__landing-page .l-cnt__blk--8, .main-container__landing-page .l-cnt__blk--10, .main-container__landing-page .l-cnt__blk--12, .main-container__landing-page .l-cnt__blk--14, .main-container__landing-page .l-cnt__blk--17 {
    max-width: 640px;
  }
  .main-container__landing-page .l-cnt__blk--2 .l-img, .main-container__landing-page .l-cnt__blk--3 .l-img, .main-container__landing-page .l-cnt__blk--5 .l-img, .main-container__landing-page .l-cnt__blk--7 .l-img, .main-container__landing-page .l-cnt__blk--9 .l-img, .main-container__landing-page .l-cnt__blk--11 .l-img, .main-container__landing-page .l-cnt__blk--13 .l-img, .main-container__landing-page .l-cnt__blk--15 .l-img {
    width: 50%;
  }
  .main-container__landing-page .l-cnt__blk--2 .c-credit, .main-container__landing-page .l-cnt__blk--3 .c-credit, .main-container__landing-page .l-cnt__blk--5 .c-credit, .main-container__landing-page .l-cnt__blk--7 .c-credit, .main-container__landing-page .l-cnt__blk--9 .c-credit, .main-container__landing-page .l-cnt__blk--11 .c-credit, .main-container__landing-page .l-cnt__blk--13 .c-credit, .main-container__landing-page .l-cnt__blk--15 .c-credit {
    -webkit-margin-start: 1.5rem;
            margin-inline-start: 1.5rem;
  }
  .main-container__landing-page .l-cnt__blk--2 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--3 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--5 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--7 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--9 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--11 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--13 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--15 .c-credit .credit__list.align_r {
    -webkit-margin-end: 1.5rem;
            margin-inline-end: 1.5rem;
  }
  .main-container__landing-page .l-cnt__blk--2 .c-credit {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-container__landing-page .l-cnt__blk--2 + .l-cnt__blk {
    --blk-mbs: 90px;
  }
  .main-container__landing-page .l-cnt__blk--6 .l-img:nth-child(2) {
    -webkit-margin-before: 75px;
            margin-block-start: 75px;
  }
  .main-container__landing-page .l-cnt__blk--8 .c-credit + .l-img, .main-container__landing-page .l-cnt__blk--10 .c-credit + .l-img, .main-container__landing-page .l-cnt__blk--12 .c-credit + .l-img {
    -webkit-margin-before: 45px;
            margin-block-start: 45px;
  }
  .main-container__landing-page .l-cnt__blk--10 + .l-cnt__blk {
    --blk-mbs: 160px;
  }
  .main-container__landing-page .l-cnt__blk--15 + .l-cnt__blk {
    --blk-mbs: 260px;
  }
  .main-container__landing-page .l-cnt__blk--16 + .l-cnt__blk {
    --blk-mbs: 345px;
  }
  .main-container__landing-page .l-cnt__blk--16 .l-img {
    width: 255px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .l-cnt__blk--1 .c-credit, .main-container__landing-page .l-cnt__blk--3 .c-credit, .main-container__landing-page .l-cnt__blk--5 .c-credit, .main-container__landing-page .l-cnt__blk--7 .c-credit, .main-container__landing-page .l-cnt__blk--9 .c-credit, .main-container__landing-page .l-cnt__blk--11 .c-credit, .main-container__landing-page .l-cnt__blk--13 .c-credit, .main-container__landing-page .l-cnt__blk--15 .c-credit, .main-container__landing-page .l-cnt__blk--17 .c-credit {
    -webkit-margin-start: 2rem;
            margin-inline-start: 2rem;
  }
  .main-container__landing-page .l-cnt__blk--1 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--3 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--5 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--7 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--9 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--11 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--13 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--15 .c-credit .credit__list.align_r, .main-container__landing-page .l-cnt__blk--17 .c-credit .credit__list.align_r {
    -webkit-margin-end: 2rem;
            margin-inline-end: 2rem;
  }
  .main-container__landing-page .l-cnt__blk--2, .main-container__landing-page .l-cnt__blk--4, .main-container__landing-page .l-cnt__blk--6, .main-container__landing-page .l-cnt__blk--8, .main-container__landing-page .l-cnt__blk--10, .main-container__landing-page .l-cnt__blk--12, .main-container__landing-page .l-cnt__blk--14 {
    padding-inline: 7.5rem;
  }
  .main-container__landing-page .l-cnt__blk--2 .c-credit {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .main-container__landing-page .l-cnt__blk--2 .l-img:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-margin-before: 2rem;
            margin-block-start: 2rem;
  }
  .main-container__landing-page .l-cnt__blk--3 {
    --blk-mbs: 15rem;
  }
  .main-container__landing-page .l-cnt__blk--5 .l-img:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .main-container__landing-page .l-cnt__blk--5 .l-img:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-container__landing-page .l-cnt__blk--5 .c-credit {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .main-container__landing-page .l-cnt__blk--6 .l-img:nth-of-type(1) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-margin-before: 2rem;
            margin-block-start: 2rem;
  }
  .main-container__landing-page .l-cnt__blk--6 .l-img:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-container__landing-page .l-cnt__blk--6 .c-credit {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .main-container__landing-page .l-cnt__blk--7 {
    --blk-mbs: 15rem;
  }
  .main-container__landing-page .l-cnt__blk--8 .c-credit + .l-img {
    -webkit-margin-before: 4.5rem;
            margin-block-start: 4.5rem;
  }
  .main-container__landing-page .l-cnt__blk--10 .c-credit + .l-img {
    -webkit-margin-before: 3.5rem;
            margin-block-start: 3.5rem;
  }
  .main-container__landing-page .l-cnt__blk--11 {
    --blk-mbs: 15rem;
  }
  .main-container__landing-page .l-cnt__blk--12 .c-credit + .l-img {
    -webkit-margin-before: 2.5rem;
            margin-block-start: 2.5rem;
  }
  .main-container__landing-page .l-cnt__blk--15 {
    --blk-mbs: 3.5rem;
  }
  .main-container__landing-page .l-cnt__blk--15:nth-child(3) {
    padding-inline: 0;
  }
  .main-container__landing-page .l-cnt__blk--15 .l-img:first-child {
    padding-inline: 7.5rem;
  }
  .main-container__landing-page .l-cnt__blk--15 .l-img:first-child + .c-credit {
    padding-inline: 5.5rem;
  }
  .main-container__landing-page .l-cnt__blk--15 .l-img:first-child + .c-credit + .l-img {
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
  .main-container__landing-page .l-cnt__blk--16 {
    --blk-mbs: 36rem;
  }
  .main-container__landing-page .l-cnt__blk--16 .l-img {
    width: 25rem;
  }
  .main-container__landing-page .l-cnt__blk--17 {
    --blk-mbs: 31rem;
  }
}

/*//////////////////////////////////////////////////

Title : _firstview.css
For   : FURFUR 2022 AUTUMN COLLECTION

Created       : 2022-08-04
Last Modified : 2022-08-05

==========================================

Content

    firstview

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    firstview
============================================================================================== */
.main-container__landing-page .l-firstview {
  position: relative;
  margin: 0 auto;
}

.main-container__landing-page .l-firstview__logo {
  position: absolute;
  width: var(--fvttl-w, 28rem);
  top: var(--fvttl-t, 67.5rem);
  left: var(--fvttl-l, 23rem);
}

.main-container__landing-page .l-firstview__logo .js-txt-fade {
  width: 100%;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.main-container__landing-page .l-firstview__lead {
  position: absolute;
  width: var(--fvlead-w, 27rem);
  top: var(--fvlead-t, 77rem);
  left: var(--fvlead-l, 23.5rem);
}

.main-container__landing-page .l-firstview__lead .js-txt-fade {
  width: 100%;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .l-firstview {
    -webkit-margin-after: 150px;
            margin-block-end: 150px;
  }
  .main-container__landing-page .l-firstview__logo {
    --fvttl-w: 34.5rem;
    --fvttl-t: 36.5rem;
    --fvttl-l: 14.5rem;
  }
  .main-container__landing-page .l-firstview__lead {
    --fvlead-w: 24rem;
    --fvlead-t: 48rem;
    --fvlead-l: 20rem;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .l-firstview {
    width: 100%;
  }
}

/*//////////////////////////////////////////////////

Title : _main.css
For   : FURFUR 2022 AUTUMN COLLECTION

Created       : 2022-08-04
Last Modified : 2022-08-05

==========================================

Content

    main

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            main
============================================================================================== */
.main-container__landing-page {
  width: 100%;
  margin: 0 auto;
  -webkit-margin-before: var(--lp-mbs, 8rem);
          margin-block-start: var(--lp-mbs, 8rem);
  -webkit-margin-after: var(--lp-mbe, 25rem);
          margin-block-end: var(--lp-mbe, 25rem);
  font-family: var(--font-main);
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  line-height: 1;
  color: var(--color-common);
}

/* ==============================================================================================
                                          for desktop
============================================================================================== */
@media screen and (min-width: 768px) {
  .main-container__landing-page {
    --lp-mbs: 240px;
    --lp-mbe: 185px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
.js-fade-Vr {
  -webkit-transition-duration: 1.2s;
          transition-duration: 1.2s;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.js-fade-Vr.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.js-fade,
.js-fade-mp {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 0;
}

.js-fade.active,
.js-fade-mp.active {
  opacity: 1;
}

.decolation__image.js-fade-Vr {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.content__credit.js-fade-Vr {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.decolation__image--03-2.js-fade-Vr {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.js-txt-fade {
  display: inline-block;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.js-txt-fade.active {
  transition: -webkit-transform 1s cubic-bezier(0.26, 0.09999, 0.14, 1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.26, 0.09999, 0.14, 1);
  transition: transform 1s cubic-bezier(0.26, 0.09999, 0.14, 1);
  transition: transform 1s cubic-bezier(0.26, 0.09999, 0.14, 1), -webkit-transform 1s cubic-bezier(0.26, 0.09999, 0.14, 1);
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
}

.txt-fade {
  display: inline-block;
  overflow: hidden;
  line-height: 1;
}

/*===================== ▼ text animation ▼ == */
.js-trigger {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.js-trigger__inner {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.js-trigger.active {
  -webkit-animation-name: slide-forward;
  animation-name: slide-forward;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.js-trigger.active .js-trigger__inner {
  -webkit-animation-name: slide-revert;
  animation-name: slide-revert;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes slide-revert {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slide-revert {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slide-forward {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slide-forward {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/*===================== ▲ text animation ▲ == */
html {
  font-size: 62.5%;
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(10* (100vw / 750));
  }
}

.main-container__landing-page img,
.main-container__landing-page video,
.main-container__landing-page svg {
  width: 100%;
  height: auto;
}

.main-container__landing-page * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-container__landing-page picture {
  display: block;
}

.main-container__landing-page a {
  display: inline-block;
}

/*=======================================================
  for Desktop
=======================================================*/
@media screen and (min-width: 768px) {
  .main-container__landing-page .hidden_dt {
    display: none;
  }
}

/*=======================================================
  for mobile
=======================================================*/
@media screen and (max-width: 767px) {
  .main-container__landing-page .hidden_mp {
    display: none;
  }
}