/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
body {
  position: relative;
}

#check {
  position: relative;
  width: 500px;
  height: 50vh;
  background: #666;
  position: sticky;
  z-index: 1000;
  top: 50%;
  left: 0;
}

/*-------------------------------------------> #HOME */
#HOME {
  /*
  .cover {
    width: clamp(0px, 50%, 640px);
    position: relative;
    z-index: 10;
    @media screen and ($less-tab) {
      height: 100svh;
    }
    .cqBase {
      width: 100%;
      max-width: $maxWidth;
      margin-left: auto;
      margin-right: auto;
    }
    .inner {
      // height: clamp( 0px, cqw(1440), 100vh);
      height: 100vh;
      // display: flex;
      // justify-content: space-between;
      .image, .text {
        position: relative;
        z-index: 10;
        flex: 1 1 50%;
        width: clamp(0px, 50%, 640px);
      }
      .image {
        display: none;
      }
      @media screen and ($less-tab) {
        height: auto;
        display: block;
      }
    }
    #canvas {
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: $BLACK;
      @media screen and ($less-tab) {
        height: vw(667);
      }
    }
    .text {
      float: right;
      padding-left: cqw(64);
      padding-right: cqw(128);
      .logo {
        margin-top: cqw(60);
        width: cqw(506);
        .svg {
          .fill-logo {
            fill: $BLACK;
          }
        }
      }
      .copy {
        margin-top: cqw(132);
        span {
          display: block;
          &.en {
            @include fscq(112, 114, -40, 1, 1);
          }
          &.ja {
            position: absolute;
            bottom: cqw(64);
            right: cqw(128);
            @include fscq(120, 120, 0, 1);
          }
        }
      }
      .point {
        position: absolute;
        top: 0;
        left: 0;
        width: cqw(24);
        padding-top: cqw(64);
        .svg {
          .fill-point {
            fill: $BLACK;
          }
        }
      }
      @media screen and ($less-tab) {
        position: relative;
        height: calc( 100svh - vw(667) );
        padding-left: vw(55);
        padding-right: vw(55);
        padding-top: vw(30);
        .logo {
          margin-top: 0;
          width: vw(255);
        }
        .copy {
          margin-top: vw(64);
          span {
            &.en {
              @include fsvw(60, 64, -40, 1, 1);
            }
            &.ja {
              position: absolute;
              bottom: vw(19);
              right: vw(55);
              @include fsvw(64, 64, 0, 1);
            }
          }
        }
        .point {
          top: vw(32);
          left: 0;
          width: vw(12);
          padding-top: 0;
        }        
      }
    }

    .scroll {
      position: absolute;
      right: cqw(64);
      bottom: cqw(42);
      width: max-content;
      display: flex;
      align-items: center;
      @include fscq(28, 28, 0, 1);
      transform-origin: right top;
      rotate: 90deg;
      span {
        display: block;
        width: cqw(192);
        height: cqw(2);
        background: $COLOR;
        margin-left: cqw(10);
      }
      @media screen and ($less-tab) {
        right: vw(15);
        bottom: vw(15);
        @include fsvw(24, 24, 0, 1);
        rotate: 90deg;
        span {
          width: vw(192);
          height: vw(2);
          margin-left: vw(12);
        }
      }
    }

    .bgLine {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      border-bottom: solid 1px $BORDER;
      pointer-events: none;
      &.line1 { padding-top: maxs(64); }
      &.line2 { padding-top: maxs(364); }
      @media screen and ($less-tab) {
        &.line1 { display: none; }
        &.line2 { padding-top: vw(848); }
      }
    }
  }
  */
  /*
  .mission {
    position: relative;
    z-index: 10;
    .cqBase {
      position: relative;
      z-index: 10;
      width: 100%;
      max-width: $maxWidth;
      margin-left: auto;
      margin-right: auto;
    }
    .inner {
      display: flex;
      justify-content: space-between;
      margin-top: cqw(360);
      padding-bottom: cqw(404);
      .image, .text {
        position: relative;
        z-index: 10;
        flex: 1 1 50%;
      }
    }
    .text {
      padding-left: cqw(136);
      padding-right: cqw(128);
      .copy {
        @include fscq(40, 88, 160, 0);
        margin-bottom: cqw(110);
      }
    }
    .bgLine {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      border-bottom: solid 1px $BORDER;
      pointer-events: none;
      &.line1 { padding-top: maxs(360); }
    }

    @media screen and ($less-tab) {
      .inner {
        display: block;
        margin-top: vw(90);
        padding-bottom: vw(256);
        .image {
          display: none;
        }
      }
      .text {
        padding-left: vw(55);
        padding-right: vw(55);
        .copy {
          @include fsvw(30, 64, 160, 0, 1);
          margin-bottom: vw(64);
        }
      }
      .bgLine {
        display: none;
      }
    }
  }
  */
}
#HOME .fixItem.point {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.MOpen #HOME .fixItem.point {
  opacity: 1;
}
#HOME #Main > .frame .bgLine.line3 {
  display: none;
}
#HOME #Header {
  position: fixed;
  width: 100%;
}
#HOME #Header .fix {
  -webkit-transform: translateY(-110%);
          transform: translateY(-110%);
}
@media screen and (max-width: 767px) {
  #HOME #Header .fix {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px);
  }
}
.Scroll.ScrollUp #HOME #Header .fix {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
#HOME .stickyArea:after {
  content: "";
  display: block;
  clear: both;
}
#HOME .stickyArea .cqBase {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#HOME .stickyArea .inner {
  position: relative;
  z-index: 10;
  padding-bottom: 15.78125cqw;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .inner {
    padding-bottom: 34.1333333333vw;
  }
}
#HOME .stickyArea .scroll.anim-fadeIn {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  position: fixed;
  right: clamp(0px, 0.9375%, 18px);
  top: calc(100vh - 1.640625cqw);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1;
  letter-spacing: 0em;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  rotate: 90deg;
}
.Scroll #HOME .stickyArea .scroll.anim-fadeIn {
  opacity: 0;
  pointer-events: none;
  -webkit-animation: none;
          animation: none;
}
#HOME .stickyArea .scroll.anim-fadeIn::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: 0em;
  content: "";
}
#HOME .stickyArea .scroll.anim-fadeIn::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: 0em;
  content: "";
}
#HOME .stickyArea .scroll.anim-fadeIn span {
  display: block;
  width: 7.5cqw;
  height: 0.078125cqw;
  background: #9b00c2;
  margin-left: 0.390625cqw;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .scroll.anim-fadeIn {
    right: 2vw;
    top: calc(100svh - 2vw);
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0em;
    rotate: 90deg;
  }
  #HOME .stickyArea .scroll.anim-fadeIn::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: 0em;
    content: "";
  }
  #HOME .stickyArea .scroll.anim-fadeIn::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 0em;
    content: "";
  }
  #HOME .stickyArea .scroll.anim-fadeIn span {
    width: 25.6vw;
    height: 0.2666666667vw;
    margin-left: 1.6vw;
  }
}
#HOME .stickyArea #canvas, #HOME .stickyArea .rightArea {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea #canvas, #HOME .stickyArea .rightArea {
    width: 100%;
  }
}
#HOME .stickyArea #canvas {
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  height: 100vh;
  background: #000000;
  float: left;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea #canvas {
    position: relative;
    float: none;
    height: 88.9333333333vw;
  }
}
#HOME .stickyArea .rightArea {
  position: relative;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .rightArea {
    margin-left: 0;
  }
}
#HOME .stickyArea .logoArea {
  float: right;
  width: 50%;
  padding-left: 2.5cqw;
  padding-right: 5cqw;
}
#HOME .stickyArea .logoArea .logo {
  padding-top: 2.34375cqw;
  width: 19.765625cqw;
}
#HOME .stickyArea .logoArea .logo .svg .fill-logo {
  fill: #000000;
}
#HOME .stickyArea .logoArea .point {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9375cqw;
  padding-top: 2.5cqw;
}
#HOME .stickyArea .logoArea .point .svg .fill-point {
  fill: #000000;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .logoArea {
    float: none;
    width: 100%;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    padding-top: 4vw;
  }
  #HOME .stickyArea .logoArea .logo {
    padding-top: 0;
    width: 34vw;
  }
  #HOME .stickyArea .logoArea .point {
    top: 88.9333333333vw;
    left: 0;
    width: 1.6vw;
    padding-top: 4.2666666667vw;
  }
}
#HOME .stickyArea .logoFixed {
  float: right;
  width: 50%;
  height: calc(100vh - 10.15625cqw);
  height: calc(100vh - 10.15625cqw - 10.15625cqw);
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .logoFixed {
    float: none;
    width: 100%;
    height: auto;
  }
}
#HOME .stickyArea .cover {
  padding-left: 2.5cqw;
  padding-right: 5cqw;
}
#HOME .stickyArea .cover.fixed {
  position: sticky;
  top: 1.5625cqw;
  left: 0;
  width: 100%;
  margin-left: auto;
}
#HOME .stickyArea .cover.fixed .sp {
  display: none;
}
#HOME .stickyArea .cover.scroll {
  padding-top: 0cqw;
}
#HOME .stickyArea .cover .logo {
  padding-top: 2.34375cqw;
  width: 19.765625cqw;
}
#HOME .stickyArea .cover .logo .svg .fill-logo {
  fill: #000000;
}
#HOME .stickyArea .cover .copy span {
  display: block;
}
#HOME .stickyArea .cover .copy span.en {
  margin-top: 5.15625cqw;
  font-size: 56px; /* legacy */
  font-size: 4.375cqw;
  line-height: 1.0178571429;
  letter-spacing: -0.04em;
}
#HOME .stickyArea .cover .copy span.en::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.1589285714em;
  content: "";
}
#HOME .stickyArea .cover .copy span.en::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.1589285714em;
  content: "";
}
#HOME .stickyArea .cover .copy span.ja {
  color: #9b00c2;
  padding-top: calc(100vh - 8.203125cqw);
  font-size: 60px; /* legacy */
  font-size: 4.6875cqw;
  line-height: 1;
  letter-spacing: 0em;
  text-align: right;
}
#HOME .stickyArea .cover .copy span.ja::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: 0em;
  content: "";
}
#HOME .stickyArea .cover .copy span.ja::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: 0em;
  content: "";
}
#HOME .stickyArea .cover .point {
  position: absolute;
  top: 0;
  top: calc(-18.75cqw);
  left: 0;
  width: 0.9375cqw;
  padding-top: 2.5cqw;
}
#HOME .stickyArea .cover .point .svg .fill-point {
  fill: #000000;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .cover {
    height: calc(100svh - 88.9333333333vw - 24.2666666667vw);
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
  #HOME .stickyArea .cover.fixed {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-left: 0;
  }
  #HOME .stickyArea .cover.fixed .sp {
    display: block;
  }
  #HOME .stickyArea .cover .logo {
    margin-top: 0;
    width: 34vw;
  }
  #HOME .stickyArea .cover .copy {
    margin-top: 8.5333333333vw;
  }
  #HOME .stickyArea .cover .copy span.en {
    font-size: 30px; /* legacy */
    font-size: 8vw;
    line-height: 1.0666666667;
    letter-spacing: -0.04em;
  }
  #HOME .stickyArea .cover .copy span.en::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.1833333333em;
    content: "";
  }
  #HOME .stickyArea .cover .copy span.en::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.1833333333em;
    content: "";
  }
  #HOME .stickyArea .cover .copy span.ja {
    position: absolute;
    bottom: 2.5333333333vw;
    right: 7.3333333333vw;
    font-size: 32px; /* legacy */
    font-size: 8.5333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    color: #9b00c2;
  }
  #HOME .stickyArea .cover .copy span.ja::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: 0em;
    content: "";
  }
  #HOME .stickyArea .cover .copy span.ja::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 0em;
    content: "";
  }
  #HOME .stickyArea .cover .point {
    top: 4.2666666667vw;
    left: 0;
    width: 1.6vw;
    padding-top: 0;
  }
}
#HOME .stickyArea .mission {
  margin-top: 5.15625cqw;
  padding-left: 5.3125cqw;
  padding-right: 5cqw;
}
#HOME .stickyArea .mission .copy {
  font-size: 20px; /* legacy */
  font-size: 1.5625cqw;
  line-height: 2.2;
  letter-spacing: 0.16em;
  margin-bottom: 4.296875cqw;
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .mission {
    margin-top: 12vw;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
  #HOME .stickyArea .mission .copy {
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 2.1333333333;
    letter-spacing: 0.16em;
    margin-bottom: 8.5333333333vw;
  }
}
#HOME .stickyArea .bgLine {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: solid 1px #ebebeb;
  pointer-events: none;
}
#HOME .stickyArea .bgLine.line1 {
  padding-top: clamp(0px, 2.5%, 48px);
}
#HOME .stickyArea .bgLine.line2 {
  padding-top: clamp(0px, 14.21875%, 273px);
}
#HOME .stickyArea .bgLine.line3 {
  padding-top: calc(100vh + clamp(0px, 14.0625%, 270px));
}
@media screen and (max-width: 767px) {
  #HOME .stickyArea .bgLine.line1, #HOME .stickyArea .bgLine.line3 {
    display: none;
  }
  #HOME .stickyArea .bgLine.line2 {
    padding-top: 113.0666666667vw;
  }
}
#HOME .news .cqBase .inner {
  margin-bottom: 4.4140625cqw;
}
@media screen and (max-width: 767px) {
  #HOME .news .cqBase .inner {
    margin-bottom: 34.1333333333vw;
  }
}
#HOME .company {
  position: relative;
  z-index: 10;
}
#HOME .company .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#HOME .company .inner {
  margin-bottom: 10cqw;
  padding-left: 5cqw;
  padding-right: 0.9375cqw;
  position: relative;
  z-index: 10;
}
#HOME .company .column2_Image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#HOME .company .textArea {
  margin-right: auto;
}
#HOME .company .textArea .sectionTitle {
  font-size: 32px; /* legacy */
  font-size: 2.5cqw;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 4.296875cqw;
}
#HOME .company .textArea .sectionTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
#HOME .company .textArea .sectionTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
#HOME .company .textArea .copy {
  font-size: 32px; /* legacy */
  font-size: 2.5cqw;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-bottom: 5.15625cqw;
  white-space: nowrap;
}
#HOME .company .textArea .copy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#HOME .company .textArea .copy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
#HOME .company .imageArea {
  width: 39.0625cqw;
}
#HOME .company .imageArea .image {
  border-radius: 1.25cqw;
  overflow: hidden;
  background: #000000;
  width: 100%;
  height: 34.6875cqw;
}
#HOME .company .imageArea circle {
  opacity: 0.6;
}
#HOME .company #spiral {
  width: 100%;
  height: 100%;
}
#HOME .company #spiral svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#HOME .company .bgLine {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
#HOME .company .bgLine.line1 {
  height: 1px;
  background: #ebebeb;
}
@media screen and (max-width: 767px) {
  #HOME .company .inner {
    margin-bottom: 34.1333333333vw;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
  #HOME .company .column2_Image {
    display: block;
  }
  #HOME .company .textArea {
    margin-right: 0;
  }
  #HOME .company .textArea .sectionTitle {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 12.2666666667vw;
  }
  #HOME .company .textArea .sectionTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.15em;
    content: "";
  }
  #HOME .company .textArea .sectionTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.15em;
    content: "";
  }
  #HOME .company .textArea .copy {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1.5;
    letter-spacing: 0em;
    margin-bottom: 8.5333333333vw;
  }
  #HOME .company .textArea .copy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.25em;
    content: "";
  }
  #HOME .company .textArea .copy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.25em;
    content: "";
  }
  #HOME .company .imageArea {
    width: 100%;
    width: 90.6666666667vw;
    margin-top: 17.0666666667vw;
  }
  #HOME .company .imageArea .image {
    border-radius: 2.1333333333vw;
    width: 100%;
    height: 80.8vw;
  }
}
#HOME .business .inner {
  margin-bottom: 10cqw;
}
@media screen and (max-width: 767px) {
  #HOME .business .inner {
    margin-bottom: 34.1333333333vw;
  }
}
#HOME .business .bgLine {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
#HOME .business .bgLine.line1 {
  height: 1px;
  background: #ebebeb;
}
#HOME .clients {
  position: relative;
  z-index: 10;
}
#HOME .clients .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#HOME .clients .inner {
  padding-left: 5cqw;
  padding-right: 5cqw;
  margin-bottom: 5.625cqw;
}
#HOME .clients .sectionTitle {
  font-size: 32px; /* legacy */
  font-size: 2.5cqw;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 3.6328125cqw;
}
#HOME .clients .sectionTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
#HOME .clients .sectionTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
#HOME .clients .image {
  width: 80cqw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  #HOME .clients .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    margin-bottom: 34.1333333333vw;
  }
  #HOME .clients .sectionTitle {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 12.5333333333vw;
  }
  #HOME .clients .sectionTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.15em;
    content: "";
  }
  #HOME .clients .sectionTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.15em;
    content: "";
  }
  #HOME .clients .image {
    width: 100%;
  }
}
#HOME .clients .bgLine {
  position: absolute;
  z-index: 1;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
