@import url("https://fonts.googleapis.com/css?family=Montserrat:600,700&display=swap");
@-webkit-keyframes neonBox {
  0% {
    border: red 3px solid;
    -webkit-box-shadow: 0px 0px 15px #ff0000, 0px 0px 15px #ff0000 inset;
    box-shadow: 0px 0px 15px #ff0000, 0px 0px 15px #ff0000 inset; }
  98%, 100% {
    border: red 3px solid;
    -webkit-box-shadow: 0px 0px 40px #ff0000, 0px 0px 40px #ff0000 inset;
    box-shadow: 0px 0px 40px #ff0000, 0px 0px 40px #ff0000 inset; } }
@keyframes neonBox {
  0% {
    border: red 3px solid;
    -webkit-box-shadow: 0px 0px 15px #ff0000, 0px 0px 15px #ff0000 inset;
    box-shadow: 0px 0px 15px #ff0000, 0px 0px 15px #ff0000 inset; }
  98%, 100% {
    border: red 3px solid;
    -webkit-box-shadow: 0px 0px 40px #ff0000, 0px 0px 40px #ff0000 inset;
    box-shadow: 0px 0px 40px #ff0000, 0px 0px 40px #ff0000 inset; } }

@-webkit-keyframes neonText {
  0% {
    color: red;
    text-shadow: 0 0 15px red; }
  98%, 100% {
    color: red;
    text-shadow: 0px 0px 40px rgba(220, 0, 0, 0.5), 0px 0px 120px #dc0000, 0px 0px 120px #dc0000, 0px 0px 120px #dc0000; } }

@keyframes neonText {
  0% {
    color: red;
    text-shadow: 0 0 15px red; }
  98%, 100% {
    color: red;
    text-shadow: 0px 0px 40px rgba(220, 0, 0, 0.5), 0px 0px 120px #dc0000, 0px 0px 120px #dc0000, 0px 0px 120px #dc0000; } }

@-webkit-keyframes scrollLine {
  0% {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  50% {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  51% {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@keyframes scrollLine {
  0% {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  50% {
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  51% {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@font-face {
  font-family: "NotoSansCJKjp";
  font-weight: 700;
  src: url("/assets/fonts/NotoSans_bold.woff") format("woff"), url("/assets/fonts/NotoSans_bold.otf") format("opentype"); }

@font-face {
  font-family: "NotoSansCJKjp";
  font-weight: 600;
  src: url("/assets/fonts/NotoSans_medium.woff") format("woff"), url("/assets/fonts/NotoSans_medium.otf") format("opentype"); }

@media screen and (min-width: 768px) {
  .index .s-concept {
    position: relative;
    padding-top: 350px;
    padding-bottom: 100px; }
    .index .s-concept .concept__bg {
      position: absolute;
      z-index: -1;
      top: 0;
      width: 100%;
      height: 880px;
      background-color: #F8F8F8; }
    .index .s-concept .inner {
      position: relative;
      width: 80vw;
      min-width: 960px;
      max-width: 1280px;
      padding: 0 32px;
      margin: 0 auto; }
      .index .s-concept .inner .is-appear .concept__body .title-en {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); }
        .index .s-concept .inner .is-appear .concept__body .title-en .curtain {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
          transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
      .index .s-concept .inner .is-appear .concept__body .title-ja {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.8s 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: 0.8s 0.05s cubic-bezier(0.25, 0.1, 0.25, 1); }
        .index .s-concept .inner .is-appear .concept__body .title-ja .curtain {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transition: 0.6s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
          transition: 0.6s 0.1s cubic-bezier(0.77, 0, 0.175, 1); }
      .index .s-concept .inner .is-appear .concept__body .text {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: 0.6s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: 0.6s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .index .s-concept .inner .is-appear .concept__body .text-link__area {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: 0.6s 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: 0.6s 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: 0.95s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: 0.95s cubic-bezier(0.475, 0.425, 0, 0.995);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s; }
        .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner canvas {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-transition: 1.85s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: 1.85s cubic-bezier(0.475, 0.425, 0, 0.995);
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
        .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .cover {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transition: 1.85s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: 1.85s cubic-bezier(0.475, 0.425, 0, 0.995);
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
        .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .number {
          position: absolute;
          bottom: 26px;
          right: 40px;
          z-index: 10;
          width: 67px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .number .molecule {
            font-family: "Montserrat", sans;
            font-weight: 600;
            letter-spacing: 0;
            -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
            font-size: 13px;
            color: #fff;
            height: 11px;
            overflow: hidden; }
            .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .number .molecule .before,
            .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .number .molecule .after {
              display: block; }
          .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .number .line {
            width: 19px;
            height: 2px;
            background-color: #fff;
            position: absolute;
            top: 6px;
            left: 23px; }
          .index .s-concept .inner .is-appear .concept__thumb .concept__thumb__inner .number .denominator {
            font-family: "Montserrat", sans;
            font-weight: 600;
            letter-spacing: 0;
            -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
            font-size: 13px;
            color: #fff; }
      .index .s-concept .inner .concept__body {
        padding-top: 36px; }
        .index .s-concept .inner .concept__body .title-en {
          font-family: "Montserrat", sans;
          font-weight: 600;
          letter-spacing: 0;
          -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
          font-size: 21px;
          position: relative;
          -webkit-transform: translateY(60px);
          transform: translateY(60px); }
          .index .s-concept .inner .concept__body .title-en .curtain {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #F8F8F8;
            -webkit-transform-origin: top;
            transform-origin: top;
            height: 25px; }
        .index .s-concept .inner .concept__body .title-ja {
          font-size: 30px;
          line-height: 1.66667;
          margin-bottom: -10.0px;
          margin-top: 46.0px;
          font-weight: 700;
          position: relative;
          -webkit-transform: translateY(60px);
          transform: translateY(60px); }
          .index .s-concept .inner .concept__body .title-ja .curtain {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #F8F8F8;
            -webkit-transform-origin: top;
            transform-origin: top; }
        .index .s-concept .inner .concept__body .text {
          font-size: 15px;
          line-height: 2;
          margin-bottom: 56.5px;
          margin-top: 40.5px;
          width: 345px;
          font-weight: 500;
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
          opacity: 0; }
        .index .s-concept .inner .concept__body .text-link__area {
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
          opacity: 0; }
        .index .s-concept .inner .concept__body .text-link {
          font-size: 15px; }
          .index .s-concept .inner .concept__body .text-link .link-line {
            bottom: 2px; }
      .index .s-concept .inner .concept__thumb {
        position: absolute;
        left: 450px;
        top: 10px;
        width: 720px;
        height: 660px; }
        .index .s-concept .inner .concept__thumb .concept__thumb__inner {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          overflow: hidden;
          opacity: 0;
          -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
          -webkit-perspective: 1000px;
          perspective: 1000px; }
        .index .s-concept .inner .concept__thumb .thumb-img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          display: inline-block;
          width: 660px;
          height: auto; }
          .index .s-concept .inner .concept__thumb .thumb-img img {
            width: 100%; }
          .index .s-concept .inner .concept__thumb .thumb-img:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #f8f8f8;
            -webkit-transform-origin: top;
            transform-origin: top;
            z-index: 2; }
        .index .s-concept .inner .concept__thumb canvas {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
        .index .s-concept .inner .concept__thumb .cover {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #f8f8f8;
          -webkit-transform-origin: top;
          transform-origin: top;
          z-index: 2; }
  .index .s-service {
    position: relative;
    padding-top: 160px;
    padding-bottom: 136px; }
    .index .s-service .service__bg {
      position: absolute;
      z-index: -1;
      bottom: 0;
      width: 100%;
      height: 520px; }
      .index .s-service .service__bg .bg {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #F8F8F8;
        opacity: 0; }
        .index .s-service .service__bg .bg.is-appear {
          opacity: 1;
          -webkit-transition: opacity 0.95s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: opacity 0.95s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .index .s-service .inner {
      position: relative;
      width: 75vw;
      min-width: 1020px;
      max-width: 1440px;
      padding: 0 32px;
      margin: 0 auto; }
      .index .s-service .inner .is-appear .title-en {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); }
        .index .s-service .inner .is-appear .title-en .curtain {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
          transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
      .index .s-service .inner .is-appear .title-ja {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.9s 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: 0.9s 0.1s cubic-bezier(0.25, 0.1, 0.25, 1); }
        .index .s-service .inner .is-appear .title-ja .curtain {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transition: 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
          transition: 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
      .index .s-service .inner .is-appear .p-service__list .service__item {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: 0.95s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: 0.95s cubic-bezier(0.475, 0.425, 0, 0.995); }
        .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(1) {
          -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
          .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(1) .service__list__thumb {
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
            .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(1) .service__list__thumb:before {
              -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s; }
          .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(1) .service__list__body {
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
        .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(2) {
          -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s; }
          .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(2) .service__list__thumb {
            -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s; }
            .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(2) .service__list__thumb:before {
              -webkit-transition-delay: 0.65s;
              transition-delay: 0.65s; }
          .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(2) .service__list__body {
            -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s; }
        .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(3) {
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }
          .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(3) .service__list__thumb {
            -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
            .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(3) .service__list__thumb:before {
              -webkit-transition-delay: 0.7s;
              transition-delay: 0.7s; }
          .index .s-service .inner .is-appear .p-service__list .service__item:nth-child(3) .service__list__body {
            -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
        .index .s-service .inner .is-appear .p-service__list .service__item .service__list__thumb {
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
          .index .s-service .inner .is-appear .p-service__list .service__item .service__list__thumb:before {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
            transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        .index .s-service .inner .is-appear .p-service__list .service__item .service__list__body {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .index .s-service .inner .title-en {
        font-family: "Montserrat", sans;
        font-weight: 600;
        letter-spacing: 0;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        font-size: 21px;
        text-align: center;
        position: relative;
        -webkit-transform: translateY(60px);
        transform: translateY(60px); }
        .index .s-service .inner .title-en .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          height: 25px; }
      .index .s-service .inner .title-ja {
        margin-top: 50px;
        font-size: 30px;
        letter-spacing: 0;
        text-align: center;
        position: relative;
        font-weight: 700;
        -webkit-transform: translateY(60px);
        transform: translateY(60px); }
        .index .s-service .inner .title-ja .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top; }
    .index .s-service .p-service__list {
      margin-top: 72px;
      margin-bottom: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .index .s-service .p-service__list .service__item {
        overflow: hidden;
        width: calc((100% - 96px)/3);
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        -webkit-perspective: 1000px;
        perspective: 1000px; }
      .index .s-service .p-service__list .service__list__thumb {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative; }
        .index .s-service .p-service__list .service__list__thumb img {
          width: 100%; }
        .index .s-service .p-service__list .service__list__thumb:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #f8f8f8;
          -webkit-transform-origin: top;
          transform-origin: top; }
      .index .s-service .p-service__list .service__list__body {
        padding: 24px 32px;
        opacity: 0;
        -webkit-transform: translate3d(0px, 20px, 0);
        transform: translate3d(0px, 20px, 0); }
        .index .s-service .p-service__list .service__list__body .service-title {
          font-size: 18px;
          letter-spacing: 0;
          font-weight: 700;
          font-weight: 700; }
        .index .s-service .p-service__list .service__list__body .service-text {
          font-size: 14px;
          line-height: 2;
          margin-bottom: -7px;
          margin-top: 14px;
          font-weight: 500;
          letter-spacing: 0; }
    .index .s-service .btn {
      width: 250px;
      height: 65px;
      margin: 0 auto; }
  .index .s-catalogue {
    position: relative;
    padding-top: 128px; }
    .index .s-catalogue .service__bg {
      position: absolute;
      z-index: -1;
      bottom: 0;
      width: 100%;
      height: 520px;
      background-color: #F8F8F8; }
    .index .s-catalogue .inner {
      position: relative;
      width: 75vw;
      min-width: 1020px;
      max-width: 1440px;
      padding: 0 32px;
      margin: 0 auto; }
    .index .s-catalogue .is-appear .catalogue__header .catalogue__header-line {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition: 3s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .index .s-catalogue .is-appear .catalogue__header .catalogue__header-title {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: 0.9s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .index .s-catalogue .is-appear .catalogue__header .catalogue__header-title .curtain {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
        transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
    .index .s-catalogue .is-appear .catalogue__header .catalogue__header-link {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s; }
      .index .s-catalogue .is-appear .catalogue__header .catalogue__header-link .curtain {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
        transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; }
      .index .s-catalogue .is-appear .catalogue__header .catalogue__header-link .link-line {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: 1.25s 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: 1.25s 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: 0.95s cubic-bezier(0.475, 0.425, 0, 0.995);
      transition: 0.95s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(1) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
        .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(1) .catalogue__item__thumb {
          -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }
          .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(1) .catalogue__item__thumb:before {
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
      .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(2) {
        -webkit-transition-delay: 0.525s;
        transition-delay: 0.525s; }
        .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(2) .catalogue__item__thumb {
          -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s; }
          .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(2) .catalogue__item__thumb:before {
            -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s; }
      .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(3) {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s; }
        .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(3) .catalogue__item__thumb {
          -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s; }
          .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(3) .catalogue__item__thumb:before {
            -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
      .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(4) {
        -webkit-transition-delay: 0.575s;
        transition-delay: 0.575s; }
        .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(4) .catalogue__item__thumb {
          -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s; }
          .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(4) .catalogue__item__thumb:before {
            -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s; }
      .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(5) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
        .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(5) .catalogue__item__thumb {
          -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }
          .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item:nth-child(5) .catalogue__item__thumb:before {
            -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s; }
      .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item .catalogue__item__thumb {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        .index .s-catalogue .is-appear .p-catalogue__list .catalogue__item .catalogue__item__thumb:before {
          -webkit-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .index .s-catalogue .catalogue__header {
      position: relative;
      padding-bottom: 31px;
      width: 100%; }
      .index .s-catalogue .catalogue__header .catalogue__header-title {
        position: absolute;
        left: 0;
        top: -2px;
        font-family: "Montserrat", sans;
        font-weight: 600;
        letter-spacing: 0;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        font-size: 20px;
        letter-spacing: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px); }
        .index .s-catalogue .catalogue__header .catalogue__header-title .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          height: 25px; }
      .index .s-catalogue .catalogue__header .catalogue__header-link {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        font-size: 15px;
        letter-spacing: 0;
        display: inline-block;
        -webkit-transform: translateY(15px);
        transform: translateY(15px); }
        .index .s-catalogue .catalogue__header .catalogue__header-link .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          height: 25px; }
        .index .s-catalogue .catalogue__header .catalogue__header-link .link-line {
          position: relative;
          bottom: -3px;
          display: inline-block;
          width: 100%;
          height: 2px;
          overflow: hidden;
          -webkit-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transform-origin: left;
          transform-origin: left; }
          .index .s-catalogue .catalogue__header .catalogue__header-link .link-line .line1 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #222222; }
          .index .s-catalogue .catalogue__header .catalogue__header-link .link-line .line2 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #ccc;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left; }
          .index .s-catalogue .catalogue__header .catalogue__header-link .link-line .line3 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #222222;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left; }
        .index .s-catalogue .catalogue__header .catalogue__header-link:hover .line2 {
          -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
        .index .s-catalogue .catalogue__header .catalogue__header-link:hover .line3 {
          -webkit-transition: 0.4s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
          transition: 0.4s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
      .index .s-catalogue .catalogue__header .catalogue__header-line {
        position: absolute;
        z-index: 1;
        bottom: 0;
        width: 200vw;
        left: -50vw;
        height: 2px;
        background-color: #EEE;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0); }
    .index .s-catalogue .p-catalogue__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-top: 90px; }
      .index .s-catalogue .p-catalogue__list .catalogue__item {
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        -webkit-perspective: 1000px;
        perspective: 1000px; }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame1:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame1:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame2:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame2:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); }
      .index .s-catalogue .p-catalogue__list .catalogue__item {
        position: relative;
        width: calc((100% - 192px)/5); }
      .index .s-catalogue .p-catalogue__list .catalogue__item__thumb {
        position: relative;
        overflow: hidden;
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative;
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb img {
          width: 100%; }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #f8f8f8;
          -webkit-transform-origin: top;
          transform-origin: top;
          z-index: 4; }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb img {
          -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame1 {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame1:before {
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            width: 3px;
            height: 100%;
            background-color: #fff;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame1:after {
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            width: 100%;
            height: 3px;
            background-color: #fff;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: top;
            transform-origin: top;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame2 {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame2:before {
            position: absolute;
            right: 0;
            bottom: 0;
            content: '';
            width: 3px;
            height: 100%;
            background-color: #fff;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: right;
            transform-origin: right;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame2:after {
            position: absolute;
            right: 0;
            bottom: 0;
            content: '';
            width: 100%;
            height: 3px;
            background-color: #fff;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom;
            transform-origin: bottom;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .index .s-catalogue .p-catalogue__list .catalogue__item__body {
        margin-top: 24px;
        text-align: center; }
      .index .s-catalogue .p-catalogue__list .catalogue__item__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  .index .s-pik-up-contents {
    padding-bottom: 160px;
    margin-top: 110px; }
    .index .s-pik-up-contents .inner {
      position: relative;
      width: 80vw;
      min-width: 960px;
      max-width: 1280px;
      padding: 0 32px;
      margin: 0 auto; }
    .index .s-pik-up-contents .is-appear .pik-up-contents__title {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: 1s cubic-bezier(0.25, 0.1, 0.25, 1);
      transition: 1s cubic-bezier(0.25, 0.1, 0.25, 1); }
      .index .s-pik-up-contents .is-appear .pik-up-contents__title .curtain {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
        transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
    .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: 1.1s cubic-bezier(0.475, 0.425, 0, 0.995);
      transition: 1.1s cubic-bezier(0.475, 0.425, 0, 0.995); }
      .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(1) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
        .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(1) .pik-up-contents__item--inner {
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }
          .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(1) .pik-up-contents__item--inner:before {
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
      .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(2) {
        -webkit-transition-delay: 0.325s;
        transition-delay: 0.325s; }
        .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(2) .pik-up-contents__item--inner {
          -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s; }
          .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(2) .pik-up-contents__item--inner:before {
            -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
      .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(3) {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s; }
        .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(3) .pik-up-contents__item--inner {
          -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s; }
          .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(3) .pik-up-contents__item--inner:before {
            -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s; }
      .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(4) {
        -webkit-transition-delay: 0.375s;
        transition-delay: 0.375s; }
        .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(4) .pik-up-contents__item--inner {
          -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s; }
          .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item:nth-child(4) .pik-up-contents__item--inner:before {
            -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s; }
      .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
        .index .s-pik-up-contents .is-appear .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner:before {
          -webkit-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: 1.25s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .index .s-pik-up-contents .pik-up-contents__title {
      text-align: center;
      font-size: 21px;
      letter-spacing: 0;
      font-family: "Montserrat", sans;
      font-weight: 600;
      letter-spacing: 0;
      -webkit-font-feature-settings: "palt" 1;
      font-feature-settings: "palt" 1;
      position: relative;
      -webkit-transform: translateY(60px);
      transform: translateY(60px); }
      .index .s-pik-up-contents .pik-up-contents__title .curtain {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        -webkit-transform-origin: top;
        transform-origin: top;
        height: 25px; }
    .index .s-pik-up-contents .pik-up-contents__list {
      margin-top: 64px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item {
        width: calc(50% - 10px);
        height: 240px;
        background-color: #222222;
        position: relative;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item:nth-child(n+3) {
          margin-top: 20px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item:nth-child(even) {
          margin-left: 20px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
          .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #f8f8f8;
            -webkit-transform-origin: right;
            transform-origin: right;
            z-index: 4; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item:hover .bg-img {
          -webkit-transform: scale(1.05);
          transform: scale(1.05); }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .bg-img {
          height: 240px;
          width: 74%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .more-detail {
          position: absolute;
          bottom: 14px;
          right: 45px;
          font-size: 12px;
          letter-spacing: 0;
          color: #fff; }
          .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .more-detail:before {
            position: absolute;
            right: -14px;
            top: 3px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 0 4px 6px;
            border-color: transparent transparent transparent #fff; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        margin-left: auto;
        margin-right: 30px;
        width: 198px;
        height: 160px;
        background-color: #fff;
        padding: 26px 18px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .line {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          width: 190px;
          height: 152px;
          border: 1px solid #222222; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .pik-up-contents__item__title {
          font-size: 18px;
          line-height: 1.44444;
          margin-bottom: -4.0px;
          margin-top: -4.0px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .pik-up-contents__item__text {
          font-size: 13px;
          line-height: 1.61538;
          margin-bottom: -4.0px;
          margin-top: 24.0px;
          font-weight: 500; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 3; } }

@media screen and (max-width: 767px) {
  .index .s-concept {
    position: relative;
    padding-top: 100px; }
    .index .s-concept .inner {
      position: relative;
      padding: 0 15px; }
      .index .s-concept .inner .concept__body .title-en {
        font-family: "Montserrat", sans;
        font-weight: 600;
        letter-spacing: 0;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        font-size: 6vw;
        line-height: 1;
        margin-bottom: 0vw;
        margin-top: 0px;
        position: relative; }
        .index .s-concept .inner .concept__body .title-en .curtain {
          display: none; }
      .index .s-concept .inner .concept__body .title-ja {
        font-size: 8.57143vw;
        line-height: 1.66667;
        margin-bottom: -2.85714vw;
        margin-top: 30.0px;
        font-weight: 700;
        position: relative; }
        .index .s-concept .inner .concept__body .title-ja .curtain {
          display: none; }
      .index .s-concept .inner .concept__body .text {
        font-size: 15px;
        line-height: 2;
        margin-bottom: 40.5px;
        margin-top: 32.5px;
        font-weight: 500; }
      .index .s-concept .inner .concept__body .text-link__area {
        text-align: center;
        width: 100%; }
        .index .s-concept .inner .concept__body .text-link__area .text-link {
          font-size: 4.28571vw;
          line-height: 1;
          margin-bottom: 0vw;
          margin-top: 0px; }
          .index .s-concept .inner .concept__body .text-link__area .text-link .link-line {
            bottom: 2px; }
    .index .s-concept .concept__thumb {
      position: relative;
      margin-top: 50px;
      left: -15px;
      top: 0px;
      width: 100vw;
      height: 320px; }
      .index .s-concept .concept__thumb .concept__thumb__inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden; }
        .index .s-concept .concept__thumb .concept__thumb__inner .thumb-img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .index .s-concept .concept__thumb .concept__thumb__inner canvas {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .index .s-concept .concept__thumb .concept__thumb__inner .cover {
          display: none; }
        .index .s-concept .concept__thumb .concept__thumb__inner .number {
          position: absolute;
          bottom: 20px;
          right: 32px;
          z-index: 10;
          width: 56px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .index .s-concept .concept__thumb .concept__thumb__inner .number .molecule {
            font-family: "Montserrat", sans;
            font-weight: 600;
            letter-spacing: 0;
            -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
            font-size: 11px;
            color: #fff;
            height: 11px;
            overflow: hidden; }
            .index .s-concept .concept__thumb .concept__thumb__inner .number .molecule .before,
            .index .s-concept .concept__thumb .concept__thumb__inner .number .molecule .after {
              display: block; }
          .index .s-concept .concept__thumb .concept__thumb__inner .number .line {
            width: 14px;
            height: 1px;
            background-color: #fff;
            position: absolute;
            top: 5px;
            left: 21px; }
          .index .s-concept .concept__thumb .concept__thumb__inner .number .denominator {
            font-family: "Montserrat", sans;
            font-weight: 600;
            letter-spacing: 0;
            -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
            font-size: 11px;
            color: #fff; }
  .index .s-service {
    position: relative;
    padding-top: 70px; }
    .index .s-service .inner {
      position: relative;
      padding: 0 15px; }
    .index .s-service .title-en {
      font-family: "Montserrat", sans;
      font-weight: 600;
      letter-spacing: 0;
      -webkit-font-feature-settings: "palt" 1;
      font-feature-settings: "palt" 1;
      font-size: 21px;
      text-align: center;
      font-size: 6vw;
      line-height: 1;
      margin-bottom: 0vw;
      margin-top: 0px;
      position: relative; }
      .index .s-service .title-en .curtain {
        display: none; }
    .index .s-service .title-ja {
      font-size: 8.57143vw;
      line-height: 1;
      margin-bottom: 0vw;
      margin-top: 36px;
      letter-spacing: 0;
      text-align: center;
      font-weight: 700;
      position: relative; }
      .index .s-service .title-ja .curtain {
        display: none; }
    .index .s-service .p-service__list {
      margin-top: 40px;
      margin-bottom: 20px; }
      .index .s-service .p-service__list .service__item {
        width: 100%;
        margin-top: 14px; }
        .index .s-service .p-service__list .service__item:first-child {
          margin-top: 0; }
      .index .s-service .p-service__list .service__list__thumb {
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative; }
        .index .s-service .p-service__list .service__list__thumb img {
          width: 100%; }
        .index .s-service .p-service__list .service__list__thumb:before {
          display: none; }
      .index .s-service .p-service__list .service__list__body {
        padding: 26px 15px; }
        .index .s-service .p-service__list .service__list__body .service-title {
          font-size: 5.14286vw;
          line-height: 1;
          margin-bottom: 0vw;
          margin-top: 0px;
          letter-spacing: 0;
          font-weight: 700; }
        .index .s-service .p-service__list .service__list__body .service-text {
          font-size: 15px;
          line-height: 2;
          margin-bottom: -7.5px;
          margin-top: 16.5px;
          font-weight: 500;
          letter-spacing: 0; }
    .index .s-service .btn {
      width: 250px;
      height: 65px;
      margin: 0 auto; }
  .index .s-catalogue {
    position: relative;
    padding-top: 80px; }
    .index .s-catalogue .inner {
      position: relative;
      padding: 0 15px; }
    .index .s-catalogue .catalogue__header {
      position: relative;
      width: 100%; }
      .index .s-catalogue .catalogue__header .catalogue__header-title {
        font-family: "Montserrat", sans;
        font-weight: 600;
        letter-spacing: 0;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        font-size: 6vw;
        line-height: 1;
        margin-bottom: 0vw;
        margin-top: 0px;
        letter-spacing: 0;
        text-align: center;
        position: relative; }
        .index .s-catalogue .catalogue__header .catalogue__header-title .curtain {
          display: none; }
      .index .s-catalogue .catalogue__header .catalogue__header-link {
        display: none; }
      .index .s-catalogue .catalogue__header .catalogue__header-line {
        display: none; }
    .index .s-catalogue .p-catalogue__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 40px; }
      .index .s-catalogue .p-catalogue__list .catalogue__item {
        position: relative;
        width: calc((100% - 10px)/2);
        overflow: hidden; }
        .index .s-catalogue .p-catalogue__list .catalogue__item:nth-child(even) {
          margin-left: 10px; }
        .index .s-catalogue .p-catalogue__list .catalogue__item:nth-child(n + 3) {
          margin-top: 32px; }
      .index .s-catalogue .p-catalogue__list .catalogue__item__thumb {
        position: relative;
        overflow: hidden;
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative; }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb img {
          width: 100%; }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb:before {
          display: none; }
      .index .s-catalogue .p-catalogue__list .catalogue__item__body {
        margin-top: 24px;
        text-align: center; }
      .index .s-catalogue .p-catalogue__list .catalogue__item__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    .index .s-catalogue .btn {
      width: 250px;
      height: 65px;
      margin: 40px auto 0; }
  .index .s-pik-up-contents {
    padding-top: 70px;
    margin-bottom: 70px; }
    .index .s-pik-up-contents .inner {
      position: relative;
      width: 100%; }
    .index .s-pik-up-contents .pik-up-contents__title {
      text-align: center;
      font-size: 6vw;
      line-height: 1;
      margin-bottom: 0vw;
      margin-top: 0px;
      letter-spacing: 0;
      font-family: "Montserrat", sans;
      font-weight: 600;
      letter-spacing: 0;
      -webkit-font-feature-settings: "palt" 1;
      font-feature-settings: "palt" 1;
      position: relative; }
      .index .s-pik-up-contents .pik-up-contents__title .curtain {
        display: none; }
    .index .s-pik-up-contents .pik-up-contents__list {
      margin-top: 40px; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item {
        width: 100%;
        height: 176px;
        background-color: #222222;
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        overflow: hidden; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
          .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner:before {
            display: none; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item:first-child {
          margin-top: 0; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .bg-img {
          height: 176px;
          width: 74%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50% 50%; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .more-detail {
          position: absolute;
          bottom: 11px;
          right: 32px;
          font-size: 10px;
          letter-spacing: 0;
          color: #fff; }
          .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .more-detail:before {
            position: absolute;
            right: -10px;
            top: 3px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3px 0 3px 4px;
            border-color: transparent transparent transparent #fff; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        margin-left: auto;
        margin-right: 15px;
        width: 160px;
        height: 117px;
        background-color: #fff;
        padding: 20px 15px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .line {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          width: 154px;
          height: 111px;
          border: 1px solid #222222; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .pik-up-contents__item__title {
          font-size: 12px;
          line-height: 1.44444;
          margin-bottom: -2.66667px;
          margin-top: -2.66667px;
          font-weight: 700; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .pik-up-contents__item__text {
          font-size: 10px;
          line-height: 1.61538;
          margin-bottom: -3.07692px;
          margin-top: 16.92308px;
          font-weight: 500; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 3; } }

@media print {
  .index .s-concept {
    position: relatives;
    padding-top: 340px;
    padding-bottom: 100px; }
    .index .s-concept .concept__bg {
      position: absolute;
      z-index: -1;
      top: 0;
      width: 100%;
      height: 835px;
      background-color: #F8F8F8; }
    .index .s-concept .inner {
      position: relative;
      width: 80vw;
      min-width: 960px;
      max-width: 1280px;
      padding: 0 32px;
      margin: 0 auto; }
      .index .s-concept .inner .concept__body {
        padding-top: 36px; }
        .index .s-concept .inner .concept__body .title-en {
          font-family: "Montserrat", sans;
          font-weight: 600;
          letter-spacing: 0;
          -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
          font-size: 21px;
          position: relative;
          -webkit-transform: translateY(0);
          transform: translateY(0); }
          .index .s-concept .inner .concept__body .title-en .curtain {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #F8F8F8;
            -webkit-transform-origin: top;
            transform-origin: top;
            height: 25px;
            -webkit-transform: scaleY(0);
            transform: scaleY(0); }
        .index .s-concept .inner .concept__body .title-ja {
          font-size: 30px;
          line-height: 1.66667;
          margin-bottom: -10.0px;
          margin-top: 46.0px;
          font-weight: 700;
          position: relative;
          -webkit-transform: translateY(0);
          transform: translateY(0); }
          .index .s-concept .inner .concept__body .title-ja .curtain {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #F8F8F8;
            -webkit-transform-origin: top;
            transform-origin: top;
            -webkit-transform: scaleY(0);
            transform: scaleY(0); }
        .index .s-concept .inner .concept__body .text {
          font-size: 15px;
          line-height: 2;
          margin-bottom: 56.5px;
          margin-top: 40.5px;
          width: 345px;
          font-weight: 500;
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1; }
        .index .s-concept .inner .concept__body .text-link__area {
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1; }
        .index .s-concept .inner .concept__body .text-link {
          font-size: 15px; }
          .index .s-concept .inner .concept__body .text-link .link-line {
            bottom: 2px; }
      .index .s-concept .inner .concept__thumb {
        position: absolute;
        left: 450px;
        top: 0px;
        width: 720px;
        height: 660px; }
        .index .s-concept .inner .concept__thumb .concept__thumb__inner {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          overflow: hidden;
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          -webkit-perspective: 1000px;
          perspective: 1000px; }
        .index .s-concept .inner .concept__thumb .thumb-img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          display: inline-block;
          width: 660px;
          height: auto; }
          .index .s-concept .inner .concept__thumb .thumb-img img {
            width: 100%; }
          .index .s-concept .inner .concept__thumb .thumb-img:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #f8f8f8;
            -webkit-transform-origin: top;
            transform-origin: top;
            z-index: 2; }
        .index .s-concept .inner .concept__thumb canvas {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transform: scale(1);
          transform: scale(1); }
        .index .s-concept .inner .concept__thumb .cover {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #f8f8f8;
          -webkit-transform-origin: top;
          transform-origin: top;
          z-index: 2;
          -webkit-transform: scaleY(0);
          transform: scaleY(0); }
  .index .s-service {
    position: relative;
    padding-top: 160px;
    padding-bottom: 136px; }
    .index .s-service .service__bg {
      position: absolute;
      z-index: -1;
      bottom: 0;
      width: 100%;
      height: 520px; }
      .index .s-service .service__bg .bg {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #F8F8F8;
        opacity: 0; }
        .index .s-service .service__bg .bg.is-appear {
          opacity: 1;
          -webkit-transition: opacity 0.95s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: opacity 0.95s cubic-bezier(0.475, 0.425, 0, 0.995); }
    .index .s-service .inner {
      position: relative;
      width: 75vw;
      min-width: 1020px;
      max-width: 1440px;
      padding: 0 32px;
      margin: 0 auto; }
      .index .s-service .inner .title-en {
        font-family: "Montserrat", sans;
        font-weight: 600;
        letter-spacing: 0;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        font-size: 21px;
        text-align: center;
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
        .index .s-service .inner .title-en .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          height: 25px;
          -webkit-transform: scaleY(0);
          transform: scaleY(0); }
      .index .s-service .inner .title-ja {
        margin-top: 50px;
        font-size: 30px;
        letter-spacing: 0;
        text-align: center;
        position: relative;
        font-weight: 700;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
        .index .s-service .inner .title-ja .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          -webkit-transform: scaleY(0);
          transform: scaleY(0); }
    .index .s-service .p-service__list {
      margin-top: 72px;
      margin-bottom: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .index .s-service .p-service__list .service__item {
        overflow: hidden;
        width: calc((100% - 96px)/3);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000px;
        perspective: 1000px; }
      .index .s-service .p-service__list .service__list__thumb {
        -webkit-transform: scale(1);
        transform: scale(1);
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative; }
        .index .s-service .p-service__list .service__list__thumb img {
          width: 100%; }
        .index .s-service .p-service__list .service__list__thumb:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #f8f8f8;
          -webkit-transform-origin: top;
          transform-origin: top;
          -webkit-transform: scale(0);
          transform: scale(0); }
      .index .s-service .p-service__list .service__list__body {
        padding: 24px 32px;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
        .index .s-service .p-service__list .service__list__body .service-title {
          font-size: 18px;
          letter-spacing: 0;
          font-weight: 700;
          font-weight: 700; }
        .index .s-service .p-service__list .service__list__body .service-text {
          font-size: 14px;
          line-height: 2;
          margin-bottom: -7px;
          margin-top: 14px;
          font-weight: 500;
          letter-spacing: 0; }
    .index .s-service .btn {
      width: 250px;
      height: 65px;
      margin: 0 auto; }
  .index .s-catalogue {
    position: relative;
    padding-top: 128px; }
    .index .s-catalogue .u-sp-only {
      display: none; }
    .index .s-catalogue .service__bg {
      position: absolute;
      z-index: -1;
      bottom: 0;
      width: 100%;
      height: 520px;
      background-color: #F8F8F8; }
    .index .s-catalogue .inner {
      position: relative;
      width: 75vw;
      min-width: 1020px;
      max-width: 1440px;
      padding: 0 32px;
      margin: 0 auto; }
    .index .s-catalogue .catalogue__header {
      position: relative;
      padding-bottom: 31px;
      width: 100%; }
      .index .s-catalogue .catalogue__header .catalogue__header-title {
        position: absolute;
        left: 0;
        top: -2px;
        font-family: "Montserrat", sans;
        font-weight: 600;
        letter-spacing: 0;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        font-size: 20px;
        letter-spacing: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
        .index .s-catalogue .catalogue__header .catalogue__header-title .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          height: 25px;
          -webkit-transform: scaleY(0);
          transform: scaleY(0); }
      .index .s-catalogue .catalogue__header .catalogue__header-link {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        font-size: 15px;
        letter-spacing: 0;
        display: inline-block;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
        .index .s-catalogue .catalogue__header .catalogue__header-link .curtain {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: #fff;
          -webkit-transform-origin: top;
          transform-origin: top;
          height: 25px;
          -webkit-transform: scaleX(0);
          transform: scaleX(0); }
        .index .s-catalogue .catalogue__header .catalogue__header-link .link-line {
          position: relative;
          bottom: -3px;
          display: inline-block;
          width: 100%;
          height: 2px;
          overflow: hidden;
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
          -webkit-transform-origin: left;
          transform-origin: left; }
          .index .s-catalogue .catalogue__header .catalogue__header-link .link-line .line1 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #222222; }
          .index .s-catalogue .catalogue__header .catalogue__header-link .link-line .line2 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #ccc;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left; }
          .index .s-catalogue .catalogue__header .catalogue__header-link .link-line .line3 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #222222;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left; }
        .index .s-catalogue .catalogue__header .catalogue__header-link:hover .line2 {
          -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
        .index .s-catalogue .catalogue__header .catalogue__header-link:hover .line3 {
          -webkit-transition: 0.4s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
          transition: 0.4s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }
      .index .s-catalogue .catalogue__header .catalogue__header-line {
        position: absolute;
        z-index: 1;
        bottom: 0;
        width: 200vw;
        left: -50vw;
        height: 2px;
        background-color: #EEE;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
    .index .s-catalogue .p-catalogue__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-top: 90px; }
      .index .s-catalogue .p-catalogue__list .catalogue__item {
        overflow: hidden;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000px;
        perspective: 1000px; }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame1:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame1:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame2:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
      .index .s-catalogue .p-catalogue__list .is-hover:hover .catalogue__item__thumb .frame2:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1); }
      .index .s-catalogue .p-catalogue__list .catalogue__item {
        position: relative;
        width: calc((100% - 192px)/5); }
      .index .s-catalogue .p-catalogue__list .catalogue__item__thumb {
        position: relative;
        overflow: hidden;
        display: inline-block;
        width: 100%;
        height: auto;
        position: relative;
        -webkit-transform: scale(1);
        transform: scale(1); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb img {
          width: 100%; }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #f8f8f8;
          -webkit-transform-origin: top;
          transform-origin: top;
          z-index: 4;
          -webkit-transform: scaleY(0);
          transform: scaleY(0); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb img {
          -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame1 {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame1:before {
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            width: 3px;
            height: 100%;
            background-color: #fff;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left;
            transform-origin: left;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame1:after {
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            width: 100%;
            height: 3px;
            background-color: #fff;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: top;
            transform-origin: top;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame2 {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame2:before {
            position: absolute;
            right: 0;
            bottom: 0;
            content: '';
            width: 3px;
            height: 100%;
            background-color: #fff;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: right;
            transform-origin: right;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
          .index .s-catalogue .p-catalogue__list .catalogue__item__thumb .frame2:after {
            position: absolute;
            right: 0;
            bottom: 0;
            content: '';
            width: 100%;
            height: 3px;
            background-color: #fff;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom;
            transform-origin: bottom;
            -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .index .s-catalogue .p-catalogue__list .catalogue__item__body {
        margin-top: 24px;
        text-align: center; }
      .index .s-catalogue .p-catalogue__list .catalogue__item__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
  .index .s-pik-up-contents {
    padding-bottom: 160px;
    margin-top: 110px; }
    .index .s-pik-up-contents .inner {
      position: relative;
      width: 80vw;
      min-width: 960px;
      max-width: 1280px;
      padding: 0 32px;
      margin: 0 auto; }
    .index .s-pik-up-contents .pik-up-contents__title {
      text-align: center;
      font-size: 21px;
      letter-spacing: 0;
      font-family: "Montserrat", sans;
      font-weight: 600;
      letter-spacing: 0;
      -webkit-font-feature-settings: "palt" 1;
      font-feature-settings: "palt" 1;
      position: relative;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
      .index .s-pik-up-contents .pik-up-contents__title .curtain {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        -webkit-transform-origin: top;
        transform-origin: top;
        height: 25px;
        -webkit-transform: scaleY(0);
        transform: scaleY(0); }
    .index .s-pik-up-contents .pik-up-contents__list {
      margin-top: 64px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item {
        width: calc(50% - 10px);
        height: 240px;
        background-color: #222222;
        position: relative;
        overflow: hidden;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          -webkit-transform: scale(1);
          transform: scale(1); }
          .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .pik-up-contents__item--inner:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #f8f8f8;
            -webkit-transform-origin: right;
            transform-origin: right;
            z-index: 4;
            -webkit-transform: scaleX(0);
            transform: scaleX(0); }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item:hover .bg-img {
          -webkit-transform: scale(1.05);
          transform: scale(1.05); }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .bg-img {
          height: 240px;
          width: 74%;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .more-detail {
          position: absolute;
          bottom: 14px;
          right: 45px;
          font-size: 12px;
          letter-spacing: 0;
          color: #fff; }
          .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item .more-detail:before {
            position: absolute;
            right: -14px;
            top: 3px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 0 4px 6px;
            border-color: transparent transparent transparent #fff; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        margin-left: auto;
        margin-right: 30px;
        width: 198px;
        height: 160px;
        background-color: #fff;
        padding: 26px 18px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .line {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          width: 190px;
          height: 152px;
          border: 1px solid #222222; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .pik-up-contents__item__title {
          font-size: 18px;
          line-height: 1.44444;
          margin-bottom: -4.0px;
          margin-top: -4.0px; }
        .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__item__body .pik-up-contents__item__text {
          font-size: 13px;
          line-height: 1.61538;
          margin-bottom: -4.0px;
          margin-top: 24.0px;
          font-weight: 500; }
      .index .s-pik-up-contents .pik-up-contents__list .pik-up-contents__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 3; } }
