@charset "UTF-8";
/* mv layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
	font-family: 'Zapfino', cursive;
	font-weight: 400;
}
@mixin font-en {
	font-family: 'athelas', serif;
	font-weight: 700;
	font-style: normal;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* 見出し２（背景ブルー） */
/* チェックボックス */
/* フォントサイズ */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* mv
---------------------------------------------------------------------------*/
.mv {
  position: relative;
  margin-top: 73px;
  padding-top: 132px;
  padding-bottom: 118px; }
  @media screen and (max-width: 1300px) {
    .mv {
      margin-top: 5.6153846154vw;
      padding-top: 10.1538461538vw;
      padding-bottom: 9.0769230769vw; } }
  @media screen and (max-width: 752px) {
    .mv {
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 13.5897435897vw; } }
  .mv video {
    width: 100%; }
  .mv .cmn-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%; }
    @media screen and (max-width: 752px) {
      .mv .cmn-wrap {
        position: relative;
        top: auto;
        height: auto;
        left: auto;
        transform: translateX(0);
        padding-left: 0;
        padding-right: 0; } }
  .mv-tx {
    width: 800px; }
    @media screen and (max-width: 1300px) {
      .mv-tx {
        width: 61.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .mv-tx {
        width: 92.3076923077vw;
        margin: 0 auto 6.9230769231vw; } }
  .mv-link {
    position: absolute;
    width: 236px;
    right: 40px;
    bottom: 0; }
    @media screen and (max-width: 1300px) {
      .mv-link {
        width: 18.1538461538vw;
        right: 3.0769230769vw; } }
    @media screen and (max-width: 752px) {
      .mv-link {
        display: none; } }

/* news
---------------------------------------------------------------------------*/
.new {
  margin-bottom: 100px; }
  @media screen and (max-width: 1300px) {
    .new {
      margin-bottom: 7.6923076923vw; } }
  @media screen and (max-width: 752px) {
    .new {
      margin-bottom: 25.641025641vw; } }
  .new-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 752px) {
      .new-wrap {
        display: block; } }
  .new-ttl {
    width: 150px;
    font-weight: 700; }
    .new-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .new-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .new-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .new-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .new-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .new-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .new-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .new-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .new-ttl {
        width: 11.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .new-ttl {
        width: 100%;
        margin-bottom: 12.8205128205vw; } }
  .new-list {
    width: 830px; }
    @media screen and (max-width: 1300px) {
      .new-list {
        width: 63.8461538462vw; } }
    @media screen and (max-width: 752px) {
      .new-list {
        width: 100%; } }
    .new-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
      background-size: 4px 1px;
      background-position: left bottom;
      background-repeat: repeat-x;
      padding-bottom: 1.8em;
      margin-bottom: 1.8em;
      font-size: 15px;
      font-weight: 700; }
      @media screen and (max-width: 1300px) {
        .new-list li {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .new-list li {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .new-list li {
          font-size: 3.8461538462vw; } }
      @media screen and (max-width: 752px) {
        .new-list li {
          display: block; }
          .new-list li:last-of-type {
            margin-bottom: 5.1282051282vw; } }
    .new-list-date {
      width: 127px; }
      @media screen and (max-width: 1300px) {
        .new-list-date {
          width: 9.7692307692vw; } }
      @media screen and (max-width: 752px) {
        .new-list-date {
          width: 100%; } }
    .new-list-desc {
      width: 703px; }
      @media screen and (max-width: 1300px) {
        .new-list-desc {
          width: 54.0769230769vw; } }
      @media screen and (max-width: 752px) {
        .new-list-desc {
          width: 100%; } }
  .new-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #ffffff;
    color: #000000; }
    .new-btn a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 240px;
      height: 63px;
      border: 1px solid #ffffff;
      background-color: #FD8724;
      border-radius: 5px; }
      @media screen and (max-width: 1300px) {
        .new-btn a {
          width: 18.4615384615vw;
          height: 4.8461538462vw;
          border-radius: 0.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .new-btn a {
          width: 61.5384615385vw;
          height: 16.1538461538vw;
          border-radius: 1.2820512821vw; } }
      .new-btn a > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center; }
        .new-btn a > span span {
          position: relative;
          padding-right: 61px;
          font-size: 18px;
          font-weight: 700;
          white-space: nowrap; }
          @media screen and (max-width: 1300px) {
            .new-btn a > span span {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 752px) {
            .new-btn a > span span {
              font-size: 2.3936170213vw; } }
          @media screen and (max-width: 480px) {
            .new-btn a > span span {
              font-size: 4.6153846154vw; } }
          @media screen and (max-width: 1300px) {
            .new-btn a > span span {
              padding-right: 4.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .new-btn a > span span {
              padding-right: 15.641025641vw; } }
          .new-btn a > span span::after {
            position: absolute;
            content: "";
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 39px;
            height: 10px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/cmn/btn-arw@2x.png); }
            @media screen and (max-width: 1300px) {
              .new-btn a > span span::after {
                width: 3vw;
                height: 0.7692307692vw; } }
            @media screen and (max-width: 480px) {
              .new-btn a > span span::after {
                width: 10vw;
                height: 2.5641025641vw; } }
    .new-btn a {
      width: 117px;
      height: auto;
      background-color: transparent;
      border: none; }
      @media screen and (max-width: 1300px) {
        .new-btn a {
          width: 9vw; } }
      @media screen and (max-width: 752px) {
        .new-btn a {
          width: 30.7692307692vw; } }
      .new-btn a > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center; }
        .new-btn a > span span {
          font-size: 13px;
          padding-right: 45px; }
          @media screen and (max-width: 1300px) {
            .new-btn a > span span {
              font-size: 1vw; } }
          @media screen and (max-width: 752px) {
            .new-btn a > span span {
              font-size: 1.7287234043vw; } }
          @media screen and (max-width: 480px) {
            .new-btn a > span span {
              font-size: 3.3333333333vw; } }
          @media screen and (max-width: 1300px) {
            .new-btn a > span span {
              padding-right: 3.4615384615vw; } }
          @media screen and (max-width: 752px) {
            .new-btn a > span span {
              padding-right: 11.5384615385vw; } }
          .new-btn a > span span::after {
            background-image: url(../img/cmn/btn-arw-vit@2x.png); }

/* company
---------------------------------------------------------------------------*/
.comp {
  position: relative;
  margin-bottom: 150px; }
  @media screen and (max-width: 1300px) {
    .comp {
      margin-bottom: 11.5384615385vw; } }
  @media screen and (max-width: 752px) {
    .comp {
      margin-bottom: 21.2820512821vw; } }
  .comp-bg {
    position: absolute;
    width: calc(50vw - 7px);
    left: 0;
    top: 0; }
    @media screen and (max-width: 1300px) {
      .comp-bg {
        width: 49.5vw; } }
    @media screen and (max-width: 752px) {
      .comp-bg {
        position: relative;
        width: 92.3076923077vw;
        margin-bottom: 5.1282051282vw; } }
    .comp-bg img {
      object-fit: cover;
      object-position: right top;
      font-family: "object-fit: cover; object-position: right top;";
      width: 100%;
      height: 574px; }
      @media screen and (max-width: 1300px) {
        .comp-bg img {
          height: 44.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .comp-bg img {
          height: auto; } }
  .comp-tx {
    width: 420px;
    height: 574px;
    margin: 0 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1300px) {
      .comp-tx {
        width: 32.3076923077vw;
        height: 44.1538461538vw; } }
    @media screen and (max-width: 752px) {
      .comp-tx {
        width: 100%;
        height: auto; } }
    .comp-tx-hdl {
      font-size: 35px;
      font-weight: 700;
      margin-bottom: 1.2em; }
      @media screen and (max-width: 1300px) {
        .comp-tx-hdl {
          font-size: 2.6923076923vw; } }
      @media screen and (max-width: 752px) {
        .comp-tx-hdl {
          font-size: 4.6542553191vw; } }
      @media screen and (max-width: 480px) {
        .comp-tx-hdl {
          font-size: 8.9743589744vw; } }
      @media screen and (max-width: 752px) {
        .comp-tx-hdl {
          font-size: 36px;
          line-height: 1.11;
          margin-bottom: 0.5em; } }
  @media screen and (max-width: 752px) and (max-width: 1300px) {
    .comp-tx-hdl {
      font-size: 2.7692307692vw; } }
  @media screen and (max-width: 752px) and (max-width: 752px) {
    .comp-tx-hdl {
      font-size: 4.7872340426vw; } }
  @media screen and (max-width: 752px) and (max-width: 480px) {
    .comp-tx-hdl {
      font-size: 9.2307692308vw; } }

    .comp-tx-desc {
      font-size: 18px;
      margin-bottom: 4em; }
      @media screen and (max-width: 1300px) {
        .comp-tx-desc {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 752px) {
        .comp-tx-desc {
          font-size: 2.3936170213vw; } }
      @media screen and (max-width: 480px) {
        .comp-tx-desc {
          font-size: 4.6153846154vw; } }
      @media screen and (max-width: 752px) {
        .comp-tx-desc {
          margin-bottom: 2em; } }
    .comp-tx-btn {
      color: #ffffff; }
      .comp-tx-btn a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 240px;
        height: 63px;
        border: 1px solid #ffffff;
        background-color: #FD8724;
        border-radius: 5px; }
        @media screen and (max-width: 1300px) {
          .comp-tx-btn a {
            width: 18.4615384615vw;
            height: 4.8461538462vw;
            border-radius: 0.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .comp-tx-btn a {
            width: 61.5384615385vw;
            height: 16.1538461538vw;
            border-radius: 1.2820512821vw; } }
        .comp-tx-btn a > span {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: center; }
          .comp-tx-btn a > span span {
            position: relative;
            padding-right: 61px;
            font-size: 18px;
            font-weight: 700;
            white-space: nowrap; }
            @media screen and (max-width: 1300px) {
              .comp-tx-btn a > span span {
                font-size: 1.3846153846vw; } }
            @media screen and (max-width: 752px) {
              .comp-tx-btn a > span span {
                font-size: 2.3936170213vw; } }
            @media screen and (max-width: 480px) {
              .comp-tx-btn a > span span {
                font-size: 4.6153846154vw; } }
            @media screen and (max-width: 1300px) {
              .comp-tx-btn a > span span {
                padding-right: 4.6923076923vw; } }
            @media screen and (max-width: 480px) {
              .comp-tx-btn a > span span {
                padding-right: 15.641025641vw; } }
            .comp-tx-btn a > span span::after {
              position: absolute;
              content: "";
              right: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 39px;
              height: 10px;
              background-repeat: no-repeat;
              background-position: center;
              background-size: contain;
              background-image: url(../img/cmn/btn-arw@2x.png); }
              @media screen and (max-width: 1300px) {
                .comp-tx-btn a > span span::after {
                  width: 3vw;
                  height: 0.7692307692vw; } }
              @media screen and (max-width: 480px) {
                .comp-tx-btn a > span span::after {
                  width: 10vw;
                  height: 2.5641025641vw; } }

/* recruit
---------------------------------------------------------------------------*/
.rec {
  background-color: #FD8724;
  padding: 30px 0;
  margin-bottom: 150px; }
  @media screen and (max-width: 1300px) {
    .rec {
      padding: 2.3076923077vw 0;
      margin-bottom: 11.5384615385vw; } }
  @media screen and (max-width: 752px) {
    .rec {
      padding: 7.6923076923vw 0;
      margin-bottom: 20.5128205128vw; } }
  .rec-ttl {
    font-weight: 700;
    margin-bottom: 40px; }
    .rec-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .rec-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .rec-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .rec-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .rec-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .rec-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .rec-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .rec-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .rec-ttl {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 752px) {
      .rec-ttl {
        margin-bottom: 6.4102564103vw; } }
    .rec-ttl > p {
      color: #ffffff; }
  .rec-img {
    margin-bottom: 37px; }
    @media screen and (max-width: 1300px) {
      .rec-img {
        margin-bottom: 2.8461538462vw; } }
    @media screen and (max-width: 752px) {
      .rec-img {
        margin-bottom: 7.6923076923vw; } }
  .rec-btn {
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .rec-btn a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 240px;
      height: 63px;
      border: 1px solid #ffffff;
      background-color: #FD8724;
      border-radius: 5px; }
      @media screen and (max-width: 1300px) {
        .rec-btn a {
          width: 18.4615384615vw;
          height: 4.8461538462vw;
          border-radius: 0.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .rec-btn a {
          width: 61.5384615385vw;
          height: 16.1538461538vw;
          border-radius: 1.2820512821vw; } }
      .rec-btn a > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center; }
        .rec-btn a > span span {
          position: relative;
          padding-right: 61px;
          font-size: 18px;
          font-weight: 700;
          white-space: nowrap; }
          @media screen and (max-width: 1300px) {
            .rec-btn a > span span {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 752px) {
            .rec-btn a > span span {
              font-size: 2.3936170213vw; } }
          @media screen and (max-width: 480px) {
            .rec-btn a > span span {
              font-size: 4.6153846154vw; } }
          @media screen and (max-width: 1300px) {
            .rec-btn a > span span {
              padding-right: 4.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .rec-btn a > span span {
              padding-right: 15.641025641vw; } }
          .rec-btn a > span span::after {
            position: absolute;
            content: "";
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 39px;
            height: 10px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/cmn/btn-arw@2x.png); }
            @media screen and (max-width: 1300px) {
              .rec-btn a > span span::after {
                width: 3vw;
                height: 0.7692307692vw; } }
            @media screen and (max-width: 480px) {
              .rec-btn a > span span::after {
                width: 10vw;
                height: 2.5641025641vw; } }

/* works
---------------------------------------------------------------------------*/
.work {
  margin-bottom: 150px;
  /* SPのみスライダー */ }
  @media screen and (max-width: 1300px) {
    .work {
      margin-bottom: 11.5384615385vw; } }
  .work-ttl {
    font-weight: 700;
    margin-bottom: 45px; }
    .work-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .work-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .work-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .work-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .work-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .work-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .work-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .work-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .work-ttl {
        margin-bottom: 3.4615384615vw; } }
    @media screen and (max-width: 752px) {
      .work-ttl {
        margin-bottom: 6.4102564103vw; } }
  .work-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 65px; }
    @media screen and (max-width: 1300px) {
      .work-list {
        margin-bottom: 5vw; } }
    @media screen and (max-width: 752px) {
      .work-list {
        display: block;
        width: 59.4871794872vw;
        margin: 0 auto 10.2564102564vw; } }
    .work-list li {
      width: 232px; }
      @media screen and (max-width: 1300px) {
        .work-list li {
          width: 17.8461538462vw; } }
      @media screen and (max-width: 752px) {
        .work-list li {
          width: 59.4871794872vw; } }
    .work-list-img {
      margin-bottom: 25px; }
      @media screen and (max-width: 1300px) {
        .work-list-img {
          margin-bottom: 1.9230769231vw; } }
    .work-list-name {
      font-size: 16px;
      font-weight: 700;
      text-align: center;
      line-height: 1.25; }
      @media screen and (max-width: 1300px) {
        .work-list-name {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 752px) {
        .work-list-name {
          font-size: 2.1276595745vw; } }
      @media screen and (max-width: 480px) {
        .work-list-name {
          font-size: 4.1025641026vw; } }
  .work-btn {
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .work-btn a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 240px;
      height: 63px;
      border: 1px solid #ffffff;
      background-color: #FD8724;
      border-radius: 5px; }
      @media screen and (max-width: 1300px) {
        .work-btn a {
          width: 18.4615384615vw;
          height: 4.8461538462vw;
          border-radius: 0.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .work-btn a {
          width: 61.5384615385vw;
          height: 16.1538461538vw;
          border-radius: 1.2820512821vw; } }
      .work-btn a > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center; }
        .work-btn a > span span {
          position: relative;
          padding-right: 61px;
          font-size: 18px;
          font-weight: 700;
          white-space: nowrap; }
          @media screen and (max-width: 1300px) {
            .work-btn a > span span {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 752px) {
            .work-btn a > span span {
              font-size: 2.3936170213vw; } }
          @media screen and (max-width: 480px) {
            .work-btn a > span span {
              font-size: 4.6153846154vw; } }
          @media screen and (max-width: 1300px) {
            .work-btn a > span span {
              padding-right: 4.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .work-btn a > span span {
              padding-right: 15.641025641vw; } }
          .work-btn a > span span::after {
            position: absolute;
            content: "";
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 39px;
            height: 10px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/cmn/btn-arw@2x.png); }
            @media screen and (max-width: 1300px) {
              .work-btn a > span span::after {
                width: 3vw;
                height: 0.7692307692vw; } }
            @media screen and (max-width: 480px) {
              .work-btn a > span span::after {
                width: 10vw;
                height: 2.5641025641vw; } }
  @media screen and (max-width: 752px) {
    .work .slick-arrow {
      position: absolute;
      top: 25.641025641vw;
      border: none;
      background-color: transparent;
      width: 3.5897435897vw;
      height: 7.1794871795vw;
      color: transparent;
      font-size: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      outline: none; }
      .work .slick-arrow.slick-prev {
        left: -11.5384615385vw;
        background-image: url(../img/top/works-prev.png); }
      .work .slick-arrow.slick-next {
        right: -11.5384615385vw;
        background-image: url(../img/top/works-next.png); }
      .work .slick-arrow:hover {
        cursor: pointer;
        opacity: 0.6; } }