#HOME .clients .bgLine.line1 {
  height: 1px;
  background: #ebebeb;
}
#HOME .recruit .inner {
  margin-bottom: 10cqw;
}
@media screen and (max-width: 767px) {
  #HOME .recruit .inner {
    margin-bottom: 34.1333333333vw;
  }
}
#HOME .note .cqBase .inner {
  margin-bottom: 10cqw;
}
@media screen and (max-width: 767px) {
  #HOME .note .cqBase .inner {
    margin-bottom: 34.1333333333vw;
  }
}
#HOME .postSlide {
  position: relative;
  z-index: 10;
}
#HOME .postSlide .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#HOME .postSlide .inner {
  position: relative;
  z-index: 20;
  padding-left: 5cqw;
  padding-right: 5cqw;
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .inner {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    padding-left: 0;
    padding-right: 0;
  }
}
#HOME .postSlide .sectionHeader {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3.9453125cqw;
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .sectionHeader {
    margin-bottom: 12.5333333333vw;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
}
#HOME .postSlide .sectionHeader .sectionTitle {
  font-size: 32px; /* legacy */
  font-size: 2.5cqw;
  line-height: 1;
  letter-spacing: 0em;
  margin-right: auto;
}
#HOME .postSlide .sectionHeader .sectionTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
#HOME .postSlide .sectionHeader .sectionTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .sectionHeader .sectionTitle {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1;
    letter-spacing: 0em;
  }
  #HOME .postSlide .sectionHeader .sectionTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.15em;
    content: "";
  }
  #HOME .postSlide .sectionHeader .sectionTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.15em;
    content: "";
  }
}
#HOME .postSlide .sectionHeader .contlor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#HOME .postSlide .sectionHeader .contlor .all {
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1;
  letter-spacing: 0em;
  white-space: nowrap;
}
#HOME .postSlide .sectionHeader .contlor .all .linkArrow span {
  margin-left: 1.171875cqw;
}
#HOME .postSlide .sectionHeader .contlor .all .linkArrow span img, #HOME .postSlide .sectionHeader .contlor .all .linkArrow span .svg {
  width: 8.0078125cqw;
}
#HOME .postSlide .sectionHeader .contlor .all .blank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#HOME .postSlide .sectionHeader .contlor .all .blank span {
  display: block;
  margin-left: 1.171875cqw;
}
#HOME .postSlide .sectionHeader .contlor .all .blank span img, #HOME .postSlide .sectionHeader .contlor .all .blank span .svg {
  display: block;
  width: 1.09375cqw;
  overflow: visible;
}
#HOME .postSlide .sectionHeader .contlor .all .blank span img .fill-icon-blank, #HOME .postSlide .sectionHeader .contlor .all .blank span .svg .fill-icon-blank {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media screen and (min-width: 768px) {
  #HOME .postSlide .sectionHeader .contlor .all a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #HOME .postSlide .sectionHeader .contlor .all a:hover {
    color: #9b00c2;
  }
  #HOME .postSlide .sectionHeader .contlor .all a:hover.blank img .window, #HOME .postSlide .sectionHeader .contlor .all a:hover.blank .svg .window {
    width: 110%;
    height: 110%;
  }
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .sectionHeader .contlor .all {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0em;
  }
  #HOME .postSlide .sectionHeader .contlor .all .linkArrow span {
    margin-left: 1.8666666667vw;
  }
  #HOME .postSlide .sectionHeader .contlor .all .linkArrow span img, #HOME .postSlide .sectionHeader .contlor .all .linkArrow span .svg {
    width: 16.4vw;
  }
  #HOME .postSlide .sectionHeader .contlor .all .blank span {
    margin-left: 1.8666666667vw;
  }
  #HOME .postSlide .sectionHeader .contlor .all .blank span img, #HOME .postSlide .sectionHeader .contlor .all .blank span .svg {
    width: 3.7333333333vw;
  }
}
#HOME .postSlide .sectionHeader .contlor .border {
  width: 1px;
  height: 1.71875cqw;
  background: #5c5c5c;
  margin-left: 1.25cqw;
  margin-right: 1.25cqw;
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .sectionHeader .contlor .border {
    display: none;
  }
}
#HOME .postSlide .sectionHeader .contlor .slideArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -0.1953125cqw;
  width: 5.3125cqw;
}
#HOME .postSlide .sectionHeader .contlor .slideArrow .arrow {
  width: 2.5cqw;
  height: 2.5cqw;
  cursor: pointer;
}
#HOME .postSlide .sectionHeader .contlor .slideArrow .arrow.slick-disabled {
  cursor: default;
  pointer-events: none;
}
#HOME .postSlide .sectionHeader .contlor .slideArrow .arrow.slick-disabled .svg .fill-arrow, #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow.slick-disabled .svg .fill-ring {
  opacity: 0.2;
}
@media screen and (min-width: 768px) {
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow .svg .fill-arrow, #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow .svg .fill-circle {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow .svg .fill-arrow {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow:hover .svg .fill-arrow {
    fill: #FFFFFF;
  }
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow:hover .svg .fill-circle {
    fill: #9b00c2;
  }
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow:hover.prev .svg .fill-arrow {
    -webkit-animation-name: linkArrowR;
            animation-name: linkArrowR;
  }
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow:hover.next .svg .fill-arrow {
    -webkit-animation-name: linkArrow;
            animation-name: linkArrow;
  }
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .sectionHeader .contlor .slideArrow {
    position: absolute;
    z-index: 50;
    left: 2vw;
    bottom: 57.0666666667vw;
    width: 96vw;
    margin-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  #HOME .postSlide .sectionHeader .contlor .slideArrow .arrow {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
}
#HOME .postSlide .cardSlide {
  position: relative;
  z-index: 20;
}
#HOME .postSlide .cardSlide .slick-list {
  margin: 0 -0.625cqw;
}
#HOME .postSlide .cardSlide .slick-slide {
  margin: 0 0.625cqw;
}
@media screen and (max-width: 767px) {
  #HOME .postSlide .cardSlide {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  #HOME .postSlide .cardSlide .slick-list, #HOME .postSlide .cardSlide .slick-track, #HOME .postSlide .cardSlide .slick-slide {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  #HOME .postSlide .cardSlide .slick-list {
    margin: 0;
  }
  #HOME .postSlide .cardSlide .slick-slide {
    margin: 0 2.1333333333vw;
  }
}
#HOME .postSlide .bgLine {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
#HOME .postSlide .bgLine.line1 {
  height: 1px;
  background: #ebebeb;
}

