@charset "UTF-8";
:root {
  --font-primary: trajan-pro-3, serif;
  --color-common: #4D4D4D;
  --color-dark: #211916;
  --color-light: #A6B8C2;
}

.js-fade-Vr {
  -webkit-transition-duration: 1.2s;
          transition-duration: 1.2s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}

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

.js-fade-Credit {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}

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

/*===================== ▼ typing animation ▼ == */
.js-texttyping {
  opacity: 0;
}

.js-texttyping.onView,
.js-border::before.onView {
  opacity: 1;
}

.js-texttyping span,
.js-border::before {
  opacity: 0;
}

.js-texttyping span.js-typing_on {
  -webkit-animation: text_anime_on 1s ease-out forwards;
          animation: text_anime_on 1s ease-out forwards;
}

@-webkit-keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*===================== ▲ typing animation ▲ == */
/*===================== ▼ border animation ▼ == */
@-webkit-keyframes border_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes border_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.js-border::before.onView {
  -webkit-animation: border_anime_on 1s ease-out forwards;
          animation: border_anime_on 1s ease-out forwards;
}

/*===================== ▲ border animation ▲ == */
/*===================== ▼ rotate animation ▼ == */
@-webkit-keyframes rotate_anime_on {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_anime_on {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.js-rotate {
  -webkit-animation: 9s linear infinite rotate_anime_on;
          animation: 9s linear infinite rotate_anime_on;
}

/*===================== ▲ rotate animation ▲ == */
.js-text-fade {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.js-text-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%);
}

.text-fade__wrapper {
  overflow: hidden;
}

/*===================== ▼ 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));
  }
}

body {
  width: 100%;
}

.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 a,
.main-container__landing-page picture {
  display: block;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .hidden-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .main-container__landing-page .hidden-mobile {
    display: none !important;
  }
}

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

Title : _main.css
For   : FURFUR 2022 SUMMER COLLECTION

Created       : 2022-04-18
Last Modified : 2022-04-18


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

Content

    main

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            main
============================================================================================== */
.main-container__landing-page {
  margin: 0 auto;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-family: var(--font-primary);
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-common);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page {
    margin: 195px 0 395.5px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page {
    margin: 7.4rem 0 29.4rem;
  }
}

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

Title : _credit.css
For   : FURFUR 2022 SUMMER COLLECTION

Created       : 2022-04-18
Last Modified : 2022-04-18

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

Compornent

    credit

//////////////////////////////////////////////////*/
/* ==============================================================================================
										credit
============================================================================================== */
.main-container__landing-page .content__credit {
  -webkit-margin-before: var(--margin, 1rem);
          margin-block-start: var(--margin, 1rem);
  text-align: center;
  font-size: var(--font-size, 1.4rem);
}

.main-container__landing-page .content__credit li {
  display: inline-block;
  -webkit-margin-before: var(--margin, 1.5rem);
          margin-block-start: var(--margin, 1.5rem);
}

/* ==============================================================================================
										for desktop
============================================================================================== */
@media screen and (min-width: 768px) {
  .main-container__landing-page .content__credit {
    --margin: 15px;
    --font-size: 13px;
    letter-spacing: 0.01em;
  }
  .main-container__landing-page .content__credit li {
    --margin: 10px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .content__credit {
    letter-spacing: 0.04em;
  }
}

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

Title : _content.css
For   : FURFUR 2022 SUMMER COLLECTION

Created       : 2022-04-18
Last Modified : 2022-04-18


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

Content

    content

//////////////////////////////////////////////////*/
/* ==============================================================================================
									content
============================================================================================== */
.main-container__landing-page .content__wrapper {
  margin: 0 auto;
}

.main-container__landing-page .content__wrapper--sec02 {
  -webkit-margin-before: var(--margin, 10.5rem);
          margin-block-start: var(--margin, 10.5rem);
}

.main-container__landing-page .content__wrapper--sec03 {
  -webkit-margin-before: var(--margin, 10.5rem);
          margin-block-start: var(--margin, 10.5rem);
}

.main-container__landing-page .content__wrapper--sec04 {
  -webkit-margin-before: var(--margin, 10rem);
          margin-block-start: var(--margin, 10rem);
}

.main-container__landing-page .content__wrapper--sec05 {
  -webkit-margin-before: var(--margin, 10.5rem);
          margin-block-start: var(--margin, 10.5rem);
}

.main-container__landing-page .content__wrapper--sec06 {
  -webkit-margin-before: var(--margin, 17rem);
          margin-block-start: var(--margin, 17rem);
}

.main-container__landing-page .content__wrapper--sec07 {
  -webkit-margin-before: var(--margin, 10.5rem);
          margin-block-start: var(--margin, 10.5rem);
}

.main-container__landing-page .content__wrapper--sec08 {
  -webkit-margin-before: var(--margin, 15rem);
          margin-block-start: var(--margin, 15rem);
}

.main-container__landing-page .content__wrapper--sec09 {
  -webkit-margin-before: var(--margin, 8rem);
          margin-block-start: var(--margin, 8rem);
}

.main-container__landing-page .content__wrapper--sec10 {
  -webkit-margin-before: var(--margin, 7.5rem);
          margin-block-start: var(--margin, 7.5rem);
}

.main-container__landing-page .content__wrapper--sec11 {
  -webkit-margin-before: var(--margin, 13rem);
          margin-block-start: var(--margin, 13rem);
}

.main-container__landing-page .content__wrapper--sec12 {
  -webkit-margin-before: var(--margin, 7rem);
          margin-block-start: var(--margin, 7rem);
}

.main-container__landing-page .content__wrapper--sec13 {
  -webkit-margin-before: var(--margin, 18.5rem);
          margin-block-start: var(--margin, 18.5rem);
}

.main-container__landing-page .content__wrapper--sec14 {
  -webkit-margin-before: var(--margin, 7.5rem);
          margin-block-start: var(--margin, 7.5rem);
}

.main-container__landing-page .content__wrapper--sec15 {
  -webkit-margin-before: var(--margin, 14rem);
          margin-block-start: var(--margin, 14rem);
}

.main-container__landing-page .content__wrapper--sec16 {
  -webkit-margin-before: var(--margin, 11rem);
          margin-block-start: var(--margin, 11rem);
}

.main-container__landing-page .content__wrapper--sec17 {
  -webkit-margin-before: var(--margin, 8rem);
          margin-block-start: var(--margin, 8rem);
}

.main-container__landing-page .content__wrapper--sec18 {
  -webkit-margin-before: var(--margin, 23rem);
          margin-block-start: var(--margin, 23rem);
}

.main-container__landing-page .content__wrapper--sec19 {
  -webkit-margin-before: var(--margin, 28.5rem);
          margin-block-start: var(--margin, 28.5rem);
}

.main-container__landing-page .content__wrapper--sec19 .swiper-pagination {
  position: relative;
  bottom: 0;
  left: 0;
  margin-bottom: var(--margin, 5.5rem);
}

.main-container__landing-page .content__wrapper--sec19 .swiper-pagination-bullet {
  width: var(--width, 1.2rem);
  height: var(--height, 1.2rem);
  margin: 0 var(--margin, 0.5rem);
  background-color: #fff;
  border: 1px solid #A8B6C0;
  opacity: 1;
}

.main-container__landing-page .content__wrapper--sec19 .swiper-pagination-bullet-active {
  background-color: #A8B6C0;
}

.main-container__landing-page .content__wrapper--sec19 .slick-dots {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}

.main-container__landing-page .content__wrapper--sec19 .slick-dots li button {
  background-color: #fff;
  border: 1px solid #A8B6C0;
  width: var(--width, 1.2rem);
  height: var(--height, 1.2rem);
  border-radius: 100vh;
}

.main-container__landing-page .content__wrapper--sec19 .slick-dots li.slick-active button {
  background-color: #A8B6C0;
  border: none;
}

.main-container__landing-page .content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}

.main-container__landing-page .content__unit {
  margin: 0 auto;
}

.main-container__landing-page .content__unit--sec02-01 {
  width: var(--width, 22rem);
}

.main-container__landing-page .content__unit--sec02-02 {
  -webkit-margin-before: var(--margin, 9.5rem);
          margin-block-start: var(--margin, 9.5rem);
}

.main-container__landing-page .content__unit--sec05-02 {
  -webkit-margin-before: var(--margin, 15.5rem);
          margin-block-start: var(--margin, 15.5rem);
  width: var(--width, 20rem);
}

.main-container__landing-page .content__unit--sec11-01 {
  width: var(--width, 16rem);
}

.main-container__landing-page .content__unit--sec11-02 {
  -webkit-margin-before: var(--margin, 12rem);
          margin-block-start: var(--margin, 12rem);
}

.main-container__landing-page .content__unit--sec15-01 {
  width: var(--width, 23rem);
}

.main-container__landing-page .content__unit--sec15-02 {
  -webkit-margin-before: var(--margin, 10.5rem);
          margin-block-start: var(--margin, 10.5rem);
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .content__wrapper {
    max-width: 1280PX;
  }
  .main-container__landing-page .content__wrapper--sec02 {
    --margin: 170px;
  }
  .main-container__landing-page .content__wrapper--sec03 {
    --margin: 260px;
  }
  .main-container__landing-page .content__wrapper--sec04 {
    --margin: 260px;
  }
  .main-container__landing-page .content__wrapper--sec05 {
    --margin: 260px;
  }
  .main-container__landing-page .content__wrapper--sec06 {
    width: 585px;
    --margin: 220px;
  }
  .main-container__landing-page .content__wrapper--sec07 {
    width: 520px;
    --margin: 265px;
  }
  .main-container__landing-page .content__wrapper--sec08 {
    width: 585px;
    --margin: 300px;
  }
  .main-container__landing-page .content__wrapper--sec09 {
    width: 585px;
    --margin: 265px;
  }
  .main-container__landing-page .content__wrapper--sec10 {
    width: 585px;
    --margin: 265px;
  }
  .main-container__landing-page .content__wrapper--sec11 {
    max-width: 950px;
    --margin: 175px;
  }
  .main-container__landing-page .content__wrapper--sec12 {
    width: 585px;
    --margin: 260px;
  }
  .main-container__landing-page .content__wrapper--sec13 {
    --margin: 260px;
  }
  .main-container__landing-page .content__wrapper--sec13 .content__credit {
    width: 50%;
  }
  .main-container__landing-page .content__wrapper--sec14 {
    width: 585px;
    --margin: 265px;
  }
  .main-container__landing-page .content__wrapper--sec15 {
    max-width: 950px;
    --margin: 185px;
  }
  .main-container__landing-page .content__wrapper--sec16 {
    width: 585px;
    --margin: 265px;
  }
  .main-container__landing-page .content__wrapper--sec17 {
    width: 585px;
    --margin: 265px;
  }
  .main-container__landing-page .content__wrapper--sec18 {
    width: 585px;
    --margin: 260px;
  }
  .main-container__landing-page .content__wrapper--sec19 {
    width: 770px;
    --margin: 485px;
  }
  .main-container__landing-page .content__wrapper--sec19 .swiper-container.__credit .swiper-slide {
    height: 30px !important;
  }
  .main-container__landing-page .content__wrapper--sec19 .swiper-pagination {
    --margin: 80px;
  }
  .main-container__landing-page .content__wrapper--sec19 .swiper-pagination-bullet {
    --margin: 7px;
    --width: 11px;
    --height: 11px;
  }
  .main-container__landing-page .content__wrapper--sec19 .slick-dots {
    top: 0;
  }
  .main-container__landing-page .content__wrapper--sec19 .slick-wrapper {
    padding-top: 80px;
  }
  .main-container__landing-page .content__unit--sec02-01 {
    --width: 270px;
  }
  .main-container__landing-page .content__unit--sec02-02 {
    --margin: 120px;
    width: 585px;
  }
  .main-container__landing-page .content__unit--sec05-01 {
    width: 770px;
  }
  .main-container__landing-page .content__unit--sec05-02 {
    --margin: 230px;
    width: 275px;
  }
  .main-container__landing-page .content__unit--sec11-01 {
    --width: 150px;
  }
  .main-container__landing-page .content__unit--sec11-02 {
    --margin: 180px;
  }
  .main-container__landing-page .content__unit--sec15-01 {
    --width: 245px;
    padding-left: 50px;
  }
  .main-container__landing-page .content__unit--sec15-02 {
    --margin: 160px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .content__wrapper--sec01, .main-container__landing-page .content__wrapper--sec03, .main-container__landing-page .content__wrapper--sec04, .main-container__landing-page .content__wrapper--sec08, .main-container__landing-page .content__wrapper--sec09, .main-container__landing-page .content__wrapper--sec10, .main-container__landing-page .content__wrapper--sec12, .main-container__landing-page .content__wrapper--sec13, .main-container__landing-page .content__wrapper--sec14, .main-container__landing-page .content__wrapper--sec16, .main-container__landing-page .content__wrapper--sec17 {
    -webkit-padding-start: 4.5rem;
            padding-inline-start: 4.5rem;
    -webkit-padding-end: 4.5rem;
            padding-inline-end: 4.5rem;
  }
  .main-container__landing-page .content__wrapper--sec03 .content__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-container__landing-page .content__wrapper--sec06 .content__inner {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
  }
  .main-container__landing-page .content__wrapper--sec07 {
    -webkit-padding-start: 11.5rem;
            padding-inline-start: 11.5rem;
    -webkit-padding-end: 11.5rem;
            padding-inline-end: 11.5rem;
  }
  .main-container__landing-page .content__wrapper--sec19 .content__inner {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
  }
  .main-container__landing-page .content__wrapper--sec19 .slick-dots {
    top: 0;
  }
  .main-container__landing-page .content__wrapper--sec19 .slick-dots li {
    margin: 0 3px 0;
  }
  .main-container__landing-page .content__wrapper--sec19 .slick-wrapper {
    padding-top: 3.5rem;
  }
  .main-container__landing-page .content__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .main-container__landing-page .content__unit--sec01-01 {
    -webkit-margin-before: 4.5rem;
            margin-block-start: 4.5rem;
  }
  .main-container__landing-page .content__unit--sec11-01 {
    -webkit-padding-start: 1rem;
            padding-inline-start: 1rem;
  }
  .main-container__landing-page .content__unit--sec15-01 {
    -webkit-padding-start: 4rem;
            padding-inline-start: 4rem;
  }
}

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

Title : _firstview.css
For   : FURFUR 2022 SUMMER COLLECTION

Created       : 2022-04-18
Last Modified : 2022-04-19

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

Content

    firstview

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    firstview
============================================================================================== */
.main-container__landing-page .firstview {
  -webkit-margin-after: var(--margin, 4.5rem);
          margin-block-end: var(--margin, 4.5rem);
  position: relative;
}

.main-container__landing-page .firstview span {
  display: block;
  text-align: center;
}

.main-container__landing-page .firstview__lead {
  letter-spacing: 0.05em;
}

.main-container__landing-page .firstview__date {
  letter-spacing: 0.05em;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for desktop
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  .main-container__landing-page .firstview {
    --margin: 240px;
  }
  .main-container__landing-page .firstview__image {
    margin: 0 auto;
    max-width: 1280px;
  }
  .main-container__landing-page .firstview__title {
    margin: 0 auto;
    margin-top: 255px;
  }
  .main-container__landing-page .firstview__logo {
    margin: 0 auto;
    width: 425px;
  }
  .main-container__landing-page .firstview__lead {
    margin-top: 35px;
    font-size: 38px;
  }
  .main-container__landing-page .firstview__date {
    margin-top: 18px;
    font-size: 23px;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .firstview__title {
    margin: 0 auto;
    position: absolute;
    bottom: 11.5rem;
    left: 0;
    right: 0;
  }
  .main-container__landing-page .firstview__logo {
    margin: 0 auto;
    width: 29.2rem;
  }
  .main-container__landing-page .firstview__logo path {
    fill: #fff;
  }
  .main-container__landing-page .firstview__lead {
    margin-top: 2.8rem;
    font-size: 2.5rem;
    letter-spacing: 0.08em;
    color: #fff;
    font-weight: 600;
  }
  .main-container__landing-page .firstview__date {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
  }
}

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

Title : _foot.css
For   : FURFUR 2022 SUMMER COLLECTION

Created       : 2022-04-18
Last Modified : 2022-04-19

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

Content

    foot

//////////////////////////////////////////////////*/
/* ==============================================================================================
										foot
============================================================================================== */
.main-container__landing-page .footer {
  -webkit-margin-before: var(--margin, 23.5rem);
          margin-block-start: var(--margin, 23.5rem);
}

.main-container__landing-page .footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url(../img/staff_background.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.main-container__landing-page .footer__unit--01 {
  width: var(--width, 32.8rem);
}

.main-container__landing-page .footer__unit--02 {
  text-align: center;
}

.main-container__landing-page .footer__unit--02 span {
  display: block;
}

.main-container__landing-page .footer__unit--02 .text-fade__wrapper:first-child .text__upper {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.main-container__landing-page .footer__unit--02 .text__upper {
  -webkit-margin-before: var(--margin, 2rem);
          margin-block-start: var(--margin, 2rem);
  color: var(--color-light);
  font-size: var(--font-size, 0.9rem);
}

.main-container__landing-page .footer__unit--02 .text__lower {
  color: var(--color-dark);
  -webkit-margin-before: var(--margin, 1rem);
          margin-block-start: var(--margin, 1rem);
  font-size: var(--font-size, 1rem);
}

.main-container__landing-page .footer__credit {
  -webkit-margin-before: var(--margin, 3rem);
          margin-block-start: var(--margin, 3rem);
  font-size: var(--font-size, 1.2rem);
  line-height: 1.5;
}

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

.main-container__landing-page .footer__credit li:first-child {
  -webkit-padding-start: var(--padding, 2rem);
          padding-inline-start: var(--padding, 2rem);
  position: relative;
}

.main-container__landing-page .footer__credit li:first-child::before {
  content: "";
  display: block;
  margin: auto;
  background-image: url(../img/svg/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--width, 0.8rem);
  height: var(--height, 0.8rem);
}

.main-container__landing-page .footer__button {
  -webkit-margin-before: var(--margin, 25.8rem);
          margin-block-start: var(--margin, 25.8rem);
  text-align: center;
}

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

.main-container__landing-page .footer__button .button__image {
  margin: 0 auto;
  width: var(--width, 15.5rem);
}

.main-container__landing-page .footer__button .button__text {
  -webkit-margin-before: var(--margin, 2.3rem);
          margin-block-start: var(--margin, 2.3rem);
  font-size: var(--font-size, 1.4rem);
  font-weight: 600;
}

/* ==============================================================================================
										for desktop
============================================================================================== */
@media screen and (min-width: 768px) {
  .main-container__landing-page .footer {
    --margin: 405px;
  }
  .main-container__landing-page .footer__inner {
    max-width: 630px;
    margin: 0 auto;
    padding: 34px 62px 30px 36.5px;
  }
  .main-container__landing-page .footer__unit--01 {
    --width: 275.5px;
  }
  .main-container__landing-page .footer__unit--02 {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
  .main-container__landing-page .footer__unit--02 .text__upper {
    --margin: 18px;
    --font-size: 8px;
  }
  .main-container__landing-page .footer__unit--02 .text__lower {
    --margin: 2px;
    --font-size: 10px;
    line-height: 1.7;
  }
  .main-container__landing-page .footer__credit {
    --margin: 35px;
    --font-size: 11px;
  }
  .main-container__landing-page .footer__credit li:first-child {
    --padding: 15px;
  }
  .main-container__landing-page .footer__credit li:first-child::before {
    --width: 7px;
    --height: 7px;
  }
  .main-container__landing-page .footer__button {
    --margin: 365px;
  }
  .main-container__landing-page .footer__button .button__image {
    --width: 175px;
    padding-right: 10px;
  }
  .main-container__landing-page .footer__button .button__text {
    --margin: 15px;
    --font-size: 17px;
    letter-spacing: 0.03em;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .footer__inner {
    padding: 4.1rem 7.5rem 5rem 4.4rem;
  }
  .main-container__landing-page .footer__unit--02 {
    -webkit-margin-before: 2rem;
            margin-block-start: 2rem;
  }
  .main-container__landing-page .footer__unit--02 .text__lower {
    line-height: 1.5;
  }
  .main-container__landing-page .footer__button .button__image {
    -webkit-padding-end: 1.5rem;
            padding-inline-end: 1.5rem;
  }
  .main-container__landing-page .footer__button .button__text {
    letter-spacing: 0.08em;
  }
}
/*# sourceMappingURL=layout.css.map */