@charset "UTF-8";
.js-fade {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 0;
}

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

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

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

.js-fade-Scale {
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  opacity: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.js-fade-Scale.active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

/*===================== ▼ 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 ▲ == */
/*===================== ▼ circle animation ▼ == */
@-webkit-keyframes circle_anime_on {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes circle_anime_on {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.js-circle {
  -webkit-animation: circle_anime_on 20s linear infinite;
          animation: circle_anime_on 20s linear infinite;
}

/*===================== ▲ circle animation ▲ == */
:root {
  --color-common: #000000;
  --color-bg01: #EF5048;
  --color-bg02: #F1E8DF;
  --color-bg03: #F5D985;
  --color-bg04: #C6D8C7;
  --color-bg05: #FFCFBB;
  --color-bg06: #E74742;
  --color-circle01: #F5D985;
  --color-circle02: #F6BEC9;
  --color-circle03: #C6D8C7;
  --color-button01: #E58396;
  --color-button02: #FFCFBB;
  --color-text: #fff;
  --font-primary:'Roboto Slab', serif,sans-serif;
}

html {
  font-size: 62.5%;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  html {
    font-size: calc(10* (100vw / 1280)) !important;
  }
}

.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 .sp_component {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .main-container__landing-page .pc_component {
    display: none !important;
  }
  .main-container__landing-page .order_1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-container__landing-page .order_2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

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

Title : _layout.css
For   : miffy special collection vol.2

Created       : 2022-02-25
Last Modified : 2022-02-25

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

Content

    main

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

@media screen and (min-width: 768px) {
  .main-container__landing-page {
    font-size: 28px;
  }
  .main-container__landing-page .sp_compornent {
    display: none;
  }
}

main {
  max-width: 100%;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page {
    font-size: calc(42*(100vw/750));
  }
}

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

Title : _content.css
For   : miffy special collection vol.2

Created       : 2022-02-25
Last Modified : 2022-03-06

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

Content

    contents

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

.main-container__landing-page .content__wrapper--sec01 {
  background-color: var(--color-bg02);
}

.main-container__landing-page .content__wrapper--sec02 {
  background-color: var(--color-bg03);
}

.main-container__landing-page .content__wrapper--sec02 .content__color {
  text-align: center;
  color: #fff;
}

.main-container__landing-page .content__wrapper--sec03 {
  background-color: var(--color-bg04);
}

.main-container__landing-page .content__wrapper--sec03 .content__color {
  color: #fff;
}

.main-container__landing-page .content__wrapper--sec04 {
  background-color: var(--color-bg05);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__wrapper--sec01 {
    padding: 12.5rem 0 9.5rem;
  }
  .main-container__landing-page .content__wrapper--sec01 .content__inner {
    padding-right: 3.3rem;
  }
  .main-container__landing-page .content__wrapper--sec02 {
    padding: 4.5rem 0 6.5rem;
  }
  .main-container__landing-page .content__wrapper--sec02 .content__inner {
    padding-left: 19rem;
  }
  .main-container__landing-page .content__wrapper--sec02 .content__color {
    font-size: 0.53571em;
    margin-top: 2.5rem;
  }
  .main-container__landing-page .content__wrapper--sec03 {
    padding: 11rem 0 13.5rem;
  }
  .main-container__landing-page .content__wrapper--sec03 .content__inner {
    padding-left: 8rem;
  }
  .main-container__landing-page .content__wrapper--sec03 .content__color {
    font-size: 0.53571em;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: relative;
    top: 31.5rem;
    left: 0.8rem;
  }
  .main-container__landing-page .content__wrapper--sec04 {
    padding: 13.5rem 0 13rem;
  }
  .main-container__landing-page .content__wrapper--sec04 .content__inner {
    padding-right: 17rem;
    margin-left: -5.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.main-container__landing-page .content__block {
  position: relative;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__block {
    max-width: 1280px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.main-container__landing-page .content__circle {
  display: block;
  content: "";
  position: absolute;
  border-radius: 100vh;
  z-index: 2;
  pointer-events: none;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle {
    width: 16rem;
    height: 16rem;
  }
}

.main-container__landing-page .content__circle--sec01-1 {
  background-color: var(--color-circle01);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec01-1 {
    top: 9.6rem;
    left: 43.5rem;
  }
}

.main-container__landing-page .content__circle--sec01-3 {
  background-color: var(--color-circle02);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec01-3 {
    top: 44.5rem;
    right: 28rem;
  }
}

.main-container__landing-page .content__circle--sec02-1 {
  background-color: var(--color-circle03);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec02-1 {
    top: 0;
    right: 33rem;
  }
}

.main-container__landing-page .content__circle--sec02-2 {
  background-color: var(--color-circle02);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec02-2 {
    left: 29.5rem;
    bottom: 0;
  }
}

.main-container__landing-page .content__circle--sec03-1 {
  background-color: #F7BB92;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec03-1 {
    bottom: -6.5rem;
    left: 38rem;
  }
}

.main-container__landing-page .content__circle--sec03-2 {
  background-color: var(--color-circle01);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec03-2 {
    top: 0;
    left: 22rem;
  }
}

.main-container__landing-page .content__circle--sec04-1 {
  background-color: var(--color-circle03);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__circle--sec04-1 {
    top: 45.5rem;
    left: 59rem;
  }
}

.main-container__landing-page .content__unit {
  position: relative;
}

@media all and (-ms-high-contrast: none) {
  .main-container__landing-page .content__unit--sec01-1 {
    width: 48rem;
  }
  .main-container__landing-page .content__unit--sec01-2 {
    width: 40rem;
  }
  .main-container__landing-page .content__unit--sec01-3 {
    width: 36.2rem;
  }
  .main-container__landing-page .content__unit--sec02-1 {
    width: 36.5rem;
  }
  .main-container__landing-page .content__unit--sec02-2 {
    width: 34rem;
  }
  .main-container__landing-page .content__unit--sec03-1 {
    width: 43rem;
  }
  .main-container__landing-page .content__unit--sec03-2 {
    width: 45.5rem;
  }
  .main-container__landing-page .content__unit--sec04-1 {
    width: 69.5rem;
  }
  .main-container__landing-page .content__unit--sec04-2 {
    width: 36rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec01-1 {
    width: clamp(48rem, 37.5vw, 480px);
    margin: 0 auto 10rem;
  }
}

.main-container__landing-page .content__unit--sec01-2 .content__credit {
  color: #E58396;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec01-2 {
    width: clamp(40rem, 31.25vw, 400px);
  }
  .main-container__landing-page .content__unit--sec01-2 .content__credit {
    margin-top: 4.4rem;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__number {
    width: 7rem;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__title {
    margin-top: 1.5rem;
    white-space: nowrap;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__color {
    margin-top: 2.5rem;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec01-3 {
    width: clamp(36.2rem, 28.28125vw, 362px);
    margin-top: 14rem;
    margin-left: 14rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec02-1 {
    width: clamp(36.5rem, 28.51562vw, 365px);
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  .main-container__landing-page .content__unit--sec02-1 .content__color {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec02-2 {
    width: clamp(34rem, 26.5625vw, 340px);
    margin-left: 4.5rem;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec03-1 {
    width: clamp(43rem, 33.59375vw, 430px);
  }
}

.main-container__landing-page .content__unit--sec03-2 .content__decolation {
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec03-2 {
    width: clamp(45.5rem, 35.54688vw, 455px);
    margin-top: 11rem;
    margin-left: -2rem;
    padding-top: 10rem;
  }
}

.main-container__landing-page .content__unit--sec04-1 .content__credit {
  color: var(--color-button01);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec04-1 {
    width: clamp(69.5rem, 54.29688vw, 695px);
  }
  .main-container__landing-page .content__unit--sec04-1 .content__credit {
    margin-top: 5rem;
    margin-left: 17rem;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__number {
    width: 8rem;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__title {
    margin-top: 1.95rem;
    line-height: 1.2;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__color {
    display: inline-block;
    margin-top: 2rem;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__button {
    position: absolute;
    left: 52.5rem;
    bottom: 0;
  }
}

.main-container__landing-page .content__unit--sec04-2__button {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__unit--sec04-2 {
    width: clamp(36rem, 28.125vw, 360px);
    margin-top: 14rem;
    margin-left: 11rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__color {
    font-size: 0.5em;
  }
}

.main-container__landing-page .content__button {
  background-color: var(--color-button01);
  color: var(--color-text);
  border-radius: 1vh;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__button {
    max-width: 170px;
    max-height: 45px;
    width: 13.28125vw;
    height: 3.51562vw;
    font-size: 0.67857em;
  }
}

.main-container__landing-page .content__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .content__wrapper--sec01 {
    padding: 16.66667vw 0 19.33333vw;
  }
  .main-container__landing-page .content__wrapper--sec02 {
    padding: 8vw 0 15.33333vw;
  }
  .main-container__landing-page .content__wrapper--sec02 .content__color {
    font-size: 2.93333vw;
    position: absolute;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
  .main-container__landing-page .content__wrapper--sec03 {
    padding: 18.4vw 0 0;
  }
  .main-container__landing-page .content__wrapper--sec03 .content__innner {
    padding-left: 15.33333vw;
  }
  .main-container__landing-page .content__wrapper--sec03 .content__color {
    font-size: 2.93333vw;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    top: 53.33333vw;
    left: 0vw;
  }
  .main-container__landing-page .content__wrapper--sec04 {
    padding-bottom: 7.6vw;
  }
  .main-container__landing-page .content__circle {
    width: 21.33333vw;
    height: 21.33333vw;
  }
  .main-container__landing-page .content__circle--sec01-1 {
    top: 14vw;
    left: 56.66667vw;
  }
  .main-container__landing-page .content__circle--sec01-3 {
    top: 46.66667vw;
    left: 0;
  }
  .main-container__landing-page .content__circle--sec02-1 {
    top: 1.86667vw;
    right: 58vw;
  }
  .main-container__landing-page .content__circle--sec02-2 {
    left: 52vw;
    bottom: 0;
  }
  .main-container__landing-page .content__circle--sec03-1 {
    bottom: -12vw;
    left: 59.33333vw;
  }
  .main-container__landing-page .content__circle--sec03-2 {
    width: 23.33333vw;
    height: 23.33333vw;
    top: 32vw;
    left: 6.66667vw;
  }
  .main-container__landing-page .content__circle--sec04-2 {
    width: 23.33333vw;
    height: 23.33333vw;
    top: 78vw;
    right: 48vw;
    background-color: var(--color-circle03);
  }
  .main-container__landing-page .content__unit--sec01-1 {
    width: 64vw;
    margin: 0 auto 17.06667vw;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__image {
    width: 57.73333vw;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__credit {
    margin-top: 6.66667vw;
    margin-left: 6.93333vw;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__number {
    width: 14.66667vw;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__title {
    margin-top: 2.4vw;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__color {
    margin-top: 3.73333vw;
  }
  .main-container__landing-page .content__unit--sec01-2 .content__button {
    margin-top: 6.93333vw;
  }
  .main-container__landing-page .content__unit--sec01-3 {
    width: 70.66667vw;
    margin-top: 12vw;
    margin-left: 18.66667vw;
    padding-left: 15.33333vw;
  }
  .main-container__landing-page .content__unit--sec02-1 {
    width: 64.26667vw;
    margin-left: 19.6vw;
    padding-bottom: 30vw;
  }
  .main-container__landing-page .content__unit--sec02-1 .content__color {
    bottom: 61.33333vw;
    right: 68vw;
  }
  .main-container__landing-page .content__unit--sec02-2 {
    width: 60vw;
    margin: 0 auto;
    padding-bottom: 4.66667vw;
  }
  .main-container__landing-page .content__unit--sec02-2 .content__color {
    bottom: 36vw;
    right: 64.26667vw;
  }
  .main-container__landing-page .content__unit--sec03-1 {
    width: 68.66667vw;
    margin-left: 15.46667vw;
  }
  .main-container__landing-page .content__unit--sec03-2 .content {
    width: 77.33333vw;
    margin-top: 4.66667vw;
    margin-left: 18vw;
    padding-bottom: 10.66667vw;
  }
  .main-container__landing-page .content__unit--sec03-2 .content__decolation {
    padding-bottom: 49.06667vw;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__credit {
    margin-top: 6.66667vw;
    margin-left: 6.66667vw;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__number {
    width: 16vw;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__title {
    margin-top: 2.66667vw;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__color {
    margin-top: 4vw;
  }
  .main-container__landing-page .content__unit--sec04-1 .content__button {
    margin-top: 5.46667vw;
  }
  .main-container__landing-page .content__unit--sec04-2 {
    width: 70.93333vw;
    margin-top: 20vw;
    margin-left: 7.73333vw;
    padding-left: 13.6vw;
    padding-bottom: 15.73333vw;
  }
  .main-container__landing-page .content__color {
    font-size: 0.5em;
  }
  .main-container__landing-page .content__button {
    width: 34vw;
    height: 9.33333vw;
    font-size: 3.46667vw;
  }
}

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

Title : _decolation.css
For   : miffy special collection vol.2

Created       : 2022-02-25
Last Modified : 2022-02-25

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

decolation

    decolations

//////////////////////////////////////////////////*/
/* ==============================================================================================
									decolations
============================================================================================== */
.main-container__landing-page .content__decolation .decolation {
  position: absolute;
}

.main-container__landing-page .content__decolation .decolation::before {
  display: block;
  margin: auto;
  position: absolute;
  border-radius: 100vh;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-container__landing-page .content__decolation .decolation picture {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__01 {
    width: 37.5rem;
    padding: 2.5rem;
    top: -24.5rem;
    left: -18rem;
  }
}

.main-container__landing-page .content__decolation .decolation__01::before {
  background-color: var(--color-circle01);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__01::before {
    width: 37.5rem;
    height: 37.5rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__02 {
    width: 37.5rem;
    padding: 2.5rem;
    top: 47.5rem;
    right: -12.5rem;
  }
}

.main-container__landing-page .content__decolation .decolation__02::before {
  background-color: var(--color-circle02);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__02::before {
    width: 37.5rem;
    height: 37.5rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__03 {
    width: 11rem;
    top: 8.5rem;
    left: 17rem;
    z-index: 10;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__04 {
    width: 37.5rem;
    padding: 2.5rem;
    top: -17.5rem;
    left: -13.5rem;
  }
}

.main-container__landing-page .content__decolation .decolation__04::before {
  background-color: var(--color-circle02);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__04::before {
    width: 37.5rem;
    height: 37.5rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__05 {
    width: 29.5rem;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__06 {
    width: 29.5rem;
    top: 8.5rem;
    left: 6.8rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__07 {
    width: 29.5rem;
    top: 17.5rem;
    left: 15.5rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__08 {
    width: 20rem;
    top: 31rem;
    left: 16.5rem;
  }
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__09 {
    width: 37.5rem;
    padding: 2.5rem;
    top: -6.5rem;
    right: -9.5rem;
  }
}

.main-container__landing-page .content__decolation .decolation__09::before {
  background-color: var(--color-circle01);
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .content__decolation .decolation__09::before {
    width: 37.5rem;
    height: 37.5rem;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .content__decolation .decolation {
    z-index: 2;
  }
  .main-container__landing-page .content__decolation .decolation__01 {
    width: 50vw;
    padding: 3.33333vw;
    top: -27.33333vw;
    right: 72.66667vw;
  }
  .main-container__landing-page .content__decolation .decolation__01::before {
    width: 50vw;
    height: 50vw;
  }
  .main-container__landing-page .content__decolation .decolation__02 {
    width: 50vw;
    padding: 3.33333vw;
    top: 119.33333vw;
    right: -20.66667vw;
  }
  .main-container__landing-page .content__decolation .decolation__02::before {
    width: 50vw;
    height: 50vw;
  }
  .main-container__landing-page .content__decolation .decolation__03 {
    width: 70.66667vw;
    margin: 0 auto;
    top: 99.33333vw;
    left: 0;
    right: 0;
  }
  .main-container__landing-page .content__decolation .decolation__04 {
    width: 60.26667vw;
    padding: 3.33333vw;
    top: -26.93333vw;
    right: 77.33333vw;
  }
  .main-container__landing-page .content__decolation .decolation__04::before {
    width: 60.26667vw;
    height: 60.26667vw;
  }
  .main-container__landing-page .content__decolation .decolation__05 {
    width: 42.66667vw;
    top: -6.66667vw;
    left: 18vw;
  }
  .main-container__landing-page .content__decolation .decolation__06 {
    width: 42.66667vw;
    top: 5.33333vw;
    left: 28vw;
  }
  .main-container__landing-page .content__decolation .decolation__07 {
    width: 42.66667vw;
    top: 18vw;
    left: 40.66667vw;
  }
  .main-container__landing-page .content__decolation .decolation__08 {
    width: 32.66667vw;
    bottom: -0.66667vw;
    left: 33.33333vw;
  }
  .main-container__landing-page .content__decolation .decolation__09 {
    width: 50vw;
    padding: 3.33333vw;
    top: 104.66667vw;
    left: 60.66667vw;
  }
  .main-container__landing-page .content__decolation .decolation__09::before {
    width: 50vw;
    height: 50vw;
  }
}

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

Title : _firstview.css
For   : miffy special collection vol.2

Created       : 2022-02-25
Last Modified : 2022-02-25

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

Content

    first view

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                    first view
============================================================================================== */
.main-container__landing-page .firstview {
  background-color: var(--color-bg01);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .firstview {
    padding: 9rem 4rem 8rem 0;
  }
}

.main-container__landing-page .firstview__inner {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .firstview__inner {
    width: 90.5rem;
    padding: 0 4rem 0 8rem;
  }
}

.main-container__landing-page .firstview__inner::after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  background-image: url(../img/firstview__decolation_03.svg);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .firstview__inner::after {
    width: 22.4rem;
    height: 10.9rem;
    top: 6.95rem;
    right: -1.4rem;
  }
}

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

.main-container__landing-page .firstview__decolation .decolation {
  display: block;
  content: "";
  position: absolute;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .firstview__decolation .decolation__01 {
    width: 3rem;
    height: 25rem;
    top: 0;
    left: 0;
  }
  .main-container__landing-page .firstview__decolation .decolation__02 {
    width: 0.85rem;
    height: 8.5rem;
    right: 0;
    bottom: 11rem;
  }
}

.main-container__landing-page .firstview__title {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .firstview__title {
    width: 71.5rem;
    margin-top: -4rem;
    margin-left: 4rem;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .firstview {
    padding: 15.33333vw 4.66667vw 14.66667vw;
  }
  .main-container__landing-page .firstview__inner {
    padding-top: 13.33333vw;
  }
  .main-container__landing-page .firstview__inner::after {
    width: 29.33333vw;
    height: 14vw;
    top: 20vw;
    right: 6vw;
  }
  .main-container__landing-page .firstview__decolation .decolation__01 {
    width: 49.33333vw;
    top: 0;
    left: 2vw;
  }
  .main-container__landing-page .firstview__decolation .decolation__02 {
    width: 11.33333vw;
    top: 0;
    right: 2vw;
  }
  .main-container__landing-page .firstview__title {
    width: 84vw;
    margin-top: 7.33333vw;
    margin-left: 4vw;
  }
}

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

Title : _foot.css
For   : miffy special collection vol.2

Created       : 2022-02-25
Last Modified : 2022-02-25

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

Content

    foot

//////////////////////////////////////////////////*/
/* ==============================================================================================
										foot
============================================================================================== */
.main-container__landing-page .footer {
  background-color: var(--color-bg06);
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .footer {
    padding: 9rem 0 7.8rem;
  }
}

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

@media screen and (min-width: 768px) {
  .main-container__landing-page .footer__title {
    width: 425px;
  }
}

.main-container__landing-page .footer__button {
  background-color: var(--color-button02);
  color: var(--color-bg06);
  border-radius: 1vh;
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .main-container__landing-page .footer__button {
    margin-top: 3rem;
    width: 240px;
    height: 50px;
    font-size: 0.64286em;
  }
}

.main-container__landing-page .footer__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                    for mobile
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container__landing-page .footer {
    padding: 16vw 0 14.66667vw;
  }
  .main-container__landing-page .footer__title {
    width: 82.66667vw;
  }
  .main-container__landing-page .footer__button {
    margin-top: 5.33333vw;
    width: 46.66667vw;
    height: 10vw;
    font-size: 3.46667vw;
  }
}
/*# sourceMappingURL=layout.css.map */