/*-------------------------------------------> #splash */
#splash {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100dvh;
}
#splash .frame {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#splash .typeLine01, #splash .typeLine02 {
  margin: auto;
  color: #000000;
}
#splash .typeLine01 {
  font-size: 50px; /* legacy */
  font-size: 3.90625cqw;
  line-height: 1;
  letter-spacing: -0.04em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #splash .typeLine01 {
    font-size: 5.3333333333vw;
  }
}
#splash .typeLine02 {
  display: none;
  color: #9b00c2;
  font-size: 56px; /* legacy */
  font-size: 4.375cqw;
  line-height: 1;
  letter-spacing: 0em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #splash .typeLine02 {
    font-size: 7.4666666667vw;
  }
}
#splash .anim-sliceHide.complete {
  -webkit-animation-name: sliceHide;
          animation-name: sliceHide;
}
#splash .anim-sliceHide.reverse.complete {
  -webkit-animation-name: sliceHideR;
          animation-name: sliceHideR;
}

/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> #COMPANY */
#COMPANY .mod_page .sub {
  font-size: 64px; /* legacy */
  font-size: 5cqw;
  line-height: 1.125;
  letter-spacing: -0.04em;
}
#COMPANY .mod_page .sub::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.2125em;
  content: "";
}
#COMPANY .mod_page .sub::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.2125em;
  content: "";
}
@media screen and (max-width: 767px) {
  #COMPANY .mod_page .sub {
    font-size: 28px; /* legacy */
    font-size: 7.4666666667vw;
    line-height: 1.1428571429;
    letter-spacing: -0.04em;
  }
  #COMPANY .mod_page .sub::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2214285714em;
    content: "";
  }
  #COMPANY .mod_page .sub::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2214285714em;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  #COMPANY .mod_page::after {
    display: block;
    padding-top: 75.6vw;
    padding-top: calc(50svh - 47px - 0.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  #COMPANY .business .textArea .text {
    margin-bottom: 14.6666666667vw;
  }
}
#COMPANY .business .textArea .topics {
  font-size: 18px; /* legacy */
  font-size: 1.40625cqw;
  line-height: 1.6666666667;
  letter-spacing: 0.01em;
  margin-bottom: 3.984375cqw;
}
#COMPANY .business .textArea .topics::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.3333333333em;
  content: "";
}
#COMPANY .business .textArea .topics::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.3333333333em;
  content: "";
}
@media screen and (max-width: 767px) {
  #COMPANY .business .textArea .topics {
    font-size: 18px; /* legacy */
    font-size: 4.8vw;
    line-height: 1.3888888889;
    letter-spacing: 0.08em;
    margin-bottom: 12.5333333333vw;
  }
  #COMPANY .business .textArea .topics::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.1944444444em;
    content: "";
  }
  #COMPANY .business .textArea .topics::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.1944444444em;
    content: "";
  }
}
#COMPANY .profile {
  position: relative;
  z-index: 10;
}
#COMPANY .profile .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#COMPANY .profile .inner {
  position: relative;
  z-index: 10;
  padding-left: 5cqw;
  padding-right: 5cqw;
  margin-bottom: 4.921875cqw;
}
#COMPANY .profile .mod_table {
  margin-top: 4.453125cqw;
  width: 100%;
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 1;
  letter-spacing: 0.08em;
}
#COMPANY .profile .mod_table dl + dl dt, #COMPANY .profile .mod_table dl + dl dd {
  border-top: none;
}
#COMPANY .profile .mod_table dl dt, #COMPANY .profile .mod_table dl dd {
  padding: 1.5em 5.625cqw;
  border-top: solid 1px rgba(0, 0, 0, 0.16);
  border-bottom: solid 1px rgba(0, 0, 0, 0.16);
  vertical-align: middle;
}
#COMPANY .profile .mod_table dl dt small, #COMPANY .profile .mod_table dl dd small {
  font-size: 75%;
}
#COMPANY .profile .mod_table dl dt {
  width: 29.375cqw;
}
#COMPANY .profile .mod_table dl dt span {
  display: inline-block;
  width: 4em;
  width: 5.4em;
  white-space: nowrap;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
#COMPANY .profile .mod_table dl dd {
  padding-left: 0;
  width: 60.625cqw;
}
#COMPANY .profile .mod_table dl dd .large {
  font-size: 112%;
}
#COMPANY .profile .bgLine {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
#COMPANY .profile .bgLine.line1 {
  height: 1px;
  background: #ebebeb;
}
@media screen and (max-width: 767px) {
  #COMPANY .profile .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    margin-bottom: 12.5333333333vw;
  }
  #COMPANY .profile .mod_table {
    margin-top: 16.8vw;
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
    letter-spacing: 0.08em;
  }
  #COMPANY .profile .mod_table dl dt, #COMPANY .profile .mod_table dl dd {
    padding: 1em 1em;
  }
  #COMPANY .profile .mod_table dl dt small, #COMPANY .profile .mod_table dl dd small {
    font-size: 85%;
  }
  #COMPANY .profile .mod_table dl dt {
    width: auto;
    padding-right: 1.5em;
  }
  #COMPANY .profile .mod_table dl dd {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  #COMPANY .profile .bgLine {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
  }
  #COMPANY .profile .bgLine.line1 {
    height: 1px;
    background: #ebebeb;
  }
}
#COMPANY .map {
  position: relative;
  z-index: 10;
}
#COMPANY .map .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#COMPANY .map .inner {
  position: relative;
  z-index: 10;
  padding-left: 0.9375cqw;
  padding-right: 0.9375cqw;
  margin-bottom: 10cqw;
}
#COMPANY .map .frame {
  position: relative;
  width: 100%;
  aspect-ratio: 2512/1258;
  background: #CCC;
  border-radius: 0.625cqw;
  overflow: hidden;
}
#COMPANY .map .frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@media screen and (max-width: 767px) {
  #COMPANY .map .inner {
    padding-left: 2vw;
    padding-right: 2vw;
    margin-bottom: 34.1333333333vw;
  }
  #COMPANY .map .frame {
    aspect-ratio: 720/860;
    border-radius: 1.6vw;
  }
}

/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> #MISSION */
#MISSION .mod_page .sub {
  font-size: 64px; /* legacy */
  font-size: 5cqw;
  line-height: 1.125;
  letter-spacing: -0.04em;
}
#MISSION .mod_page .sub::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.2125em;
  content: "";
}
#MISSION .mod_page .sub::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.2125em;
  content: "";
}
@media screen and (max-width: 767px) {
  #MISSION .mod_page .sub {
    font-size: 28px; /* legacy */
    font-size: 7.4666666667vw;
    line-height: 1.1428571429;
    letter-spacing: -0.04em;
  }
  #MISSION .mod_page .sub::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2214285714em;
    content: "";
  }
  #MISSION .mod_page .sub::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2214285714em;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  #MISSION .mod_page .pageTitle {
    height: 68vw;
  }
}
#MISSION .concept .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#MISSION .concept .inner {
  padding-left: 53.125cqw;
  padding-right: 5cqw;
  margin-top: 6.484375cqw;
  margin-bottom: 7.5390625cqw;
}
#MISSION .concept dl dt {
  color: #9b00c2;
  font-size: 60px; /* legacy */
  font-size: 4.6875cqw;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 3.2421875cqw;
}
#MISSION .concept dl dt::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: 0em;
  content: "";
}
#MISSION .concept dl dt::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: 0em;
  content: "";
}
#MISSION .concept dl dd {
  font-size: 18px; /* legacy */
  font-size: 1.40625cqw;
  line-height: 2.2222222222;
  letter-spacing: 0.04em;
  margin-left: 3.4375cqw;
}
#MISSION .concept dl dd::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.6111111111em;
  content: "";
}
#MISSION .concept dl dd::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.6111111111em;
  content: "";
}
@media screen and (max-width: 767px) {
  #MISSION .concept .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    margin-top: 12.8vw;
    margin-bottom: 46vw;
  }
  #MISSION .concept dl {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
  }
  #MISSION .concept dl dt {
    font-size: 32px; /* legacy */
    font-size: 8.5333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 9.6vw;
  }
  #MISSION .concept dl dt::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: 0em;
    content: "";
  }
  #MISSION .concept dl dt::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 0em;
    content: "";
  }
  #MISSION .concept dl dd {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2;
    letter-spacing: 0.04em;
    margin-left: 6.9333333333vw;
  }
  #MISSION .concept dl dd::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.5em;
    content: "";
  }
  #MISSION .concept dl dd::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.5em;
    content: "";
  }
}
#MISSION .message .inner {
  margin-bottom: 4.375cqw;
}
@media screen and (max-width: 767px) {
  #MISSION .message .inner {
    margin-bottom: 35.4666666667vw;
  }
}
/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> #RECRUIT */
#RECRUIT #Main > .frame .bgLine.line3 {
  display: none;
}
@media screen and (max-width: 767px) {
  #RECRUIT .mod_page::after {
    display: block;
    padding-top: 75.6vw;
    padding-top: calc(50svh - 47px - 0.6666666667vw);
  }
}
#RECRUIT .outline .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#RECRUIT .outline .inner {
  padding-left: 5cqw;
  padding-right: 5cqw;
  margin-bottom: 7.5390625cqw;
}
#RECRUIT .outline .copy {
  font-size: 48px; /* legacy */
  font-size: 3.75cqw;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin-bottom: 5.078125cqw;
}
#RECRUIT .outline .copy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#RECRUIT .outline .copy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
#RECRUIT .outline .text {
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 2;
  letter-spacing: 0.08em;
}
#RECRUIT .outline .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.5em;
  content: "";
}
#RECRUIT .outline .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.5em;
  content: "";
}
#RECRUIT .outline .text p + p {
  margin-top: 2em;
}
#RECRUIT .outline .text .en {
  font-size: 110%;
}
#RECRUIT .outline .text sub {
  font-size: 50%;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  #RECRUIT .outline .inner {
    padding-left: 7.3333333333vw;
    padding-right: 2vw;
    margin-bottom: 34.1333333333vw;
  }
  #RECRUIT .outline .copy {
    font-size: 28px; /* legacy */
    font-size: 7.4666666667vw;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    margin-bottom: 10.1333333333vw;
  }
  #RECRUIT .outline .copy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2142857143em;
    content: "";
  }
  #RECRUIT .outline .copy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.2142857143em;
    content: "";
  }
  #RECRUIT .outline .text {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  #RECRUIT .outline .text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.5em;
    content: "";
  }
  #RECRUIT .outline .text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.5em;
    content: "";
  }
  #RECRUIT .outline .text p + p {
    margin-top: 2em;
  }
}
#RECRUIT .value {
  position: relative;
  z-index: 10;
}
#RECRUIT .value .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#RECRUIT .value .inner {
  padding-left: 5cqw;
  padding-right: 5cqw;
  margin-bottom: 10cqw;
}
#RECRUIT .value .valueList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4.453125cqw;
}
#RECRUIT .value .valueList li {
  width: calc((100% - 1.25cqw) / 2);
  position: relative;
  background: #f5f5f5;
  border-radius: 0.625cqw;
  overflow: hidden;
  padding: 2.1484375cqw 1.796875cqw 2.5cqw;
}
#RECRUIT .value .valueList li::after {
  content: "";
  display: block;
  width: 12.03125cqw;
  height: 12.03125cqw;
  position: absolute;
  right: 0;
  top: calc(50% - 6.015625cqw);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#RECRUIT .value .valueList li .panel {
  position: relative;
  z-index: 10;
}
#RECRUIT .value .valueList li .panelTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 40px; /* legacy */
  font-size: 3.125cqw;
  line-height: 2.25;
  letter-spacing: 0.08em;
  margin-bottom: 1.71875cqw;
}
#RECRUIT .value .valueList li .panelTitle .num {
  font-size: 80px; /* legacy */
  font-size: 6.25cqw;
  line-height: 1;
  letter-spacing: 0em;
  width: 8.59375cqw;
  color: #9b00c2;
}
#RECRUIT .value .valueList li .panelTitle .ja {
  border-left: solid 1px #5c5c5c;
  padding-left: 1.5625cqw;
}
#RECRUIT .value .valueList li .text {
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 1.75;
  letter-spacing: 0.08em;
}
#RECRUIT .value .valueList li .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.375em;
  content: "";
}
#RECRUIT .value .valueList li .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.375em;
  content: "";
}
#RECRUIT .value .valueList li:nth-child(1)::after {
  right: 1.40625cqw;
  background-image: url(../images/svg/recruit_value_icon_01.svg);
}
#RECRUIT .value .valueList li:nth-child(2)::after {
  right: 1.484375cqw;
  background-image: url(../images/svg/recruit_value_icon_02.svg);
}
#RECRUIT .value .valueList li:nth-child(3)::after {
  right: 0.9375cqw;
  background-image: url(../images/svg/recruit_value_icon_03.svg);
}
#RECRUIT .value .valueList li:nth-child(4)::after {
  right: 1.4453125cqw;
  background-image: url(../images/svg/recruit_value_icon_04.svg);
}
#RECRUIT .value .valueList li:nth-child(5)::after {
  right: 0.625cqw;
  background-image: url(../images/svg/recruit_value_icon_05.svg);
}
@media screen and (min-width: 768px) {
  #RECRUIT .value .valueList li:nth-child(n+3) {
    margin-top: 1.25cqw;
  }
}
@media screen and (max-width: 767px) {
  #RECRUIT .value .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    margin-bottom: 34.1333333333vw;
  }
  #RECRUIT .value .valueList {
    display: block;
    margin-top: 12.5333333333vw;
  }
  #RECRUIT .value .valueList li {
    width: 100%;
    border-radius: 1.6vw;
    padding: 4.2666666667vw 4.2666666667vw 6.4vw;
  }
  #RECRUIT .value .valueList li + li {
    margin-top: 3.2vw;
  }
  #RECRUIT .value .valueList li::after {
    width: 32vw;
    height: 32vw;
    top: calc(50% - 16.6666666667vw);
  }
  #RECRUIT .value .valueList li .panelTitle {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 2.125;
    letter-spacing: 0em;
    margin-bottom: 4vw;
  }
  #RECRUIT .value .valueList li .panelTitle .num {
    font-size: 48px; /* legacy */
    font-size: 12.8vw;
    line-height: 1;
    letter-spacing: 0em;
    width: 17.3333333333vw;
  }
  #RECRUIT .value .valueList li .panelTitle .ja {
    border-left: solid 0.2666666667vw #5c5c5c;
    padding-left: 5.3333333333vw;
  }
  #RECRUIT .value .valueList li .text {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
    letter-spacing: 0.08em;
  }
  #RECRUIT .value .valueList li .text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.3571428571em;
    content: "";
  }
  #RECRUIT .value .valueList li .text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.3571428571em;
    content: "";
  }
  #RECRUIT .value .valueList li:nth-child(1)::after {
    right: 5.7333333333vw;
  }
  #RECRUIT .value .valueList li:nth-child(2)::after {
    right: 4.1333333333vw;
  }
  #RECRUIT .value .valueList li:nth-child(3)::after {
    right: 3.3333333333vw;
  }
  #RECRUIT .value .valueList li:nth-child(4)::after {
    right: 4.1333333333vw;
  }
  #RECRUIT .value .valueList li:nth-child(5)::after {
    right: 4.8vw;
  }
}
#RECRUIT .value .bgLine {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
#RECRUIT .value .bgLine.line1 {
  height: 1px;
  background: #ebebeb;
}
#RECRUIT .message + .message {
  margin-top: 7.5cqw;
}
@media screen and (min-width: 768px) {
  #RECRUIT .message:nth-child(odd) .inner {
    padding-right: 2.5cqw;
    padding-left: 0.9375cqw;
  }
  #RECRUIT .message:nth-child(odd) .mod_sectionTitle {
    width: 42.34375cqw;
    margin-left: auto;
  }
  #RECRUIT .message:nth-child(odd) .column2_Image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #RECRUIT .message:nth-child(odd) .column2_Image .textArea {
    -ms-flex-preferred-size: 42.34375cqw;
        flex-basis: 42.34375cqw;
  }
}
@media screen and (max-width: 767px) {
  #RECRUIT .message + .message {
    margin-top: 25.6vw;
  }
  #RECRUIT .message .inner {
    margin-bottom: 0;
  }
  #RECRUIT .message .mod_sectionTitle {
    white-space: nowrap;
  }
}
#RECRUIT .entry {
  position: relative;
  z-index: 10;
}
#RECRUIT .entry .cqBase {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#RECRUIT .entry .inner {
  margin-left: 0.9375cqw;
  margin-right: 0.9375cqw;
  margin-top: 10cqw;
  margin-bottom: 0.9375cqw;
}
#RECRUIT .entry .inner a {
  display: block;
  background: #9b00c2 url(../images/recruit/entry_bg@pc.png) no-repeat center center;
  background-size: cover;
  border-radius: 1.25cqw;
  overflow: hidden;
}
#RECRUIT .entry .inner a > .frame {
  padding: 6.640625cqw 2.5cqw 6.640625cqw 4.0625cqw;
}
#RECRUIT .entry .column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#RECRUIT .entry .copy {
  color: #FFFFFF;
  font-size: 32px; /* legacy */
  font-size: 2.5cqw;
  line-height: 1.71875;
  letter-spacing: 0em;
}
#RECRUIT .entry .copy::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.359375em;
  content: "";
}
#RECRUIT .entry .copy::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.359375em;
  content: "";
}
#RECRUIT .entry .link {
  width: 29.296875cqw;
  margin-left: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#RECRUIT .entry .mod_linkBtn {
  border: solid 0.1171875cqw #9b00c2;
  border-radius: 7px;
}
#RECRUIT .entry .mod_linkBtn .frame {
  font-size: 28px; /* legacy */
  font-size: 2.1875cqw;
  line-height: 1;
  letter-spacing: 0em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 29.296875cqw;
  height: 6.796875cqw;
}
#RECRUIT .entry .mod_linkBtn .frame > span {
  margin-left: 2.9296875cqw;
}
#RECRUIT .entry .mod_linkBtn .frame > span img, #RECRUIT .entry .mod_linkBtn .frame > span .svg {
  width: 12.96875cqw;
}
@media screen and (min-width: 768px) {
  #RECRUIT .entry a {
    position: relative;
  }
  #RECRUIT .entry a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/recruit/entry_bg_hover@pc.png) no-repeat center center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #RECRUIT .entry a .frame {
    position: relative;
    z-index: 10;
  }
  #RECRUIT .entry a .copy {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #RECRUIT .entry a .mod_linkBtn {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #f5f5f5;
  }
  #RECRUIT .entry a .mod_linkBtn .frame > span img, #RECRUIT .entry a .mod_linkBtn .frame > span .svg {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #RECRUIT .entry a:hover::before {
    opacity: 1;
  }
  #RECRUIT .entry a:hover .copy {
    color: #9b00c2;
  }
  #RECRUIT .entry a:hover .mod_linkBtn {
    color: #FFFFFF;
    background: #9b00c2;
  }
  #RECRUIT .entry a:hover .mod_linkBtn .frame > span img, #RECRUIT .entry a:hover .mod_linkBtn .frame > span .svg {
    -webkit-animation-name: linkArrow;
            animation-name: linkArrow;
  }
  #RECRUIT .entry a:hover .mod_linkBtn .frame > span img .fill-link-arrow, #RECRUIT .entry a:hover .mod_linkBtn .frame > span .svg .fill-link-arrow {
    fill: #f5f5f5;
  }
}
@media screen and (max-width: 767px) {
  #RECRUIT .entry .inner {
    padding-left: 2vw;
    padding-right: 2vw;
    margin-left: 0;
    margin-right: 0;
    margin-top: 34.1333333333vw;
    margin-bottom: 4.2666666667vw;
  }
  #RECRUIT .entry .inner a {
    display: block;
  }
  #RECRUIT .entry .inner a > .frame {
    padding: 8.5333333333vw 5.3333333333vw;
    border-radius: 4.2666666667vw;
    background: #9b00c2 url(../images/recruit/entry_bg@sp.png) no-repeat center center;
    background-size: cover;
  }
  #RECRUIT .entry .column2 {
    display: block;
  }
  #RECRUIT .entry .copy {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-align: justify;
  }
  #RECRUIT .entry .copy::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.25em;
    content: "";
  }
  #RECRUIT .entry .copy::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.25em;
    content: "";
  }
  #RECRUIT .entry .link {
    width: 100%;
    margin-top: 18.6666666667vw;
  }
  #RECRUIT .entry .mod_linkBtn {
    border: none;
    width: 100%;
    background: #f5f5f5;
  }
  #RECRUIT .entry .mod_linkBtn .frame {
    width: 100%;
    height: 14.9333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px; /* legacy */
    font-size: 4.2666666667vw;
    line-height: 1;
    letter-spacing: 0em;
  }
  #RECRUIT .entry .mod_linkBtn .frame > span {
    margin-left: 4.2666666667vw;
    background: url(../images/recruit/entry_arrow@sp.png) no-repeat center center;
    background-size: 100% auto;
  }
  #RECRUIT .entry .mod_linkBtn .frame > span img, #RECRUIT .entry .mod_linkBtn .frame > span .svg {
    width: 51.7333333333vw;
    visibility: hidden;
  }
}
.menuOver #RECRUIT #menuBtn {
  mix-blend-mode: difference;
}
.menuOver #RECRUIT #menuBtn button span {
  background: #64ff3d;
}
.menuOver #RECRUIT #menuBtn button .text {
  color: #64ff3d;
}
.MOpen #RECRUIT #menuBtn {
  mix-blend-mode: normal;
}
.MOpen #RECRUIT #menuBtn button span {
  background: #9b00c2;
}

