@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);
@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  box-sizing: border-box; }

*, *::before, *::after {
  box-sizing: inherit; }

body {
  font-family: "Yu Gothic", "\6E38\30B4\30B7\30C3\30AF", YuGothic, "\6E38\30B4\30B7\30C3\30AF\4F53", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "\30E1\30A4\30EA\30AA", sans-serif; }

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

.invisible {
  visibility: hidden; }

.reset {
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important; }
  .reset * {
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important; }

@media screen and (max-width: 749px) {
  .reset * {
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important; }
  .reset::before, .reset::after {
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important; }
  .pc {
    display: none !important; } }

@media screen and (min-width: 750px) {
  .sp {
    display: none !important; } }

@-webkit-keyframes inOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes inOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes steps {
  0% {
    opacity: .5; }
  5% {
    opacity: 0; }
  10% {
    opacity: .8; }
  15% {
    opacity: 0; }
  25% {
    opacity: .5; }
  30% {
    opacity: 0; }
  45% {
    opacity: .8; }
  50% {
    opacity: 0; }
  60% {
    opacity: .1; }
  70% {
    opacity: 0; }
  80% {
    opacity: .1; }
  82.5% {
    opacity: 0; }
  85% {
    opacity: .5; }
  87.5% {
    opacity: 0; }
  90% {
    opacity: .8; }
  91% {
    opacity: 0; }
  92% {
    opacity: .8; }
  93% {
    opacity: 0; }
  94% {
    opacity: .8; }
  95% {
    opacity: 0; }
  96% {
    opacity: 1; }
  97% {
    opacity: 0; }
  98% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes steps {
  0% {
    opacity: .5; }
  5% {
    opacity: 0; }
  10% {
    opacity: .8; }
  15% {
    opacity: 0; }
  25% {
    opacity: .5; }
  30% {
    opacity: 0; }
  45% {
    opacity: .8; }
  50% {
    opacity: 0; }
  60% {
    opacity: .1; }
  70% {
    opacity: 0; }
  80% {
    opacity: .1; }
  82.5% {
    opacity: 0; }
  85% {
    opacity: .5; }
  87.5% {
    opacity: 0; }
  90% {
    opacity: .8; }
  91% {
    opacity: 0; }
  92% {
    opacity: .8; }
  93% {
    opacity: 0; }
  94% {
    opacity: .8; }
  95% {
    opacity: 0; }
  96% {
    opacity: 1; }
  97% {
    opacity: 0; }
  98% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

* {
  margin: 0;
  padding: 0; }

/*.header, .breadcrumb, .footer {
  display: none; }*/

@media screen and (max-width: 1280px) {

body #root img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block; }

  body #root main section.parallax-section {
    height: 23.4375vw !important; }
    body #root main section.parallax-section#parallax-section1 img {
      top: 5vw !important; } }

