@charset "UTF-8";
@-webkit-keyframes infinity-scroll-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  75% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  75% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes infinity-scroll-right {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  25% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  75% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes infinity-scroll-right {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  25% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  75% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.js-fadeIn {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}

.js-fadeIn.active {
  position: relative;
  z-index: 3;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

html {
  font-size: 62.5%;
}

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

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

.header,
.bx-wrapper {
  background: inherit;
}

.main_inner {
  overflow: hidden;
}

.main-container img,
.main-container video {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 767px) {
  .main-container .sp_only {
    display: none;
  }
}

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

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

Title : _layout.css

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

layout

    layout

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            layout
============================================================================================== */
@media screen and (min-width: 767px) {
  .main-container {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 150px;
    font-size: 18px;
    font-family: shippori-mincho, sans-serif;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    background-size: 1280px;
    background-repeat: no-repeat;
    background-position: center -142px;
    background-color: #d5cac2;
  }
  .main-container a {
    display: inline-block;
  }
  .main-container img {
    width: 100%;
  }
  .main-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  @font-face {
    font-family: 'Caslon';
    src: url("../font/Caslon224Std-Book.otf") format("opentype");
  }
  @font-face {
    font-family: 'NewYork';
    src: url("../font/NewYork.otf") format("opentype");
  }
  @font-face {
    font-family: 'Helvetica';
    src: url("../font/Helvetica-01.ttf") format("truetype");
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                        for smart phone
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .main-container {
    width: 100%;
    margin: 0 auto;
    padding: 4vw 0 25.33333vw;
    font-size: 3.06667vw;
    font-family: shippori-mincho, sans-serif;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    background-color: #d5cac2;
  }
  .main-container a {
    display: inline-block;
  }
  .main-container img {
    width: 100%;
  }
  .main-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  @font-face {
    font-family: 'Caslon';
    src: url("../font/Caslon224Std-Book.otf") format("opentype");
  }
  @font-face {
    font-family: 'NewYork';
    src: url("../font/NewYork.otf") format("opentype");
  }
  @font-face {
    font-family: 'Helvetica';
    src: url("../font/Helvetica-01.ttf") format("truetype");
  }
}

.lazyload {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

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

Title : _firstview.css

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

Object

    firstview

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            firstview
============================================================================================== */
@media screen and (min-width: 767px) {
  .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 570px;
    margin: 0 auto;
    padding: 0 30px;
    font-family: 'Helvetica';
    letter-spacing: 0.025em;
  }
  .navigation__text {
    font-size: 0.55556em;
  }
  .navigation__logo {
    width: 55px;
  }
  .firstview {
    max-width: 570px;
    margin: 30px auto 0;
    line-height: 1;
    text-align: center;
  }
  .firstview__title {
    padding-bottom: 20px;
    font-size: 2.47em;
    font-family: 'NewYork';
  }
  .firstview__lead {
    font-size: 0.9333333333em;
  }
  .firstview__img {
    margin: 30px auto 0;
  }
  .firstview__logo {
    max-width: 370px;
    margin: 70px auto 0;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                        for smart phone
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    padding: 0 6.66667vw;
    font-family: 'Helvetica';
    letter-spacing: 0.025em;
  }
  .navigation__text {
    font-size: 1.86667vw;
  }
  .navigation__logo {
    width: 10.4vw;
  }
  .firstview {
    max-width: 100％;
    margin: 5.33333vw auto 0;
    line-height: 1;
    text-align: center;
  }
  .firstview__title {
    padding-bottom: 3.73333vw;
    font-size: 8.468vw;
    font-family: 'NewYork';
  }
  .firstview__lead {
    font-size: 3.2vw;
  }
  .firstview__img {
    margin: 6vw auto 0;
  }
  .firstview__logo {
    width: 63.46667vw;
    margin: 8vw auto 0;
  }
}

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

Title : _interview.css

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

Object

    interview

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            interview
============================================================================================== */
@media screen and (min-width: 767px) {
  .content-wrapper--interview {
    margin-top: 130px;
  }
  .content-wrapper--interview .interview-text {
    font-size: 1.3888888889em;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
  }
  .content-wrapper--interview .arrow-unit {
    margin-top: 15px;
  }
  .content-wrapper--interview .interview-unit {
    max-width: 585px;
    padding-bottom: 210px;
    margin: 40px auto 0;
    position: relative;
    overflow: hidden;
  }
  .content-wrapper--interview .interview-unit:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 420px;
    background: #e8e0d9;
    border-radius: 50%;
    z-index: 1;
  }
  .content-wrapper--interview .interview-unit__inner {
    background-color: #e8e0d9;
  }
  .content-wrapper--interview .interview-unit .slide-unit {
    font-size: 3.27778em;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-wrapper--interview .interview-unit .slide-unit--LtoR ul {
    -webkit-animation: infinity-scroll-left 100s infinite linear 0.5s both;
            animation: infinity-scroll-left 100s infinite linear 0.5s both;
  }
  .content-wrapper--interview .interview-unit .slide-unit--RtoL ul {
    -webkit-animation: infinity-scroll-right 100s infinite linear 0.5s both;
            animation: infinity-scroll-right 100s infinite linear 0.5s both;
  }
  .content-wrapper--interview .interview-unit .slide-unit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-wrapper--interview .interview-unit__lead {
    margin-top: 130px;
    font-size: 1em;
    line-height: 2.3616666667;
    letter-spacing: 0.06em;
    text-align: center;
  }
  .content-wrapper--interview .interview-unit__decolation {
    max-width: 18px;
    margin: 70px auto 0;
    -webkit-animation: 3s linear infinite rotation;
            animation: 3s linear infinite rotation;
  }
  .content-wrapper--interview .interview-unit__title {
    margin-top: 105px;
    text-align: center;
    line-height: 1;
  }
  .content-wrapper--interview .interview-unit__title span {
    display: block;
  }
  .content-wrapper--interview .interview-unit__title--num {
    font-size: 1.3911111111em;
    letter-spacing: 0.08em;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
  }
  .content-wrapper--interview .interview-unit__title--name {
    padding-top: 15px;
    font-size: 1.39em;
  }
  .content-wrapper--interview .interview-unit__img {
    max-width: 324px;
    margin: 50px auto 0;
  }
  .content-wrapper--interview .interview-unit__block {
    padding: 0 40px;
  }
  .content-wrapper--interview .interview-unit__block .block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.3027777778em;
    line-height: 1;
    padding-left: 8px;
  }
  .content-wrapper--interview .interview-unit__block .block-title--num {
    display: block;
    padding-right: 26px;
    font-size: 3.3683333333em;
    font-family: 'NewYork';
  }
  .content-wrapper--interview .interview-unit__block .block-explanation {
    margin-top: 50px;
    font-size: 1.2594444444em;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .content-wrapper--interview .interview-unit__block .block-text {
    padding-top: 50px;
    font-size: 1em;
    line-height: 2.2222222222;
  }
  .content-wrapper--interview .interview-unit__block .block-button {
    padding-left: 330px;
    position: relative;
    font-family: 'Caslon';
  }
  .content-wrapper--interview .interview-unit__block .block-button a {
    width: 175px;
    padding: 12px 0 10px;
    font-size: 1.0422222222em;
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
  }
  .content-wrapper--interview .interview-unit__block .block-button.js-extend::before {
    opacity: 0;
    content: "";
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #333;
  }
  .content-wrapper--interview .interview-unit__block .block-button.js-extend.active::before {
    opacity: 1;
    width: 325px;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .content-wrapper--interview .interview-unit__block--theme {
    margin-top: 140px;
    padding: 0 40px;
  }
  .content-wrapper--interview .interview-unit__block--look {
    margin-top: 100px;
  }
  .content-wrapper--interview .interview-unit__block--look .block-title--num {
    padding-right: 18px;
  }
  .content-wrapper--interview .interview-unit__block--look .block-explanation {
    font-size: 1em;
    letter-spacing: 0.08em;
  }
  .content-wrapper--interview .interview-unit__block--look .block-look:not(:first-of-type) {
    margin-top: 50px;
  }
  .content-wrapper--interview .interview-unit__block--look .block-look .block-button {
    margin-top: 70px;
  }
  .content-wrapper--interview .interview-unit__block--plan {
    margin-top: 100px;
  }
  .content-wrapper--interview .interview-unit__block--plan .block-title--num {
    padding-right: 18px;
  }
  .content-wrapper--interview .interview-unit__block--introduction {
    margin-top: 100px;
    padding: 0 65px;
  }
  .content-wrapper--interview .interview-unit__block--introduction .block-text {
    padding-top: 0;
    font-size: 0.8688888889em;
  }
  .content-wrapper--interview .interview-unit__block--instagram {
    margin-top: 57px;
    padding-bottom: 55px;
    position: relative;
    z-index: 2;
  }
  .content-wrapper--interview .interview-unit__block--instagram .instagram-img {
    max-width: 28px;
    margin: 0 auto;
  }
  .content-wrapper--interview .interview-unit__block--instagram .instagram-text {
    max-width: 220px;
    margin: 8px auto 0;
    font-family: 'Caslon';
  }
  .content-wrapper--interview .interview-unit__block--instagram .instagram-text a {
    width: 220px;
    padding: 18px 0;
    font-size: 1.0422222222em;
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
  }
  .content-wrapper--interview .interview-unit .instagram-decolation {
    max-width: 18px;
    margin: 55px auto 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-animation: 3s linear infinite rotation;
            animation: 3s linear infinite rotation;
  }
  .staff-credit {
    margin-top: 80px;
    font-size: 0.9555555556em;
    font-family: 'NEWYork';
    line-height: 1.8823529412;
    letter-spacing: 0.065em;
    letter-spacing: normal;
    text-align: center;
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                        for smart phone
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .content-wrapper--interview {
    margin-top: 13.33333vw;
  }
  .content-wrapper--interview .interview-text {
    font-size: 3.784vw;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
  }
  .content-wrapper--interview .arrow-unit {
    margin-top: 4vw;
  }
  .content-wrapper--interview .interview-unit {
    width: 100%;
    padding-bottom: 35.73333vw;
    margin: 5.33333vw auto 0;
    position: relative;
    overflow: hidden;
  }
  .content-wrapper--interview .interview-unit:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 71.46667vw;
    background: #e8e0d9;
    border-radius: 50%;
    z-index: 1;
  }
  .content-wrapper--interview .interview-unit__inner {
    background-color: #e8e0d9;
  }
  .content-wrapper--interview .interview-unit .slide-unit {
    font-size: 10.104vw;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-wrapper--interview .interview-unit .slide-unit--LtoR ul {
    -webkit-animation: infinity-scroll-left 100s infinite linear 0.5s both;
            animation: infinity-scroll-left 100s infinite linear 0.5s both;
  }
  .content-wrapper--interview .interview-unit .slide-unit--RtoL ul {
    -webkit-animation: infinity-scroll-right 100s infinite linear 0.5s both;
            animation: infinity-scroll-right 100s infinite linear 0.5s both;
  }
  .content-wrapper--interview .interview-unit .slide-unit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-wrapper--interview .interview-unit__lead {
    margin-top: 11.33333vw;
    font-size: 3.06667vw;
    line-height: 2.09261;
    letter-spacing: 0.06em;
    text-align: center;
  }
  .content-wrapper--interview .interview-unit__decolation {
    max-width: 3.2vw;
    margin: 8vw auto 0;
    -webkit-animation: 3s linear infinite rotation;
            animation: 3s linear infinite rotation;
  }
  .content-wrapper--interview .interview-unit__title {
    margin-top: 8.66667vw;
    text-align: center;
    line-height: 1;
  }
  .content-wrapper--interview .interview-unit__title span {
    display: block;
  }
  .content-wrapper--interview .interview-unit__title--num {
    font-size: 4.26667vw;
    letter-spacing: 0.08em;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
  }
  .content-wrapper--interview .interview-unit__title--name {
    padding-top: 2.66667vw;
    font-size: 4.26667vw;
  }
  .content-wrapper--interview .interview-unit__img {
    max-width: 54.13333vw;
    margin: 7.33333vw auto 0;
  }
  .content-wrapper--interview .interview-unit__block {
    padding: 0 6.66667vw;
  }
  .content-wrapper--interview .interview-unit__block .block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 4vw;
    line-height: 1;
    padding-left: 1.33333vw;
  }
  .content-wrapper--interview .interview-unit__block .block-title--num {
    display: block;
    padding-right: 4vw;
    font-size: 10.34vw;
    font-family: 'NewYork';
  }
  .content-wrapper--interview .interview-unit__block .block-explanation {
    margin-top: 8vw;
    font-size: 3.86667vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .content-wrapper--interview .interview-unit__block .block-text {
    padding-top: 8vw;
    font-size: 2.93333vw;
    line-height: 2.22304;
  }
  .content-wrapper--interview .interview-unit__block .block-button {
    padding-left: 57.33333vw;
    position: relative;
    font-family: 'Caslon';
  }
  .content-wrapper--interview .interview-unit__block .block-button a {
    width: 30vw;
    padding: 1.86667vw 0 1.33333vw;
    font-size: 3.2vw;
    border: 1px solid #333;
    border-radius: 100vh;
    text-align: center;
  }
  .content-wrapper--interview .interview-unit__block .block-button.js-extend::before {
    opacity: 0;
    content: "";
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #333;
  }
  .content-wrapper--interview .interview-unit__block .block-button.js-extend.active::before {
    opacity: 1;
    width: 55.33333vw;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .content-wrapper--interview .interview-unit__block--theme {
    margin-top: 13.33333vw;
    padding: 0 6.66667vw;
  }
  .content-wrapper--interview .interview-unit__block--look {
    margin-top: 16vw;
  }
  .content-wrapper--interview .interview-unit__block--look .block-explanation {
    font-size: 3.86667vw;
    letter-spacing: 0.02em;
  }
  .content-wrapper--interview .interview-unit__block--look .block-look:not(:first-of-type) {
    margin-top: 8vw;
  }
  .content-wrapper--interview .interview-unit__block--look .block-look .block-button {
    margin-top: 10.66667vw;
  }
  .content-wrapper--interview .interview-unit__block--plan {
    margin-top: 16vw;
  }
  .content-wrapper--interview .interview-unit__block--introduction {
    margin-top: 18vw;
    padding: 0 10.66667vw;
  }
  .content-wrapper--interview .interview-unit__block--introduction .block-text {
    padding-top: 0;
    font-size: 0.8688888889em;
  }
  .content-wrapper--interview .interview-unit__block--instagram {
    margin-top: 10vw;
    padding-bottom: 10vw;
    position: relative;
    z-index: 2;
  }
  .content-wrapper--interview .interview-unit__block--instagram .instagram-img {
    width: 4.66667vw;
    margin: 0 auto;
  }
  .content-wrapper--interview .interview-unit__block--instagram .instagram-text {
    width: 33.33333vw;
    margin: 2.66667vw auto 0;
    font-family: 'Caslon';
  }
  .content-wrapper--interview .interview-unit__block--instagram .instagram-text a {
    width: 33.33333vw;
    padding: 2.66667vw 0;
    font-size: 3.2vw;
    border: 1px solid #333;
    border-radius: 100vh;
    text-align: center;
  }
  .content-wrapper--interview .interview-unit .instagram-decolation {
    width: 3.2vw;
    margin: 10vw auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-animation: 3s linear infinite rotation;
            animation: 3s linear infinite rotation;
  }
  .staff-credit {
    margin-top: 16vw;
    font-size: 2.93333vw;
    font-family: 'NEWYork';
    line-height: 1.88636;
    letter-spacing: 0.065em;
    letter-spacing: normal;
    text-align: center;
  }
}

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

Title : _contents.css

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

Object

    contents

//////////////////////////////////////////////////*/
/* ==============================================================================================
                                            contents
============================================================================================== */
@media screen and (min-width: 767px) {
  .content-wrapper .content-unit__credit {
    font-family: 'Caslon';
    text-align: center;
    font-size: 0.7777777778em;
  }
  .content-wrapper .content-unit__credit span {
    display: inline-block;
    margin-top: 10px;
  }
  .content-wrapper .content-unit__img {
    margin: 0 auto;
    z-index: 3;
    position: relative;
  }
  .content-wrapper--catch {
    margin-top: 78px;
  }
  .content-wrapper--catch .content-unit .pararax {
    height: 59.6875vw;
    position: relative;
    overflow: hidden;
  }
  .content-wrapper--catch .content-unit .pararax__inner {
    padding-bottom: 59.6875vw;
  }
  .content-wrapper--catch .content-unit__img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, auto, auto, 0);
  }
  .content-wrapper--catch .content-unit__img img {
    height: 59.6875vw;
    top: 25%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    position: fixed;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
  }
  .content-wrapper--catch .content-unit__decolation {
    width: 18px;
    margin: 80px auto 0;
    -webkit-animation: 3s linear infinite rotation;
            animation: 3s linear infinite rotation;
  }
  .content-wrapper--catch .content-unit__text {
    padding-top: 22px;
    font-size: 1.2222222222em;
    font-family: "NewYork";
    text-align: center;
  }
  .content-wrapper--look01 {
    margin-top: 65px;
  }
  .content-wrapper--look01 .content-unit__img {
    max-width: 632px;
  }
  .content-wrapper--look01 .content-unit__img--02 {
    margin-top: 22px;
  }
  .content-wrapper--look01 .content-unit__credit {
    margin-top: 40px;
  }
  .content-wrapper--look02 {
    margin-top: 65px;
  }
  .content-wrapper--look02 .content-unit {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
  }
  .content-wrapper--look02 .content-unit__img--01 {
    max-width: 805px;
  }
  .content-wrapper--look02 .content-unit__credit {
    margin-top: 40px;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper {
    position: relative;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01 {
    width: 53.8rem;
    margin-top: 12rem;
    margin-left: 51.2rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01 .staff-unit {
    top: 35.7rem;
    right: 0;
    z-index: 2;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01 .staff-unit ul li img {
    width: 375px;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01::before {
    display: block;
    width: 56.3rem;
    height: 147.3rem;
    position: absolute;
    top: 0;
    right: -7.5rem;
    background-color: #c5b8b0;
    opacity: .6;
    content: "";
    z-index: 1;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01::after {
    display: block;
    width: 1000vw;
    height: 57rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #c5b8b0;
    opacity: .6;
    content: "";
    z-index: 1;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--02 {
    width: 40rem;
    margin-top: 7rem;
    margin-left: 24.8rem;
    padding-bottom: 9rem;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--02 .staff-unit {
    top: 22rem;
    left: 0;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--02 .staff-unit ul li img {
    width: 405px;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    position: absolute;
    z-index: 2;
    overflow: hidden;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: infinity-scroll-left 20s infinite linear 0.5s both;
            animation: infinity-scroll-left 20s infinite linear 0.5s both;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit li {
    width: auto;
    height: 100%;
    margin-left: 20px;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit .js-fadestop.active {
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .content-wrapper--look03 {
    margin-top: 195px;
  }
  .content-wrapper--look03 .content-unit__img--01 {
    max-width: 813px;
  }
  .content-wrapper--look03 .content-unit__img--01::before {
    display: block;
    width: 210px;
    height: 2085px;
    position: absolute;
    top: 0;
    left: 110px;
    background-color: #c5b8b0;
    opacity: .6;
    content: "";
    z-index: -1;
  }
  .content-wrapper--look03 .content-unit__img--02 {
    max-width: 500px;
    margin-top: 170px;
  }
  .content-wrapper--look03 .content-unit__img--03 {
    width: 100%;
    margin-top: 173px;
  }
  .content-wrapper--look03 .content-unit__text {
    font-size: 1em;
    margin-top: 40px;
    font-family: "NewYork";
    line-height: 1.5555555556;
    letter-spacing: 0.045em;
    text-align: center;
    position: relative;
    z-index: 3;
  }
  .content-wrapper--look03 .content-unit__credit {
    margin-top: 40px;
  }
  .content-wrapper--look03 .content-unit__credit:nth-of-type(2) {
    margin-top: 40px;
  }
  .arrow-unit {
    margin: 0 auto;
    max-width: 8px;
  }
  .arrow-unit .arrow {
    width: 8px;
    height: 8px;
  }
  .arrow-unit .arrow:not(:first-of-type) {
    margin-top: 3px;
  }
  .arrow-unit .arrow:nth-child(2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .arrow-unit .arrow:nth-child(3) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
  .button-wrapper {
    margin-top: 140px;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
  }
  .button-wrapper__text {
    font-size: 1.2161111111em;
    letter-spacing: 0;
    text-align: center;
  }
  .button-wrapper .arrow-unit {
    margin-top: 15px;
  }
  .button-wrapper .viewall-button {
    position: relative;
    max-width: 340px;
    margin: 25px auto 0;
  }
  .button-wrapper .viewall-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;
    max-width: 340px;
    height: 72px;
    position: relative;
    font-size: 1.57em;
    font-family: "NewYork";
    letter-spacing: 0.08em;
    text-align: center;
    border: 1px solid #333;
    border-radius: 50px;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .button-wrapper .viewall-button a::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #333;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: none;
  }
  .button-wrapper .viewall-button.active a::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////
                                        for smart phone
////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  .content-wrapper .content-unit__credit {
    font-family: 'Caslon';
    text-align: center;
  }
  .content-wrapper .content-unit__credit span {
    margin-top: 2.66667vw;
    display: inline-block;
  }
  .content-wrapper .content-unit__img {
    margin: 0 auto;
    z-index: 3;
    position: relative;
  }
  .content-wrapper--catch {
    margin-top: 9.33333vw;
  }
  .content-wrapper--catch .content-unit .pararax {
    height: 82.13333vw;
    position: relative;
    overflow: hidden;
  }
  .content-wrapper--catch .content-unit .pararax__inner {
    padding-bottom: 82.13333vw;
  }
  .content-wrapper--catch .content-unit__img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, auto, auto, 0);
  }
  .content-wrapper--catch .content-unit__img img {
    height: 82.13333vw;
    top: 25%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    position: fixed;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
  }
  .content-wrapper--catch .content-unit__decolation {
    width: 3.06667vw;
    margin: 10.66667vw auto 0;
    -webkit-animation: 3s linear infinite rotation;
            animation: 3s linear infinite rotation;
  }
  .content-wrapper--catch .content-unit__text {
    padding-top: 2.93333vw;
    font-size: 3.784vw;
    font-family: "NewYork";
    text-align: center;
  }
  .content-wrapper--look01 {
    margin-top: 8.66667vw;
  }
  .content-wrapper--look01 .content-unit__img {
    width: 62.66667vw;
  }
  .content-wrapper--look01 .content-unit__img--02 {
    width: 88vw;
    margin-top: 22.66667vw;
  }
  .content-wrapper--look01 .content-unit__credit {
    margin-top: 5.33333vw;
  }
  .content-wrapper--look02 {
    margin-top: 22.66667vw;
  }
  .content-wrapper--look02 .content-unit {
    margin: 0 auto;
    position: relative;
  }
  .content-wrapper--look02 .content-unit__img--01 {
    width: 100%;
  }
  .content-wrapper--look02 .content-unit__credit {
    margin-top: 5.33333vw;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper {
    position: relative;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01 {
    width: 77.33333vw;
    margin-top: 18.66667vw;
    margin-left: 22.66667vw;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01 .staff-unit {
    top: 53.33333vw;
    right: 29.33333vw;
    z-index: 2;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01::before {
    display: block;
    width: 36vw;
    height: 197.33333vw;
    position: absolute;
    top: 0;
    right: 20.66667vw;
    background-color: #c5b8b0;
    opacity: .6;
    content: "";
    z-index: 1;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--01::after {
    display: block;
    width: 1000vw;
    height: 82vw;
    position: absolute;
    left: 50%;
    top: 46.4vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #c5b8b0;
    opacity: .6;
    content: "";
    z-index: 1;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--02 {
    width: 48vw;
    margin-top: 20vw;
    margin-left: 10.66667vw;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper--02 .staff-unit {
    top: 28vw;
    left: 34.66667vw;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    position: absolute;
    z-index: 2;
    overflow: hidden;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: infinity-scroll-left 20s infinite linear 0.5s both;
            animation: infinity-scroll-left 20s infinite linear 0.5s both;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit li {
    width: auto;
    height: 100%;
    margin-left: 2.66667vw;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit li img {
    width: 70.66667vw;
  }
  .content-wrapper--look02 .content-unit .staff-wrapper .staff-unit .js-fadestop.active {
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .content-wrapper--look03 {
    margin-top: 20.66667vw;
  }
  .content-wrapper--look03 .content-unit__img--01 {
    width: 100%;
  }
  .content-wrapper--look03 .content-unit__img--01::before {
    display: block;
    width: 36.26667vw;
    height: 256vw;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #c5b8b0;
    opacity: .6;
    content: "";
    z-index: -1;
  }
  .content-wrapper--look03 .content-unit__img--02 {
    width: 60vw;
    margin-top: 20.66667vw;
  }
  .content-wrapper--look03 .content-unit__img--03 {
    width: 100%;
    margin-top: 18.66667vw;
  }
  .content-wrapper--look03 .content-unit__text {
    margin-top: 5.33333vw;
    font-family: "NewYork";
    line-height: 1.597826087;
    letter-spacing: 0.045em;
    text-align: center;
    position: relative;
    z-index: 3;
  }
  .content-wrapper--look03 .content-unit__credit {
    margin-top: 5.33333vw;
  }
  .content-wrapper--look03 .content-unit__credit:nth-of-type(2) {
    margin-top: 5.33333vw;
  }
  .arrow-unit {
    margin: 0 auto;
    width: 1.46667vw;
  }
  .arrow-unit .arrow {
    width: 1.46667vw;
    height: 1.46667vw;
  }
  .arrow-unit .arrow:not(:first-of-type) {
    margin-top: 0.53333vw;
  }
  .arrow-unit .arrow:nth-child(2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .arrow-unit .arrow:nth-child(3) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
  .button-wrapper {
    margin-top: 13.33333vw;
    font-family: "NewYork";
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-align: center;
  }
  .button-wrapper__text {
    font-size: 3.784vw;
    letter-spacing: 0;
    text-align: center;
  }
  .button-wrapper .arrow-unit {
    margin-top: 4vw;
  }
  .button-wrapper .viewall-button {
    position: relative;
    max-width: 57.6vw;
    margin: 4vw auto 0;
  }
  .button-wrapper .viewall-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;
    max-width: 57.6vw;
    height: 11.46667vw;
    position: relative;
    font-size: 4.85333vw;
    font-family: "NewYork";
    letter-spacing: 0.08em;
    text-align: center;
    border: 1px solid #333;
    border-radius: 100vh;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .button-wrapper .viewall-button a::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #333;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: none;
  }
  .button-wrapper .viewall-button.active a::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
}
/*# sourceMappingURL=layout.css.map */