/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> #BLOG */
#BLOG #Main > .frame .bgLine.line3 {
  display: none;
}
@media screen and (max-width: 767px) {
  #BLOG .mod_page .pageTitle {
    height: calc(50svh - 47px - 0.6666666667vw);
  }
  #BLOG .mod_page::after {
    display: block;
    padding-top: 75.6vw;
    padding-top: calc(50svh - 47px - 0.6666666667vw);
  }
}
#BLOG .archives {
  position: relative;
  z-index: 10;
}
#BLOG .archives .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#BLOG .archives .inner {
  position: relative;
  z-index: 10;
  padding-left: 5cqw;
  padding-right: 5cqw;
  margin-bottom: 10cqw;
}
#BLOG .archives .postList {
  margin: 0 -0.625cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#BLOG .archives .postList .mod_card {
  margin: 0 0.625cqw;
}
@media screen and (min-width: 768px) {
  #BLOG .archives .postList .mod_card:nth-child(n+4) {
    margin-top: 1.25cqw;
  }
}
@media screen and (max-width: 767px) {
  #BLOG .archives .inner {
    position: relative;
    z-index: 10;
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    margin-bottom: 17.0666666667vw;
  }
  #BLOG .archives .postList {
    margin: 0;
    display: block;
  }
  #BLOG .archives .postList .mod_card {
    width: 80vw;
    margin: 0;
  }
  #BLOG .archives .postList .mod_card + .mod_card {
    margin-top: 3.2vw;
  }
}
#BLOG .detail {
  position: relative;
  z-index: 10;
}
#BLOG .detail .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#BLOG .detail .inner {
  position: relative;
  z-index: 10;
  padding-left: 5cqw;
  padding-right: 5cqw;
  margin-bottom: 10cqw;
}
@media screen and (max-width: 767px) {
  #BLOG .detail .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    margin-bottom: 17.0666666667vw;
  }
}
#BLOG .detail .entryMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.734375cqw;
}
#BLOG .detail .entryMeta .entryDate {
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1;
  letter-spacing: 0em;
}
#BLOG .detail .entryMeta .entryCategory {
  margin-left: 1.25cqw;
}
#BLOG .detail .entryMeta .entryCategory ul {
  padding-left: 1.25cqw;
  border-left: solid 1px #5c5c5c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#BLOG .detail .entryMeta .entryCategory ul li {
  border: solid 1px #000000;
  border-radius: 3px;
}
#BLOG .detail .entryMeta .entryCategory ul li + li {
  margin-left: 0.625cqw;
}
#BLOG .detail .entryMeta .entryCategory ul li span {
  display: inline-block;
  padding: 0.3125cqw 0.625cqw;
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1;
  letter-spacing: 0em;
}
#BLOG .detail .entryMeta .entryCategory ul li span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: 0em;
  content: "";
}
#BLOG .detail .entryMeta .entryCategory ul li span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: 0em;
  content: "";
}
@media screen and (max-width: 767px) {
  #BLOG .detail .entryMeta {
    margin-bottom: 6.6666666667vw;
  }
  #BLOG .detail .entryMeta .entryDate {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0em;
  }
  #BLOG .detail .entryMeta .entryCategory {
    margin-left: 4.2666666667vw;
  }
  #BLOG .detail .entryMeta .entryCategory ul {
    padding-left: 4.2666666667vw;
    border-left: solid 0.2666666667vw #5c5c5c;
  }
  #BLOG .detail .entryMeta .entryCategory ul li {
    border: solid 0.2666666667vw #000000;
    border-radius: 0.8vw;
  }
  #BLOG .detail .entryMeta .entryCategory ul li + li {
    margin-left: 2.1333333333vw;
  }
  #BLOG .detail .entryMeta .entryCategory ul li span {
    padding: 0.5333333333vw 1.3333333333vw;
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: -0.025em;
  }
  #BLOG .detail .entryMeta .entryCategory ul li span::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: 0em;
    content: "";
  }
  #BLOG .detail .entryMeta .entryCategory ul li span::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 0em;
    content: "";
  }
}
#BLOG .detail .entryTitle {
  font-size: 48px; /* legacy */
  font-size: 3.75cqw;
  line-height: 1.3333333333;
  letter-spacing: 0em;
}
#BLOG .detail .entryTitle::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.1666666667em;
  content: "";
}
#BLOG .detail .entryTitle::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.1666666667em;
  content: "";
}
#BLOG .detail .cover {
  width: 98.125cqw;
  margin-left: -4.1015625cqw;
  margin-top: 2.734375cqw;
  text-align: center;
}
#BLOG .detail .cover img {
  border-radius: 16px;
  overflow: hidden;
}
#BLOG .detail .entryBody {
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 2;
  letter-spacing: 0em;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-top: 5cqw;
  margin-bottom: 5.859375cqw;
}
#BLOG .detail .entryBody img {
  border-radius: 16px;
  overflow: hidden;
}
#BLOG .detail .entryBody .image_l {
  width: 98.125cqw;
  margin-left: -4.1015625cqw;
  text-align: center;
}
#BLOG .detail .entryBody .column_photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#BLOG .detail .entryBody .column_photo .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23.125cqw;
          flex: 0 0 23.125cqw;
}
#BLOG .detail .entryBody .column_photo .textArea {
  margin-left: 2.890625cqw;
  margin-bottom: 0;
}
#BLOG .detail .entryBody .column_photo .textArea > *:last-child {
  margin-bottom: 0;
}
#BLOG .detail .entryBody .column_photo .textArea dl dt {
  font-size: 18px; /* legacy */
  font-size: 1.40625cqw;
  line-height: 1.5555555556;
  letter-spacing: 0em;
}
#BLOG .detail .entryBody .column_photo .textArea dl dt small {
  display: block;
}
#BLOG .detail .entryBody .column_photo .textArea dl dt small.honorific {
  display: inline;
}
#BLOG .detail .entryBody .column_photo .textArea dl dd > *:last-child {
  margin-bottom: 0;
}
#BLOG .detail .back {
  text-align: center;
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1;
  letter-spacing: 0em;
}
#BLOG .detail .back .linkArrow {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#BLOG .detail .back .linkArrow span {
  margin-left: 1.171875cqw;
}
#BLOG .detail .back .linkArrow span, #BLOG .detail .back .linkArrow img, #BLOG .detail .back .linkArrow .svg {
  width: 8.6328125cqw;
}
@media screen and (max-width: 767px) {
  #BLOG .detail .entryTitle {
    font-size: 32px; /* legacy */
    font-size: 8.5333333333vw;
    line-height: 1.375;
    letter-spacing: 0em;
  }
  #BLOG .detail .entryTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.1875em;
    content: "";
  }
  #BLOG .detail .entryTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.1875em;
    content: "";
  }
  #BLOG .detail .cover {
    width: 96vw;
    margin-left: -5.3333333333vw;
    border-radius: 4.2666666667vw;
    overflow: hidden;
    margin-top: 6.6666666667vw;
  }
  #BLOG .detail .entryBody {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2;
    letter-spacing: 0em;
    margin-top: 8.5333333333vw;
    margin-bottom: 13.3333333333vw;
  }
  #BLOG .detail .entryBody img {
    border-radius: 4.2666666667vw;
    overflow: hidden;
  }
  #BLOG .detail .entryBody .image_l {
    width: 96vw;
    margin-left: -5.3333333333vw;
  }
  #BLOG .detail .entryBody .image_l img {
    border-radius: 4.2666666667vw;
  }
  #BLOG .detail .entryBody .column_photo {
    display: block;
  }
  #BLOG .detail .entryBody .column_photo .image {
    width: 100%;
  }
  #BLOG .detail .entryBody .column_photo .textArea {
    margin-left: 0;
    margin-bottom: 0;
  }
  #BLOG .detail .entryBody .column_photo .textArea dl dt {
    font-size: 16px; /* legacy */
    font-size: 4.2666666667vw;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  #BLOG .detail .back {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0em;
  }
  #BLOG .detail .back .linkArrow span {
    margin-left: 2vw;
  }
  #BLOG .detail .back .linkArrow span, #BLOG .detail .back .linkArrow img, #BLOG .detail .back .linkArrow .svg {
    width: 29.4666666667vw;
  }
}
#BLOG .pageNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5cqw;
}
@media screen and (min-width: 768px) {
  #BLOG .pageNavi a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #BLOG .pageNavi a:hover {
    color: #9b00c2;
  }
}
#BLOG .pageNavi .linkButton .linkArrow span, #BLOG .pageNavi .linkButton .linkArrow img, #BLOG .pageNavi .linkButton .linkArrow .svg {
  width: 8.0078125cqw;
}
#BLOG .pageNavi .linkButton.prev {
  text-align: left;
}
#BLOG .pageNavi .linkButton.prev .linkArrow span {
  margin-right: 1.171875cqw;
  rotate: 180deg;
}
#BLOG .pageNavi .linkButton.next {
  text-align: right;
}
#BLOG .pageNavi .linkButton.next .linkArrow span {
  margin-left: 1.171875cqw;
}
#BLOG .pageNavi .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 2.34375cqw;
}
#BLOG .pageNavi .num a {
  display: block;
  text-decoration: underline;
  text-decoration-color: #9b00c2;
}
#BLOG .pageNavi .num a span {
  font-weight: 500;
}
#BLOG .pageNavi .num span {
  display: block;
  text-align: center;
  width: 2em;
  padding: 0.5em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #BLOG .pageNavi {
    margin-top: 17.0666666667vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #BLOG .pageNavi .linkButton .linkArrow span, #BLOG .pageNavi .linkButton .linkArrow img, #BLOG .pageNavi .linkButton .linkArrow .svg {
    width: 14.6666666667vw;
  }
  #BLOG .pageNavi .linkButton.prev .linkArrow span {
    margin-right: 4vw;
  }
  #BLOG .pageNavi .linkButton.next .linkArrow span {
    margin-left: 4vw;
  }
  #BLOG .pageNavi .num {
    display: none;
  }
}

/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> #CONTACT */
#CONTACT {
  /*-------------------------------------------> Contact Form 7 */
}
#CONTACT #Main > .frame .bgLine.line3 {
  display: none;
}
#CONTACT .mod_page .sub {
  font-size: 64px; /* legacy */
  font-size: 5cqw;
  line-height: 1.125;
  letter-spacing: -0.04em;
}
#CONTACT .mod_page .sub::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.2125em;
  content: "";
}
#CONTACT .mod_page .sub::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.2125em;
  content: "";
}
@media screen and (max-width: 767px) {
  #CONTACT .mod_page .sub {
    font-size: 28px; /* legacy */
    font-size: 7.4666666667vw;
    line-height: 1.1428571429;
    letter-spacing: -0.04em;
  }
  #CONTACT .mod_page .sub::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2214285714em;
    content: "";
  }
  #CONTACT .mod_page .sub::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.2214285714em;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  #CONTACT .mod_page .pageTitle {
    height: calc(50svh - 47px - 0.6666666667vw);
  }
  #CONTACT .mod_page::after {
    display: block;
    padding-top: 75.6vw;
    padding-top: calc(50svh - 47px - 0.6666666667vw);
  }
}
#CONTACT .form .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#CONTACT #formEntry, #CONTACT #formConfirm {
  padding-left: 0.9375cqw;
  padding-right: 0.9375cqw;
  margin-bottom: 2.5cqw;
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 1.5;
  letter-spacing: 0em;
}
#CONTACT #formEntry .read, #CONTACT #formConfirm .read {
  margin-bottom: 5cqw;
}
#CONTACT #formEntry .read > .inner, #CONTACT #formConfirm .read > .inner {
  width: auto;
  padding-left: 4.0625cqw;
  padding-right: 4.0625cqw;
}
#CONTACT #formEntry .read .text, #CONTACT #formConfirm .read .text {
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1.7142857143;
  letter-spacing: 0.08em;
}
#CONTACT #formEntry .read .text::before, #CONTACT #formConfirm .read .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.3571428571em;
  content: "";
}
#CONTACT #formEntry .read .text::after, #CONTACT #formConfirm .read .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.3571428571em;
  content: "";
}
#CONTACT #formEntry .entryFrame, #CONTACT #formConfirm .entryFrame {
  background: rgba(0, 0, 0, 0.04);
  overflow: hidden;
  border-radius: 0.625cqw;
  padding: 6.171875cqw 4.0625cqw 4.296875cqw;
}
#CONTACT #formEntry .inner, #CONTACT #formConfirm .inner {
  width: 78.75cqw;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#CONTACT #formEntry .block, #CONTACT #formEntry div[data-class=wpcf7cf_group], #CONTACT #formConfirm .block, #CONTACT #formConfirm div[data-class=wpcf7cf_group] {
  width: 100%;
}
#CONTACT #formEntry .block + .block, #CONTACT #formEntry .block + div[data-class=wpcf7cf_group], #CONTACT #formEntry div[data-class=wpcf7cf_group] + .block, #CONTACT #formEntry div[data-class=wpcf7cf_group] + div[data-class=wpcf7cf_group], #CONTACT #formConfirm .block + .block, #CONTACT #formConfirm .block + div[data-class=wpcf7cf_group], #CONTACT #formConfirm div[data-class=wpcf7cf_group] + .block, #CONTACT #formConfirm div[data-class=wpcf7cf_group] + div[data-class=wpcf7cf_group] {
  margin-top: 2.5cqw;
}
#CONTACT #formEntry .block dt, #CONTACT #formEntry div[data-class=wpcf7cf_group] dt, #CONTACT #formConfirm .block dt, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dt {
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
  margin-bottom: 1.25cqw;
}
#CONTACT #formEntry .block dt .required, #CONTACT #formEntry div[data-class=wpcf7cf_group] dt .required, #CONTACT #formConfirm .block dt .required, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dt .required {
  display: inline-block;
  color: #F00;
  margin-left: 0.2em;
}
#CONTACT #formEntry .block dd, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd, #CONTACT #formConfirm .block dd, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd {
  font-size: 16px; /* legacy */
  font-size: 1.25cqw;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
}
#CONTACT #formEntry .block dd + dd, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd + dd, #CONTACT #formConfirm .block dd + dd, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd + dd {
  margin-top: 1em;
}
#CONTACT #formEntry .block dd input, #CONTACT #formEntry .block dd textarea, #CONTACT #formEntry .block dd select, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select, #CONTACT #formConfirm .block dd input, #CONTACT #formConfirm .block dd textarea, #CONTACT #formConfirm .block dd select, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select {
  border-radius: 0;
  width: 100%;
  font-weight: 700;
  border: solid 1px #000000;
  background: #FFFFFF;
}
#CONTACT #formEntry .block dd input::-webkit-input-placeholder, #CONTACT #formEntry .block dd textarea::-webkit-input-placeholder, #CONTACT #formEntry .block dd select::-webkit-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input::-webkit-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea::-webkit-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select::-webkit-input-placeholder, #CONTACT #formConfirm .block dd input::-webkit-input-placeholder, #CONTACT #formConfirm .block dd textarea::-webkit-input-placeholder, #CONTACT #formConfirm .block dd select::-webkit-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input::-webkit-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea::-webkit-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select::-webkit-input-placeholder {
  color: #b2b2b2;
}
#CONTACT #formEntry .block dd input::-moz-placeholder, #CONTACT #formEntry .block dd textarea::-moz-placeholder, #CONTACT #formEntry .block dd select::-moz-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input::-moz-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea::-moz-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select::-moz-placeholder, #CONTACT #formConfirm .block dd input::-moz-placeholder, #CONTACT #formConfirm .block dd textarea::-moz-placeholder, #CONTACT #formConfirm .block dd select::-moz-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input::-moz-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea::-moz-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select::-moz-placeholder {
  color: #b2b2b2;
}
#CONTACT #formEntry .block dd input:-ms-input-placeholder, #CONTACT #formEntry .block dd textarea:-ms-input-placeholder, #CONTACT #formEntry .block dd select:-ms-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input:-ms-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea:-ms-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select:-ms-input-placeholder, #CONTACT #formConfirm .block dd input:-ms-input-placeholder, #CONTACT #formConfirm .block dd textarea:-ms-input-placeholder, #CONTACT #formConfirm .block dd select:-ms-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input:-ms-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea:-ms-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select:-ms-input-placeholder {
  color: #b2b2b2;
}
#CONTACT #formEntry .block dd input::-ms-input-placeholder, #CONTACT #formEntry .block dd textarea::-ms-input-placeholder, #CONTACT #formEntry .block dd select::-ms-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input::-ms-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea::-ms-input-placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select::-ms-input-placeholder, #CONTACT #formConfirm .block dd input::-ms-input-placeholder, #CONTACT #formConfirm .block dd textarea::-ms-input-placeholder, #CONTACT #formConfirm .block dd select::-ms-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input::-ms-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea::-ms-input-placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select::-ms-input-placeholder {
  color: #b2b2b2;
}
#CONTACT #formEntry .block dd input::placeholder, #CONTACT #formEntry .block dd textarea::placeholder, #CONTACT #formEntry .block dd select::placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input::placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea::placeholder, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select::placeholder, #CONTACT #formConfirm .block dd input::placeholder, #CONTACT #formConfirm .block dd textarea::placeholder, #CONTACT #formConfirm .block dd select::placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input::placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea::placeholder, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select::placeholder {
  color: #b2b2b2;
}
#CONTACT #formEntry .block dd input.short, #CONTACT #formEntry .block dd textarea.short, #CONTACT #formEntry .block dd select.short, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input.short, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea.short, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select.short, #CONTACT #formConfirm .block dd input.short, #CONTACT #formConfirm .block dd textarea.short, #CONTACT #formConfirm .block dd select.short, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input.short, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea.short, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select.short {
  width: 62%;
}
#CONTACT #formEntry .block dd select, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select, #CONTACT #formConfirm .block dd select, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#CONTACT #formEntry .block dd input[type=text], #CONTACT #formEntry .block dd input[type=email], #CONTACT #formEntry .block dd input[type=tel], #CONTACT #formEntry .block dd textarea, #CONTACT #formEntry .block dd select, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input[type=text], #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input[type=email], #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input[type=tel], #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select, #CONTACT #formConfirm .block dd input[type=text], #CONTACT #formConfirm .block dd input[type=email], #CONTACT #formConfirm .block dd input[type=tel], #CONTACT #formConfirm .block dd textarea, #CONTACT #formConfirm .block dd select, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input[type=text], #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input[type=email], #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input[type=tel], #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select {
  padding: 0.7em 1em;
  letter-spacing: 0.05em;
}
#CONTACT #formEntry .block dd textarea, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea, #CONTACT #formConfirm .block dd textarea, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea {
  height: 23.75cqw;
}
#CONTACT #formEntry .block dd label.select, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd label.select, #CONTACT #formConfirm .block dd label.select, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd label.select {
  position: relative;
  display: block;
}
#CONTACT #formEntry .block dd label.select::after, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd label.select::after, #CONTACT #formConfirm .block dd label.select::after, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd label.select::after {
  content: "";
  display: block;
  pointer-events: none;
  width: auto;
  height: calc(100% - 2px);
  aspect-ratio: 1/1;
  position: absolute;
  z-index: 10;
  top: 1px;
  right: 1px;
  background: url(../images/common/form_select_arrow.png) no-repeat center center;
  background-size: contain;
}
#CONTACT #formEntry .term, #CONTACT #formEntry .recaptcha, #CONTACT #formConfirm .term, #CONTACT #formConfirm .recaptcha {
  text-align: center;
}
#CONTACT #formEntry .term a, #CONTACT #formEntry .recaptcha a, #CONTACT #formConfirm .term a, #CONTACT #formConfirm .recaptcha a {
  text-decoration: underline;
  text-decoration-color: #9b00c2;
}
#CONTACT #formEntry .term, #CONTACT #formConfirm .term {
  margin-top: 4.84375cqw;
  margin-bottom: 4.296875cqw;
}
#CONTACT #formEntry .recaptcha, #CONTACT #formConfirm .recaptcha {
  font-size: 12px; /* legacy */
  font-size: 0.9375cqw;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  margin-top: 1.875cqw;
}
#CONTACT #formEntry .buttonWrap, #CONTACT #formConfirm .buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#CONTACT #formEntry .buttonWrap .mod_linkBtn, #CONTACT #formConfirm .buttonWrap .mod_linkBtn {
  margin-left: 0.625cqw;
  margin-right: 0.625cqw;
}
@media screen and (max-width: 767px) {
  #CONTACT #formEntry, #CONTACT #formConfirm {
    padding-left: 2vw;
    padding-right: 2vw;
    margin-bottom: 8.5333333333vw;
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  #CONTACT #formEntry .read, #CONTACT #formConfirm .read {
    margin-bottom: 12.5333333333vw;
  }
  #CONTACT #formEntry .read > .inner, #CONTACT #formConfirm .read > .inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  #CONTACT #formEntry .read .text, #CONTACT #formConfirm .read .text {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2;
    letter-spacing: 0.08em;
  }
  #CONTACT #formEntry .read .text::before, #CONTACT #formConfirm .read .text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.5em;
    content: "";
  }
  #CONTACT #formEntry .read .text::after, #CONTACT #formConfirm .read .text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.5em;
    content: "";
  }
  #CONTACT #formEntry .entryFrame, #CONTACT #formConfirm .entryFrame {
    border-radius: 2.1333333333vw;
    padding: 8.5333333333vw 5.3333333333vw;
  }
  #CONTACT #formEntry .inner, #CONTACT #formConfirm .inner {
    width: 100%;
    padding: 0;
  }
  #CONTACT #formEntry .block, #CONTACT #formEntry div[data-class=wpcf7cf_group], #CONTACT #formConfirm .block, #CONTACT #formConfirm div[data-class=wpcf7cf_group] {
    width: 100%;
  }
  #CONTACT #formEntry .block + .block, #CONTACT #formEntry .block + div[data-class=wpcf7cf_group], #CONTACT #formEntry div[data-class=wpcf7cf_group] + .block, #CONTACT #formEntry div[data-class=wpcf7cf_group] + div[data-class=wpcf7cf_group], #CONTACT #formConfirm .block + .block, #CONTACT #formConfirm .block + div[data-class=wpcf7cf_group], #CONTACT #formConfirm div[data-class=wpcf7cf_group] + .block, #CONTACT #formConfirm div[data-class=wpcf7cf_group] + div[data-class=wpcf7cf_group] {
    margin-top: 8.2666666667vw;
  }
  #CONTACT #formEntry .block dt, #CONTACT #formEntry div[data-class=wpcf7cf_group] dt, #CONTACT #formConfirm .block dt, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dt {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 4.2666666667vw;
  }
  #CONTACT #formEntry .block dd, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd, #CONTACT #formConfirm .block dd, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  #CONTACT #formEntry .block dd input.short, #CONTACT #formEntry .block dd textarea.short, #CONTACT #formEntry .block dd select.short, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd input.short, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea.short, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd select.short, #CONTACT #formConfirm .block dd input.short, #CONTACT #formConfirm .block dd textarea.short, #CONTACT #formConfirm .block dd select.short, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd input.short, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea.short, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd select.short {
    width: 100%;
  }
  #CONTACT #formEntry .block dd textarea, #CONTACT #formEntry div[data-class=wpcf7cf_group] dd textarea, #CONTACT #formConfirm .block dd textarea, #CONTACT #formConfirm div[data-class=wpcf7cf_group] dd textarea {
    height: 81.0666666667vw;
  }
  #CONTACT #formEntry .term, #CONTACT #formEntry .recaptcha, #CONTACT #formConfirm .term, #CONTACT #formConfirm .recaptcha {
    text-align: left;
  }
  #CONTACT #formEntry .term, #CONTACT #formConfirm .term {
    margin-top: 10.1333333333vw;
    margin-bottom: 12.5333333333vw;
  }
  #CONTACT #formEntry .recaptcha, #CONTACT #formConfirm .recaptcha {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1.3333333333;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 4.2666666667vw;
  }
  #CONTACT #formEntry .buttonWrap, #CONTACT #formConfirm .buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: center;
  }
  #CONTACT #formEntry .buttonWrap .mod_linkBtn, #CONTACT #formConfirm .buttonWrap .mod_linkBtn {
    margin-left: 2.1333333333vw;
    margin-right: 2.1333333333vw;
  }
}
#CONTACT #formConfirm .block dt {
  padding-bottom: 0.5em;
  border-bottom: solid 1px #5c5c5c;
}
#CONTACT #formConfirm .term {
  display: none;
}
#CONTACT #formConfirm .buttonWrap {
  margin-top: 4.296875cqw;
}
#CONTACT #formConfirm .buttonWrap .mod_linkBtn.back {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@media screen and (max-width: 767px) {
  #CONTACT #formConfirm .buttonWrap {
    margin-top: 12.5333333333vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #CONTACT #formConfirm .buttonWrap .mod_linkBtn {
    margin-left: 0;
    margin-right: 0;
  }
  #CONTACT #formConfirm .buttonWrap .mod_linkBtn a, #CONTACT #formConfirm .buttonWrap .mod_linkBtn button, #CONTACT #formConfirm .buttonWrap .mod_linkBtn .linkArrow {
    width: calc((85.3333333333vw - 2.1333333333vw) / 2);
  }
  #CONTACT #formConfirm .buttonWrap .mod_linkBtn a .frame > span, #CONTACT #formConfirm .buttonWrap .mod_linkBtn button .frame > span, #CONTACT #formConfirm .buttonWrap .mod_linkBtn .linkArrow .frame > span {
    margin-left: 1.8666666667vw;
  }
  #CONTACT #formConfirm .buttonWrap .mod_linkBtn a .frame > span img, #CONTACT #formConfirm .buttonWrap .mod_linkBtn a .frame > span .svg, #CONTACT #formConfirm .buttonWrap .mod_linkBtn button .frame > span img, #CONTACT #formConfirm .buttonWrap .mod_linkBtn button .frame > span .svg, #CONTACT #formConfirm .buttonWrap .mod_linkBtn .linkArrow .frame > span img, #CONTACT #formConfirm .buttonWrap .mod_linkBtn .linkArrow .frame > span .svg {
    width: 13.3333333333vw;
  }
}
#CONTACT #formComplete .inner {
  padding-left: 5cqw;
  padding-right: 5cqw;
}
#CONTACT #formComplete .thanks {
  font-size: 32px; /* legacy */
  font-size: 2.5cqw;
  line-height: 1;
  letter-spacing: 0em;
}
#CONTACT #formComplete .thanks::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: 0em;
  content: "";
}
#CONTACT #formComplete .thanks::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: 0em;
  content: "";
}
#CONTACT #formComplete .text {
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-top: 0.859375cqw;
}
#CONTACT #formComplete .text::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
  content: "";
}
#CONTACT #formComplete .text::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.25em;
  content: "";
}
#CONTACT #formComplete .mod_linkBtn {
  margin-top: 5.234375cqw;
}
@media screen and (max-width: 767px) {
  #CONTACT #formComplete .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
  #CONTACT #formComplete .thanks {
    font-size: 32px; /* legacy */
    font-size: 8.5333333333vw;
    line-height: 1.5;
    letter-spacing: 0em;
  }
  #CONTACT #formComplete .thanks::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.25em;
    content: "";
  }
  #CONTACT #formComplete .thanks::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.25em;
    content: "";
  }
  #CONTACT #formComplete .text {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2;
    letter-spacing: 0em;
    margin-top: 5.3333333333vw;
  }
  #CONTACT #formComplete .text::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.5em;
    content: "";
  }
  #CONTACT #formComplete .text::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.5em;
    content: "";
  }
  #CONTACT #formComplete .mod_linkBtn {
    margin-top: 16vw;
  }
}
#CONTACT .wpcf7-form .wpcf7-form-control-wrap:has(select) {
  position: relative;
  display: block;
}
#CONTACT .wpcf7-form .wpcf7-form-control-wrap:has(select) .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  bottom: 0;
  translate: 0 calc(100% + 0.2em);
}
#CONTACT .wpcf7-form input[type=submit], #CONTACT .wpcf7-form input[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
#CONTACT .wpcf7-form span.wpcf7-spinner {
  display: none;
}
#CONTACT .wpcf7-form .mod_linkBtn a, #CONTACT .wpcf7-form .mod_linkBtn button, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: #000000;
  border: solid 1px #9b00c2;
  width: 19.921875cqw;
  height: 4.296875cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 7px;
  background: #FFFFFF;
}
#CONTACT .wpcf7-form .mod_linkBtn a .frame, #CONTACT .wpcf7-form .mod_linkBtn button .frame, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1;
  letter-spacing: 0em;
}
#CONTACT .wpcf7-form .mod_linkBtn a .frame > span, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span {
  margin-left: 1.171875cqw;
}
#CONTACT .wpcf7-form .mod_linkBtn a .frame > span img, #CONTACT .wpcf7-form .mod_linkBtn a .frame > span .svg, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span img, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span .svg, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span img, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span .svg {
  width: 8.7109375cqw;
}
#CONTACT .wpcf7-form .mod_linkBtn a .frame > span img .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn a .frame > span .svg .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span img .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span .svg .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span img .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span .svg .fill-link-arrow {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media screen and (min-width: 768px) {
  #CONTACT .wpcf7-form .mod_linkBtn a, #CONTACT .wpcf7-form .mod_linkBtn button, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #FFFFFF;
  }
  #CONTACT .wpcf7-form .mod_linkBtn a:hover, #CONTACT .wpcf7-form .mod_linkBtn button:hover, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow:hover {
    color: #FFFFFF;
    background: #9b00c2;
  }
  #CONTACT .wpcf7-form .mod_linkBtn a:hover .frame > span img .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn a:hover .frame > span .svg .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn button:hover .frame > span img .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn button:hover .frame > span .svg .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow:hover .frame > span img .fill-link-arrow, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow:hover .frame > span .svg .fill-link-arrow {
    fill: #FFFFFF;
  }
}
@media screen and (max-width: 767px) {
  #CONTACT .wpcf7-form .mod_linkBtn a, #CONTACT .wpcf7-form .mod_linkBtn button, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow {
    border: solid 0.2666666667vw #9b00c2;
    width: 53.3333333333vw;
    height: 12.8vw;
    border-radius: 1.0666666667vw;
  }
  #CONTACT .wpcf7-form .mod_linkBtn a .frame, #CONTACT .wpcf7-form .mod_linkBtn button .frame, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0em;
  }
  #CONTACT .wpcf7-form .mod_linkBtn a .frame > span img, #CONTACT .wpcf7-form .mod_linkBtn a .frame > span .svg, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span img, #CONTACT .wpcf7-form .mod_linkBtn button .frame > span .svg, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span img, #CONTACT .wpcf7-form .mod_linkBtn .linkArrow .frame > span .svg {
    margin-left: 1.8666666667vw;
    width: 29.6vw;
  }
}
#CONTACT .wpcf7-form .mod_linkBtn a:has([disabled]), #CONTACT .wpcf7-form .mod_linkBtn button:has([disabled]), #CONTACT .wpcf7-form .mod_linkBtn .linkArrow:has([disabled]) {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> #PRIVACY */
#PRIVACY #Main > .frame .bgLine.line3 {
  display: none;
}
@media screen and (max-width: 767px) {
  #PRIVACY .mod_page .pageTitle {
    height: calc(50svh - 47px - 0.6666666667vw);
  }
  #PRIVACY .mod_page .pageTitle::before {
    translate: 0 -1.85em;
  }
  #PRIVACY .mod_page::after {
    display: block;
    padding-top: 75.6vw;
    padding-top: calc(50svh - 47px - 0.6666666667vw);
  }
}
#PRIVACY .block {
  position: relative;
  z-index: 10;
}
#PRIVACY .block .cqBase {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
#PRIVACY .block .inner {
  position: relative;
  z-index: 10;
  padding-left: 5cqw;
  padding-right: 5cqw;
}
@media screen and (max-width: 767px) {
  #PRIVACY .block .inner {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
  }
}
#PRIVACY .block + .block .inner {
  margin-top: 4.296875cqw;
}
#PRIVACY .block.Last .inner {
  margin-bottom: 10cqw;
}
#PRIVACY .block .inner {
  font-size: 14px; /* legacy */
  font-size: 1.09375cqw;
  line-height: 1.7142857143;
  letter-spacing: 0.08em;
}
#PRIVACY .block .inner .mod_sectionTitle {
  margin-bottom: 0.5em;
}
#PRIVACY .block .inner .mod_sectionTitle.ja {
  font-size: 24px; /* legacy */
  font-size: 1.875cqw;
  line-height: 1.3333333333;
  letter-spacing: 0.08em;
  font-weight: 700;
}
#PRIVACY .block .inner .mod_sectionTitle.ja::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.1666666667em;
  content: "";
}
#PRIVACY .block .inner .mod_sectionTitle.ja::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: -0.1666666667em;
  content: "";
}
#PRIVACY .block .inner .mod_sectionTitle.en {
  font-size: 24px; /* legacy */
  font-size: 1.875cqw;
  line-height: 1;
  letter-spacing: 0em;
  font-weight: 700;
}
#PRIVACY .block .inner .mod_sectionTitle.en::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
#PRIVACY .block .inner .mod_sectionTitle.en::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.15em;
  content: "";
}
@media screen and (max-width: 767px) {
  #PRIVACY .block .inner {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
    letter-spacing: 0.08em;
  }
  #PRIVACY .block .inner .mod_sectionTitle.ja {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1.3333333333;
    letter-spacing: 0.06em;
  }
  #PRIVACY .block .inner .mod_sectionTitle.ja::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.1666666667em;
    content: "";
  }
  #PRIVACY .block .inner .mod_sectionTitle.ja::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.1666666667em;
    content: "";
  }
  #PRIVACY .block .inner .mod_sectionTitle.en {
    font-size: 24px; /* legacy */
    font-size: 6.4vw;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
  #PRIVACY .block .inner .mod_sectionTitle.en::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.3166666667em;
    content: "";
  }
  #PRIVACY .block .inner .mod_sectionTitle.en::after {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.3166666667em;
    content: "";
  }
}
#PRIVACY .block .inner .read p + p, #PRIVACY .block .inner .body p + p {
  margin-top: 0.5em;
}
#PRIVACY .block .inner .read + .body, #PRIVACY .block .inner .read + .sub, #PRIVACY .block .inner .read + ul, #PRIVACY .block .inner .read + ol {
  margin-top: 0.75em;
}
#PRIVACY .block .inner .body, #PRIVACY .block .inner ul, #PRIVACY .block .inner ol {
  margin-left: 1.08em;
}
#PRIVACY .block .inner ul li, #PRIVACY .block .inner ol li {
  margin-top: 0.5em;
}
#PRIVACY .block .inner .dot li {
  list-style: disc;
}
#PRIVACY .block .inner ol.num {
  counter-reset: my-custom-counter;
}
#PRIVACY .block .inner ol.num li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#PRIVACY .block .inner ol.num li::before {
  counter-increment: my-custom-counter;
  content: "(" counter(my-custom-counter) ")";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.5em;
  text-align: right;
  padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
  #PRIVACY .block + .block .inner {
    margin-top: 14.6666666667vw;
  }
  #PRIVACY .block.Last .inner {
    margin-bottom: 17.0666666667vw;
  }
  #PRIVACY .block .inner {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2;
    letter-spacing: 0.08em;
  }
  #PRIVACY .block .inner::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -0.5em;
    content: "";
  }
  #PRIVACY .block .inner::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: -0.5em;
    content: "";
  }
}

/* animation
.image {
	animation-delay: 0.3s;
}
&.inView {
	.base, .image {
		animation-name: fadeInUp;
	}
}
*/
.anim-scrollLine span {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: scrollLine;
          animation-name: scrollLine;
}

/*-------------------------------------------> animation module */
.anim-fadeIn {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInUp {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInDown {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInDown,
.inView .isAnim.inView .anim-fadeInDown,
.inView .anim-fadeInDown,
.inView.anim-fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

.inView .isAnim.anim-fadeInDown,
.inView .isAnim .anim-fadeInDown {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInRight {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInRight,
.inView .isAnim.inView .anim-fadeInRight,
.inView .anim-fadeInRight,
.inView.anim-fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

.inView .isAnim.anim-fadeInRight,
.inView .isAnim .anim-fadeInRight {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeInLeft {
  opacity: 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInLeft,
.inView .isAnim.inView .anim-fadeInLeft,
.inView .anim-fadeInLeft,
.inView.anim-fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.inView .isAnim.anim-fadeInLeft,
.inView .isAnim .anim-fadeInLeft {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeText span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  clip-path: inset(0 100% 0 0);
}

.inView .isAnim.inView.anim-fadeText span,
.inView .isAnim.inView .anim-fadeText span,
.inView .anim-fadeText span,
.inView.anim-fadeText span {
  -webkit-animation: fadeText 1s ease-out forwards;
          animation: fadeText 1s ease-out forwards;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(1),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(1),
.inView .anim-fadeText span:nth-of-type(1),
.inView.anim-fadeText span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(2),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(2),
.inView .anim-fadeText span:nth-of-type(2),
.inView.anim-fadeText span:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(3),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(3),
.inView .anim-fadeText span:nth-of-type(3),
.inView.anim-fadeText span:nth-of-type(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(4),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(4),
.inView .anim-fadeText span:nth-of-type(4),
.inView.anim-fadeText span:nth-of-type(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(5),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(5),
.inView .anim-fadeText span:nth-of-type(5),
.inView.anim-fadeText span:nth-of-type(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(6),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(6),
.inView .anim-fadeText span:nth-of-type(6),
.inView.anim-fadeText span:nth-of-type(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(7),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(7),
.inView .anim-fadeText span:nth-of-type(7),
.inView.anim-fadeText span:nth-of-type(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(8),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(8),
.inView .anim-fadeText span:nth-of-type(8),
.inView.anim-fadeText span:nth-of-type(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(9),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(9),
.inView .anim-fadeText span:nth-of-type(9),
.inView.anim-fadeText span:nth-of-type(9) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.inView .isAnim.inView.anim-fadeText span:nth-of-type(10),
.inView .isAnim.inView .anim-fadeText span:nth-of-type(10),
.inView .anim-fadeText span:nth-of-type(10),
.inView.anim-fadeText span:nth-of-type(10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.inView .isAnim.anim-fadeText,
.inView .isAnim .anim-fadeText {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeImage img {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeImage img,
.inView .isAnim.inView .anim-fadeImage img,
.inView .anim-fadeImage img,
.inView.anim-fadeImage img {
  -webkit-animation-name: fadeImage;
          animation-name: fadeImage;
}

.inView .isAnim.anim-fadeImage img,
.inView .isAnim .anim-fadeImage img {
  -webkit-animation-name: none;
          animation-name: none;
}

.linkArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.linkArrow.disable {
  pointer-events: none;
  opacity: 0.3;
}
.linkArrow span {
  display: block;
  overflow: hidden;
}
.linkArrow span img, .linkArrow span .svg {
  display: block;
}
@media screen and (min-width: 768px) {
  .linkArrow img, .linkArrow .svg {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .linkArrow:hover img, .linkArrow:hover .svg {
    -webkit-animation-name: linkArrow;
            animation-name: linkArrow;
  }
}

.anim-slice {
  clip-path: inset(0 100% 0 0);
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  will-change: filter;
}

.inView .isAnim.inView.anim-slice,
.inView .isAnim.inView .anim-slice,
.inView .anim-slice,
.inView.anim-slice {
  -webkit-animation-name: slice;
          animation-name: slice;
}

.inView .isAnim.anim-slice,
.inView .isAnim .anim-slice {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-slice.reverse {
  clip-path: inset(0 0 0 100%);
}

.inView .isAnim.inView.anim-slice.reverse,
.inView .isAnim.inView .anim-slice.reverse,
.inView .anim-slice.reverse,
.inView.anim-slice.reverse {
  -webkit-animation-name: sliceR;
          animation-name: sliceR;
}

.inView .isAnim.anim-slice.reverse,
.inView .isAnim .anim-slice.reverse {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-sliceHide {
  clip-path: inset(0 0 0 0);
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  will-change: filter;
}

.inView .isAnim.inView.anim-sliceHide,
.inView .isAnim.inView .anim-sliceHide,
.inView .anim-sliceHide,
.inView.anim-sliceHide {
  -webkit-animation-name: sliceHide;
          animation-name: sliceHide;
}

.inView .isAnim.anim-sliceHide,
.inView .isAnim .anim-sliceHide {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-sliceHide.reverse {
  clip-path: inset(0 0 0 0);
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  will-change: filter;
}

.inView .isAnim.inView.anim-sliceHide.reverse,
.inView .isAnim.inView .anim-sliceHide.reverse,
.inView .anim-sliceHide.reverse,
.inView.anim-sliceHide.reverse {
  -webkit-animation-name: sliceHideR;
          animation-name: sliceHideR;
}

.inView .isAnim.anim-sliceHide.reverse,
.inView .isAnim .anim-sliceHide.reverse {
  -webkit-animation-name: none;
          animation-name: none;
}

/* delay */
.delay0 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.delay1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.delay2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.delay3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.delay4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.delay5 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay6 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.delay7 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.delay8 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.delay9 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.delay10 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay11 {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

.delay12 {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

.delay13 {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}

.delay14 {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

.delay15 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.delay16 {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}

.delay17 {
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}

.delay18 {
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}

.delay19 {
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
}

.delay20 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

/*-------------------------------------------> keyframe */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeText {
  0% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes fadeText {
  0% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes fadeImage {
  from {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadeImage {
  from {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes hoverImage {
  from {
    -webkit-transform: translateX(1);
            transform: translateX(1);
  }
  to {
    -webkit-transform: translateX(1.08);
            transform: translateX(1.08);
  }
}
@keyframes hoverImage {
  from {
    -webkit-transform: translateX(1);
            transform: translateX(1);
  }
  to {
    -webkit-transform: translateX(1.08);
            transform: translateX(1.08);
  }
}
@-webkit-keyframes linkArrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  31% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  32% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes linkArrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  31% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  32% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes linkArrowR {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 1;
  }
  31% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  32% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes linkArrowR {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  30% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 1;
  }
  31% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  32% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes blankBack {
  0% {
    translate: 0% 0%;
  }
  50% {
    translate: -12.5% -22.2222222222%;
  }
  100% {
    translate: -29.1666666667% -22.2222222222%;
  }
}
@keyframes blankBack {
  0% {
    translate: 0% 0%;
  }
  50% {
    translate: -12.5% -22.2222222222%;
  }
  100% {
    translate: -29.1666666667% -22.2222222222%;
  }
}
@-webkit-keyframes blankFront {
  0% {
    translate: 0% 0%;
  }
  50% {
    translate: -12.5% -22.2222222222%;
    width: 128.5714285714%;
    height: 118.1818181818%;
  }
  100% {
    translate: -12.5% -22.2222222222%;
    width: 142.8571428571%;
    height: 118.1818181818%;
  }
}
@keyframes blankFront {
  0% {
    translate: 0% 0%;
  }
  50% {
    translate: -12.5% -22.2222222222%;
    width: 128.5714285714%;
    height: 118.1818181818%;
  }
  100% {
    translate: -12.5% -22.2222222222%;
    width: 142.8571428571%;
    height: 118.1818181818%;
  }
}
@-webkit-keyframes scrollLine {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  40% {
    clip-path: inset(0 0 0 0);
  }
  50% {
    clip-path: inset(0 0 0 0);
  }
  90% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes scrollLine {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  40% {
    clip-path: inset(0 0 0 0);
  }
  50% {
    clip-path: inset(0 0 0 0);
  }
  90% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@-webkit-keyframes slice {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@keyframes slice {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@-webkit-keyframes sliceR {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@keyframes sliceR {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  99% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: none;
  }
}
@-webkit-keyframes sliceHide {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes sliceHide {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@-webkit-keyframes sliceHideR {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes sliceHideR {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
/*-------------------------------------------> LinkAnimation */
/*-------------------------------------------> TextEffects */
.anim-textLeftIn span {
  display: inline-block;
}
.anim-textLeftIn span.w {
  overflow: hidden;
}
.anim-textLeftIn span.w:nth-child(1) > span {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.anim-textLeftIn span.w:nth-child(2) > span {
  -webkit-animation-delay: 0.02s;
          animation-delay: 0.02s;
}
.anim-textLeftIn span.w:nth-child(3) > span {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
}
.anim-textLeftIn span.w:nth-child(4) > span {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
}
.anim-textLeftIn span.w:nth-child(5) > span {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
}
.anim-textLeftIn span.w:nth-child(6) > span {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.anim-textLeftIn span.w:nth-child(7) > span {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.anim-textLeftIn span.w:nth-child(8) > span {
  -webkit-animation-delay: 0.14s;
          animation-delay: 0.14s;
}
.anim-textLeftIn span.w:nth-child(9) > span {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}
.anim-textLeftIn span.w:nth-child(10) > span {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
.anim-textLeftIn span.w:nth-child(11) > span {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.anim-textLeftIn span.w:nth-child(12) > span {
  -webkit-animation-delay: 0.22s;
          animation-delay: 0.22s;
}
.anim-textLeftIn span.w:nth-child(13) > span {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
}
.anim-textLeftIn span.w:nth-child(14) > span {
  -webkit-animation-delay: 0.26s;
          animation-delay: 0.26s;
}
.anim-textLeftIn span.w:nth-child(15) > span {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
}
.anim-textLeftIn span.w:nth-child(16) > span {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.anim-textLeftIn span.w:nth-child(17) > span {
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
}
.anim-textLeftIn span.w:nth-child(18) > span {
  -webkit-animation-delay: 0.34s;
          animation-delay: 0.34s;
}
.anim-textLeftIn span.w:nth-child(19) > span {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
}
.anim-textLeftIn span.w:nth-child(20) > span {
  -webkit-animation-delay: 0.38s;
          animation-delay: 0.38s;
}
.anim-textLeftIn span.w:nth-child(21) > span {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.anim-textLeftIn span.w:nth-child(22) > span {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
}
.anim-textLeftIn span.w:nth-child(23) > span {
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
}
.anim-textLeftIn span.w:nth-child(24) > span {
  -webkit-animation-delay: 0.46s;
          animation-delay: 0.46s;
}
.anim-textLeftIn span.w:nth-child(25) > span {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.anim-textLeftIn span.w:nth-child(26) > span {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.anim-textLeftIn span.w:nth-child(27) > span {
  -webkit-animation-delay: 0.52s;
          animation-delay: 0.52s;
}
.anim-textLeftIn span.w:nth-child(28) > span {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
}
.anim-textLeftIn span.w:nth-child(29) > span {
  -webkit-animation-delay: 0.56s;
          animation-delay: 0.56s;
}
.anim-textLeftIn span.w:nth-child(30) > span {
  -webkit-animation-delay: 0.58s;
          animation-delay: 0.58s;
}
.anim-textLeftIn span.w:nth-child(31) > span {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.anim-textLeftIn span.w:nth-child(32) > span {
  -webkit-animation-delay: 0.62s;
          animation-delay: 0.62s;
}
.anim-textLeftIn span.w:nth-child(33) > span {
  -webkit-animation-delay: 0.64s;
          animation-delay: 0.64s;
}
.anim-textLeftIn span.w:nth-child(34) > span {
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
}
.anim-textLeftIn span.w:nth-child(35) > span {
  -webkit-animation-delay: 0.68s;
          animation-delay: 0.68s;
}
.anim-textLeftIn span.w:nth-child(36) > span {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.anim-textLeftIn span.w:nth-child(37) > span {
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
}
.anim-textLeftIn span.w:nth-child(38) > span {
  -webkit-animation-delay: 0.74s;
          animation-delay: 0.74s;
}
.anim-textLeftIn span.w:nth-child(39) > span {
  -webkit-animation-delay: 0.76s;
          animation-delay: 0.76s;
}
.anim-textLeftIn span.w:nth-child(40) > span {
  -webkit-animation-delay: 0.78s;
          animation-delay: 0.78s;
}
.anim-textLeftIn span.w:nth-child(41) > span {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.anim-textLeftIn span.w:nth-child(42) > span {
  -webkit-animation-delay: 0.82s;
          animation-delay: 0.82s;
}
.anim-textLeftIn span.w:nth-child(43) > span {
  -webkit-animation-delay: 0.84s;
          animation-delay: 0.84s;
}
.anim-textLeftIn span.w:nth-child(44) > span {
  -webkit-animation-delay: 0.86s;
          animation-delay: 0.86s;
}
.anim-textLeftIn span.w:nth-child(45) > span {
  -webkit-animation-delay: 0.88s;
          animation-delay: 0.88s;
}
.anim-textLeftIn span.w:nth-child(46) > span {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.anim-textLeftIn span.w:nth-child(47) > span {
  -webkit-animation-delay: 0.92s;
          animation-delay: 0.92s;
}
.anim-textLeftIn span.w:nth-child(48) > span {
  -webkit-animation-delay: 0.94s;
          animation-delay: 0.94s;
}
.anim-textLeftIn span.w:nth-child(49) > span {
  -webkit-animation-delay: 0.96s;
          animation-delay: 0.96s;
}
.anim-textLeftIn span.w:nth-child(50) > span {
  -webkit-animation-delay: 0.98s;
          animation-delay: 0.98s;
}
.anim-textLeftIn span.w > span {
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-textLeftIn span.w span,
.inView .isAnim.inView .anim-textLeftIn span.w span,
.inView .anim-textLeftIn span.w span,
.inView.anim-textLeftIn span.w span {
  -webkit-animation-name: textLeftIn;
          animation-name: textLeftIn;
}

.inView .isAnim.anim-textLeftIn span.w span,
.inView .isAnim .anim-textLeftIn span.w span {
  -webkit-animation-name: none;
          animation-name: none;
}

@-webkit-keyframes textLeftIn {
  0% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes textLeftIn {
  0% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}