body #root {
  opacity: 0;
  width: 100%;
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body #root.loaded {
    opacity: 1; }
    body #root.loaded main section#top .keyv {
      opacity: 1; }
  body #root .anim.normal {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
    body #root .anim.normal.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  body #root main {
    width: 100%;
    overflow: hidden; }
    body #root main section {
      position: relative; }
      body #root main section.active h2, body #root main section.active .text {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
      body #root main section .gif img {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        transition: opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
        body #root main section .gif img.active {
          opacity: 1;
          z-index: 1; }
      body #root main section h2, body #root main section .text {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
                transform: translate3d(0, 50px, 0);
        transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
      body #root main section h2 {
        margin-bottom: 80px;
        font-size: 40px;
        font-size: 2.5rem;
        letter-spacing: 0.04em;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
        text-align: center; }
      body #root main section .text {
        font-size: 17px;
        font-size: 1.0625rem;
        letter-spacing: 0.03em;
        line-height: 2.35294;
        text-align: center; }
      body #root main section .section-inner {
        position: relative; }
      body #root main section#top {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        width: 100%;
        overflow: hidden; }
        body #root main section#top .keyv {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          overflow: hidden; }
          body #root main section#top .keyv div {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                    transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
                    transform: translate3d(-50%, -50%, 0) scale(1.1);
            transition: opacity 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 12s linear;
            transition: transform 12s linear, opacity 2.5s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: transform 12s linear, opacity 2.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 12s linear; }
            body #root main section#top .keyv div:nth-child(1) {
              background-image: url(./../img/top/keyv1.jpg); }
            body #root main section#top .keyv div:nth-child(2) {
              background-image: url(./../img/top/keyv2.jpg); }
            body #root main section#top .keyv div.active {
              opacity: 1;
              -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
                      transform: translate3d(-50%, -50%, 0) scale(1); }
        body #root main section#top h1 {
          position: relative;
          z-index: 10; }
          body #root main section#top h1 span {
            display: block; }
            body #root main section#top h1 span:nth-child(1) {
              margin: 0 auto 82px auto;
              width: 250px; }
            body #root main section#top h1 span:nth-child(2) {
              margin: 0 auto;
              width: 346.793px; }
      body #root main section#concept {
        padding: 100px 0 200px 0;
        background-color: #000;
        color: #fff; }
        body #root main section#concept.active .img {
          opacity: 1; }
        body #root main section#concept h2, body #root main section#concept p {
          position: relative;
          z-index: 1; }
        body #root main section#concept .img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                  transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
          width: 680px;
          opacity: 0;
          transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1); }
      body #root main section#how-to-order {
        padding: 100px 0; }
        body #root main section#how-to-order .text {
          margin-bottom: 50px; }
        body #root main section#how-to-order .how-to-order-wrapper {
          position: relative;
          margin-bottom: 100px;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          width: 100%; }
          body #root main section#how-to-order .how-to-order-wrapper.active .line::after {
            -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0); }
          body #root main section#how-to-order .how-to-order-wrapper.active .how-to-order {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
          body #root main section#how-to-order .how-to-order-wrapper .line {
            position: absolute;
            top: 0;
            width: 15px;
            overflow: hidden; }
            body #root main section#how-to-order .how-to-order-wrapper .line::after {
              position: absolute;
              content: '';
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              background-color: #fff; }
            body #root main section#how-to-order .how-to-order-wrapper .line.line1 {
              left: calc( 25% - 7.5px); }
              body #root main section#how-to-order .how-to-order-wrapper .line.line1::after {
                transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
                transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
                transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
            body #root main section#how-to-order .how-to-order-wrapper .line.line2 {
              left: calc( 50% - 7.5px); }
              body #root main section#how-to-order .how-to-order-wrapper .line.line2::after {
                transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
                transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
                transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
            body #root main section#how-to-order .how-to-order-wrapper .line.line3 {
              left: calc( 75% - 7.5px); }
              body #root main section#how-to-order .how-to-order-wrapper .line.line3::after {
                transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
                transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
                transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
          body #root main section#how-to-order .how-to-order-wrapper .how-to-order {
            width: 25%;
            text-align: center;
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
                    transform: translate3d(0, 50px, 0); }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order.how-to-order1 {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order.how-to-order2 {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order.how-to-order3 {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order.how-to-order4 {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order.how-to-order4 .how-to-order-text {
              margin-top: -32px; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order .how-to-order-title {
              margin-bottom: 20px;
              font-size: 15px;
              font-size: 0.9375rem;
              font-family: "Roboto Condensed", sans-serif;
              text-decoration: underline; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order .how-to-order-sub-title {
              font-size: 15px;
              font-size: 0.9375rem;
              font-weight: bold; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order .how-to-order-img {
              position: relative;
              height: 280px;
              width: 100%; }
              body #root main section#how-to-order .how-to-order-wrapper .how-to-order .how-to-order-img img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                width: 80%; }
            body #root main section#how-to-order .how-to-order-wrapper .how-to-order .how-to-order-text {
              font-size: 15px;
              font-size: 0.9375rem;
              line-height: 2.13333; }
        body #root main section#how-to-order .shop-list {
          position: relative;
          margin: 0 auto;
          height: 60px;
          width: 500px;
          background-color: #000; }
          body #root main section#how-to-order .shop-list:hover a {
            opacity: .5; }
          body #root main section#how-to-order .shop-list a {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 60px;
            color: #fff;
            text-align: center;
            transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
      body #root main section.about {
        padding: 100px 0; }
        body #root main section.about#about1 {
          background-color: #d4d9d9; }
        body #root main section.about .text {
          margin-bottom: 100px; }
        body #root main section.about .about-wrapper {
          margin: 0 auto;
          width: 965px; }
          body #root main section.about .about-wrapper .about {
            margin-bottom: 145px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%; }
            body #root main section.about .about-wrapper .about:last-child {
              margin-bottom: 0; }
            body #root main section.about .about-wrapper .about:nth-child(2n) .content {
              justify-content: flex-start;
              text-align: left; }
              body #root main section.about .about-wrapper .about:nth-child(2n) .content::before {
                right: 0;
                left: auto;
                bottom: 0; }
              body #root main section.about .about-wrapper .about:nth-child(2n) .content::after {
                right: 0;
                left: auto;
                bottom: 0; }
            body #root main section.about .about-wrapper .about:nth-child(2n) .model {
              left: auto;
              right: 12px; }
            body #root main section.about .about-wrapper .about:nth-child(2n) .cat-wrapper {
              left: 0;
              right: auto; }
            body #root main section.about .about-wrapper .about:nth-child(2n) .line {
              left: auto;
              right: 0;
              -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
              -webkit-transform-origin: right;
                      transform-origin: right; }
            body #root main section.about .about-wrapper .about.active .img {
              opacity: 1; }
            body #root main section.about .about-wrapper .about.active .content::before {
              height: 100%; }
            body #root main section.about .about-wrapper .about.active .content::after {
              width: 100%; }
            body #root main section.about .about-wrapper .about.active .content .about-title, body #root main section.about .about-wrapper .about.active .content .about-text {
              opacity: 1;
              -webkit-transform: translate3d(0, 0, 0);
                      transform: translate3d(0, 0, 0); }
            body #root main section.about .about-wrapper .about.active .content .line {
              width: 627px; }
            body #root main section.about .about-wrapper .about.active .model, body #root main section.about .about-wrapper .about.active .cat-wrapper {
              opacity: 1;
              -webkit-transform: translate3d(0, 0, 0);
                      transform: translate3d(0, 0, 0); }
            body #root main section.about .about-wrapper .about .left, body #root main section.about .about-wrapper .about .right {
              position: relative; }
            body #root main section.about .about-wrapper .about .img {
              width: 520px;
              opacity: 0;
              transition: opacity 5s cubic-bezier(0.215, 0.61, 0.355, 1); }
              body #root main section.about .about-wrapper .about .img img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                width: 90%; }
            body #root main section.about .about-wrapper .about .content {
              display: flex;
              align-items: center;
              justify-content: flex-end;
              height: 445px;
              width: 445px;
              text-align: right; }
              body #root main section.about .about-wrapper .about .content::before, body #root main section.about .about-wrapper .about .content::after {
                position: absolute;
                content: '';
                background-color: #000; }
              body #root main section.about .about-wrapper .about .content::before {
                height: 0;
                width: 1px;
                left: 0;
                bottom: 0;
                transition: height 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); }
              body #root main section.about .about-wrapper .about .content::after {
                height: 1px;
                width: 0;
                left: 0;
                bottom: 0;
                transition: width 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
              body #root main section.about .about-wrapper .about .content .about-title, body #root main section.about .about-wrapper .about .content .about-text {
                opacity: 0;
                -webkit-transform: translate3d(0, 50px, 0);
                        transform: translate3d(0, 50px, 0);
                transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
              body #root main section.about .about-wrapper .about .content .about-title {
                margin-bottom: 70px;
                font-size: 60px;
                font-size: 3.75rem;
                letter-spacing: 0.04em;
                font-family: "Roboto Condensed", sans-serif;
                font-weight: bold; }
              body #root main section.about .about-wrapper .about .content .about-text {
                font-size: 16px;
                font-size: 1rem;
                letter-spacing: 0.05em;
                line-height: 2; }
            body #root main section.about .about-wrapper .about .model, body #root main section.about .about-wrapper .about .cat-wrapper {
              opacity: 0;
              -webkit-transform: translate(0, 50px, 0);
                      transform: translate(0, 50px, 0);
              transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
            body #root main section.about .about-wrapper .about .model, body #root main section.about .about-wrapper .about .cat-wrapper, body #root main section.about .about-wrapper .about .line {
              position: absolute; }
            body #root main section.about .about-wrapper .about .model {
              top: 0;
              left: 12px;
              font-size: 20px;
              font-size: 1.25rem;
              letter-spacing: 0.04em;
              -webkit-writing-mode: vertical-rl;
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl; }
            body #root main section.about .about-wrapper .about .cat-wrapper {
              display: flex;
              flex-wrap: wrap;
              bottom: 12px;
              right: 0; }
              body #root main section.about .about-wrapper .about .cat-wrapper p {
                margin-right: 30px;
                font-size: 15px;
                font-size: 0.9375rem;
                font-family: "Roboto Condensed", sans-serif;
                font-weight: bold; }
                body #root main section.about .about-wrapper .about .cat-wrapper p:last-child {
                  margin-right: 0; }
                body #root main section.about .about-wrapper .about .cat-wrapper p.disable {
                  color: rgba(0, 0, 0, 0.2); }
            body #root main section.about .about-wrapper .about .line {
              position: absolute;
              bottom: 0;
              left: 0;
              height: 1px;
              width: 0;
              background-color: #000;
              -webkit-transform: rotate(-45deg);
                      transform: rotate(-45deg);
              -webkit-transform-origin: left;
                      transform-origin: left;
              transition: width 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; }
      body #root main section.fabric-linning#fabric-linning1 {
        background-color: #1c2626; }
        body #root main section.fabric-linning#fabric-linning1 .box-wrapper .box:nth-child(2) .content .line {
          margin: 40px -212px 40px auto; }
        body #root main section.fabric-linning#fabric-linning1 .content {
          color: #fff; }
        body #root main section.fabric-linning#fabric-linning1 .line {
          background-color: #fff; }
        body #root main section.fabric-linning#fabric-linning1 .img p.cover::after {
          background-color: #1c2626; }
      body #root main section.fabric-linning#fabric-linning2 {
        background-color: #d4d9d9; }
        body #root main section.fabric-linning#fabric-linning2 .content {
          color: #000; }
        body #root main section.fabric-linning#fabric-linning2 .line {
          background-color: #000; }
        body #root main section.fabric-linning#fabric-linning2 .img p.cover::after {
          background-color: #d4d9d9; }
      body #root main section.fabric-linning .box-wrapper {
        margin: 0 auto;
        max-width: 1280px; }
        body #root main section.fabric-linning .box-wrapper .box {
          display: flex;
          flex-wrap: wrap; }
          body #root main section.fabric-linning .box-wrapper .box.active .img div {
            opacity: 1; }
          body #root main section.fabric-linning .box-wrapper .box.active .img p.cover::after {
            -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0); }
          body #root main section.fabric-linning .box-wrapper .box.active .content .line {
            width: 640px; }
          body #root main section.fabric-linning .box-wrapper .box.active .content .box-title, body #root main section.fabric-linning .box-wrapper .box.active .content .box-sub-title, body #root main section.fabric-linning .box-wrapper .box.active .content .box-text {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
          body #root main section.fabric-linning .box-wrapper .box:nth-child(2n) .img div {
            left: 0;
            right: auto;
            background-position: left; }
          body #root main section.fabric-linning .box-wrapper .box:nth-child(2n) .img p.cover {
            left: 0;
            right: auto; }
          body #root main section.fabric-linning .box-wrapper .box:nth-child(2n) .content {
            text-align: left; }
            body #root main section.fabric-linning .box-wrapper .box:nth-child(2n) .content .line {
              position: relative;
              right: 0;
              margin: 40px -258px 40px auto;
              -webkit-transform: rotate(180deg);
                      transform: rotate(180deg); }
          body #root main section.fabric-linning .box-wrapper .box .left, body #root main section.fabric-linning .box-wrapper .box .right {
            position: relative;
            width: 50%; }
          body #root main section.fabric-linning .box-wrapper .box .img p.cover {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 123.4375%;
            overflow: hidden;
            z-index: 1; }
            body #root main section.fabric-linning .box-wrapper .box .img p.cover::after {
              position: absolute;
              content: '';
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
              transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
              transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
          body #root main section.fabric-linning .box-wrapper .box .img::before {
            content: '';
            display: block;
            padding-top: 100%; }
          body #root main section.fabric-linning .box-wrapper .box .img.img1 div {
            background-image: url(./../img/fabric-linning/1.jpg); }
          body #root main section.fabric-linning .box-wrapper .box .img.img2 div {
            background-image: url(./../img/fabric-linning/2.jpg); }
          body #root main section.fabric-linning .box-wrapper .box .img.img3 div {
            background-image: url(./../img/fabric-linning/3.jpg); }
          body #root main section.fabric-linning .box-wrapper .box .img.img4 div {
            background-image: url(./../img/fabric-linning/4.jpg); }
          body #root main section.fabric-linning .box-wrapper .box .img.img5 div {
            background-image: url(./../img/fabric-linning/5.jpg); }
          body #root main section.fabric-linning .box-wrapper .box .img div {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 123.4375%;
            background-size: cover;
            background-position: right;
            opacity: 0;
            transition: opacity 3s cubic-bezier(0.215, 0.61, 0.355, 1); }
          body #root main section.fabric-linning .box-wrapper .box .content {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: right;
            z-index: 1; }
            body #root main section.fabric-linning .box-wrapper .box .content .box-title, body #root main section.fabric-linning .box-wrapper .box .content .box-sub-title, body #root main section.fabric-linning .box-wrapper .box .content .box-text {
              opacity: 0;
              -webkit-transform: translate3d(0, 50px, 0);
                      transform: translate3d(0, 50px, 0);
              transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s; }
            body #root main section.fabric-linning .box-wrapper .box .content .box-title {
              margin-bottom: 25px;
              font-size: 60px;
              font-size: 3.75rem;
              letter-spacing: 0.04em;
              font-family: "Roboto Condensed", sans-serif;
              font-weight: bold; }
            body #root main section.fabric-linning .box-wrapper .box .content .box-sub-title {
              font-size: 24px;
              font-size: 1.5rem;
              letter-spacing: 0.05em;
              font-weight: bold;
              line-height: 1.33333; }
              body #root main section.fabric-linning .box-wrapper .box .content .box-sub-title .big {
                font-family: "Roboto Condensed", sans-serif; }
            body #root main section.fabric-linning .box-wrapper .box .content .line {
              margin: 40px 0 40px -258px;
              height: 1px;
              width: 0;
              transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
            body #root main section.fabric-linning .box-wrapper .box .content .box-text {
              font-size: 16px;
              font-size: 1rem;
              letter-spacing: 0.03em;
              line-height: 2; }
      body #root main section.parallax-section {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 300px;
        width: 100%;
        overflow: hidden; }
        body #root main section.parallax-section#parallax-section1 img {
          position: relative;
          top: 100px; }
      body #root main section#options {
        padding: 100px 0;
        background-color: #000;
        color: #fff; }
        body #root main section#options .text {
          margin-bottom: 170px; }
        body #root main section#options .options-wrapper {
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          max-width: 1050px; }
          body #root main section#options .options-wrapper.active .options {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
          body #root main section#options .options-wrapper .options {
            position: relative;
            height: 316.667px;
            width: 475px;
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
                    transform: translate3d(0, 50px, 0); }
            body #root main section#options .options-wrapper .options:nth-child(1) {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
            body #root main section#options .options-wrapper .options:nth-child(2) {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
            body #root main section#options .options-wrapper .options .content {
              position: absolute;
              top: -60px;
              left: 50%;
              -webkit-transform: translate3d(-50%, 0, 0);
                      transform: translate3d(-50%, 0, 0);
              z-index: 11111111; }
              body #root main section#options .options-wrapper .options .content .title {
                position: relative;
                padding-bottom: 7px;
                font-size: 25px;
                font-size: 1.5625rem;
                letter-spacing: 0.04em;
                font-weight: bold;
                font-family: "Roboto Condensed", sans-serif;
                text-align: center; }
                body #root main section#options .options-wrapper .options .content .title::after {
                  position: absolute;
                  bottom: -60px;
                  content: '';
                  height: 60px;
                  width: 1px;
                  left: 50%;
                  -webkit-transform: translate3d(-50%, 0, 0);
                          transform: translate3d(-50%, 0, 0);
                  background-color: #fff; }
      body #root main section#news {
        padding: 100px 0; }
        body #root main section#news h2 {
          margin-bottom: 90px; }
        body #root main section#news .news-wrapper {
          position: relative;
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          width: 1050px; }
          body #root main section#news .news-wrapper.active .news {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0); }
          body #root main section#news .news-wrapper::before, body #root main section#news .news-wrapper::after {
            position: absolute;
            content: '';
            top: 0;
            height: 100%;
            width: 1px;
            background-color: #000; }
          body #root main section#news .news-wrapper::before {
            left: 337.5px; }
          body #root main section#news .news-wrapper::after {
            left: 712.5px; }
          body #root main section#news .news-wrapper .news {
            position: relative;
            width: 300px;
            opacity: 0;
            -webkit-transform: translate3d(0, 50px, 0);
                    transform: translate3d(0, 50px, 0); }
            body #root main section#news .news-wrapper .news:nth-child(1) {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
            body #root main section#news .news-wrapper .news:nth-child(2) {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; }
            body #root main section#news .news-wrapper .news:nth-child(3) {
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
              transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
            body #root main section#news .news-wrapper .news .img {
              position: relative;
              margin-bottom: 20px;
              height: 300px; }
              body #root main section#news .news-wrapper .news .img img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0);
                        transform: translateX(-50%) translateY(-50%) scale(1) rotate(0); }
            body #root main section#news .news-wrapper .news .news-title {
              margin-bottom: 15px;
              font-size: 15px;
              font-size: 0.9375rem;
              letter-spacing: 0.05em;
              text-decoration: underline; }
            body #root main section#news .news-wrapper .news .news-text {
              font-size: 14px;
              font-size: 0.875rem;
              letter-spacing: 0.05em;
              line-height: 2; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  font-size: 0;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }