@charset "UTF-8";
@media screen and (min-width: 768px), print {
  .kiritori-box {
    width: 1280px;
    margin: 0 auto;
    .in {
      margin-left: -320px;
      margin-right: -320px;
    }
  }

  header {
    .hh-tel {
      z-index: 500;
      filter: brightness(0) invert(1);
    }
  }
  header {
    .hh-logo {
      z-index: 500;
      position: relative;
    }
  }
  .c-btn-box {
    position: relative;
    width: 240px;
    height: 52px;
    overflow: hidden; /* はみ出し対策 */
    border: 1px solid #1a1a1a;
  }
  /* 疑似要素：背景アニメーション */
  .c-btn-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* 初期位置：左の外 */
    width: 100%;
    height: 100%;
    background: #fccf00;
    transform: translateX(0);
    transition: transform 0.4s ease;
    z-index: 1;
  }
  /* ホバー時：背景が左 → 右へスライド */
  .c-btn-box:hover::before {
    transform: translateX(100%);
  }
  /* ボタン本体 */
  .c-btn-box .c-btn a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 5px 9px 23px;
    color: #1a1a1a;
    text-decoration: none;
    position: relative;
    z-index: 2; /* 背景より上に表示 */
  }
  /* 飾り画像 */
  .c-btn-box .c-btn-deco {
    position: absolute;
    top: 2px;
    right: 18px;
    height: 11px;
    z-index: 1;
  }
  .c-btn-box.ano {
    border: 1px solid #fff;
    &:hover {
      border: 1px solid #1a1a1a;
      .c-btn {
        a {
          color: #1a1a1a;
        }
      }
      .c-btn-deco {
        filter: brightness(1) invert(0);
      }
    }
    .c-btn {
      a {
        color: #fff;
      }
    }
    .c-btn-deco {
      filter: brightness(0) invert(1);
    }
  }
  .mv-slider {
  }
  .mv-slider-rel {
    overflow: hidden;
    margin-top: -131px;
  }
  .mv-slider-item {
    position: relative;
    overflow: hidden;
  }
  .mv-slider-item-pic img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 11s ease-out;
  }
  .slick-active .mv-slider-item-pic img {
    transform: scale(1.15);
  }
  .mv-slider-item-txt {
    width: 481px;
    height: 160px;
    margin: auto;
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0;
    bottom: 0;
  }
  .o-txt {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 33px;
    text-align: center;
    color: #1a1a1a;
    margin-top: 10px;
    margin-bottom: 118px;
  }
  /*============================
  #c1
  ============================*/
  #c1 {
    margin-bottom: 164px;
    .inner {
      .flex {
        width: 1682px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        .box-l {
          width: 395px;
          margin-left: 11px;
          padding-top: 67px;
          .s-ttl {
            font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
              'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
              'ＭＳ 明朝', serif;
            font-weight: normal;
            font-size: 30px;
            letter-spacing: 0.05em;
            line-height: 80px;
            text-align: left;
            color: #1a1a1a;
            margin-bottom: 14px;
          }
          .txt-box {
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 0.05em;
            line-height: 33px;
            text-align: left;
            color: #1a1a1a;
            .p-mb {
              margin-bottom: 33px;
            }
          }
        }
        .box-r {
          width: 1140px;
          .list {
            display: flex;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            > li {
              width: 540px;
              position: relative;
              &:hover {
                transform-origin: bottom center;
                animation: yurayura2 3s ease-in-out infinite;
                animation-delay: 0.75s; /* ← 好きな秒数に変更 */
              }

              a:hover {
                text-decoration: none;

                .pic {
                  transform: translate(0px, -30px);
                  transition: 0.25s ease-in-out;
                  img {
                    opacity: 1;
                  }
                }
                .txt {
                  text-decoration: underline;
                }
              }
            }
            .pic {
              transform: translate(0px, 0px);
              transition: 0.25s ease-in-out;
              img {
                width: 100%;
              }
            }
            .kaba {
              background-image: url(../images/index/c1-kaba.png);
              background-repeat: no-repeat;
              background-position: center 0;
              height: 320px;
              position: relative;
              top: -90px;
              padding-top: 80px;
              font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
                'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E',
                'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
              font-weight: normal;
              text-align: center;
              color: #1a1a1a;
            }
            .kaba .en {
              font-size: 17px;
              letter-spacing: 0.05em; /* line-height: 60.78px; */
              margin-bottom: 10px;
            }
            .kaba .txt {
              font-size: 25px;
              letter-spacing: 0.05em;
              line-height: 44px;
            }
          }
        }
      }
    }
  }

  /* @keyframes yurayura2 {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(1deg); }
    40%  { transform: rotate(-1deg); }
    60%  { transform: rotate(1deg); }
    80%  { transform: rotate(-1deg); }
    100% { transform: rotate(0deg); }
} */
  /*============================
  #c2
  ============================*/
  #c2 {
    .inner {
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-size: 30px;
        letter-spacing: 0.05em;
        line-height: 80px;
        text-align: center;
        color: #1a1a1a;
        margin-bottom: 26px;
      }
      .txt-box {
      }
    }

    .system-default-list.ano {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      position: relative;
      left: 0px;
      .system-default-item {
        width: 360px;
        margin-right: 60px;
        margin-left: 0;
        margin-bottom: 60px;
        &:nth-child(3n) {
          margin-right: 0px;
        }
      }
    }

    .system-default-list {
      width: 2100px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      position: relative;
      left: -98px;
      margin-bottom: 33px;

      .system-default-item {
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 60px;
      }

      .system-pic {
        text-align: center;
      }
      .system-pic img {
        aspect-ratio: 1/1;
        max-width: 100%;
        height: auto;
      }
      .system-pic.event-off img {
        filter: grayscale(1);
      }
      .sy_radio-box {
        > p {
          border: 1px solid #000;
          padding: 5px 5px 5px;
          text-align: center;
          font-weight: 700;
        }
      }
      .sy_radio-1 {
      }
      .sy_radio-2 {
        background-color: #1c1c1c;
        color: #fff;
      }

      .system-ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 27px;
        text-align: left;
        color: #1a1a1a;
        margin-top: 18px;
        border-bottom: 1px solid #000;
        padding-bottom: 21px;
        margin-bottom: 16px;
      }

      .system-info {
        border-top: 1px solid #1c1c1c;
        margin-top: 10px;
        padding-top: 17px;
        .system-flex {
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 9px;
          &:last-child {
            margin-bottom: 0;
          }
          .system-box-l {
            width: 92px;
            text-align: center;
            font-weight: 500;
            font-size: 14px;
            color: #fff;
            margin-right: 18px;
            .system-color {
              background-color: #1c1c1c;
              display: block;
            }
          }
          .system-box-r {
            width: 200px;
            font-weight: normal;
            font-size: 14px;
            text-align: left;
            color: #000;
          }
        }
      }
      .sy4-box {
        display: flex;
        flex-wrap: wrap;
        margin-top: 19px;
        margin-bottom: -11px;

        p {
          background-color: #1a1a1a;
          font-size: 12px;
          letter-spacing: 0.05em;
          line-height: normal;
          text-align: left;
          color: #fff;
          margin-right: 8px;
          margin-bottom: 8px;
          padding: 2px 7px 2px 7px;
        }
      }
      .sy1 {
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 20px;
        text-align: left;
        color: #4d4d4d;
      }
      .sy2 {
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 20px;
        text-align: left;
        color: #4d4d4d;
      }

      .sy5 {
        margin-top: 11px;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 24px;
        text-align: left;
        color: #4d4d4d;
      }
    }

    .c-btn-box {
      width: 240px;
      margin: 0 auto;
      margin-bottom: 158px;
    }

    .slick-dots li {
      width: 7px;
      height: 7px;
      margin: 0 7px;
    }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 7px;
      height: 7px;
      padding: 0px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: 0;
      background: 0 0;
    }
    .slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 7px;
      height: 7px;
      content: '';
      text-align: center;
      opacity: 1;
      background-color: #d0d0d0;
      border-radius: 50%;
    }
    .slick-dots li.slick-active button:before {
      background-color: #1a1a1a;
    }
    .slick-dots {
      bottom: 4px;
      width: 100%;
      margin: 0;
      list-style: none;
      text-align: center;
    }
  }
  /*============================
  #c3
  ============================*/
  #c3 {
    background-image: url(../images/index/c3-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 318px;
    height: 620px;
    .inner {
      width: 1199px;
      margin: 0 auto;
      position: relative;
      .ttl {
        position: absolute;
        top: -378px;
        right: -1px;
      }
      .txt-box {
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 33px;
        text-align: left;
        color: #fff;
        margin-bottom: 44px;
        .s-ttl {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-weight: normal;
          font-size: 25px;
          letter-spacing: 0.05em;
          line-height: 49px;
          color: #fff;
          margin-bottom: 19px;
        }
      }
    }
  }
  /*============================
  #c4
  ============================*/
  #c4 {
    padding-top: 115px;
    margin-bottom: 132px;
    .inner {
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-size: 25px;
        letter-spacing: 0.05em;
        line-height: 49px;
        text-align: center;
        color: #1a1a1a;
        margin-bottom: 56px;
      }
      .list {
        width: 1096px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        .pic {
          margin-bottom: 15px;
        }
        .txt {
          font-weight: 500;
          font-size: 15px;
          letter-spacing: 0.05em;
          line-height: 33px;
          text-align: center;
          color: #1a1a1a;
        }
      }
    }
  }
  .o-box {
    background-color: #f2f2f2;
    padding-top: 90px;
    padding-bottom: 81px;
    margin-bottom: 125px;
    .o-bnr-list {
      width: 880px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      li {
        width: 420px;
        img {
          width: 100%;
        }
        &.ano {
          position: relative;
          top: -10px;
        }
      }
    }
  }
  /*============================
  #c5
  ============================*/
  #c5 {
    margin-bottom: 208px;
    .inner {
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-weight: normal;
        font-size: 30px;
        letter-spacing: 0.05em;
        line-height: 80px;
        text-align: center;
        color: #1a1a1a;
        margin-bottom: 34px;
      }
      .system-default-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, 440px);
        justify-content: start; /* 左詰めに */
        row-gap: 87px;
        column-gap: 90px;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
        a:hover {
          text-decoration: none;
        }
        .system-default-item:hover .system-ttl {
          text-decoration: underline;
        }
        .system-pic {
          text-align: center;
          margin-bottom: 17px;
        }
        .system-pic img {
          aspect-ratio: 323 / 221;
          max-width: 100%;
          height: auto;
        }
        .system-ttl {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-weight: normal;
          line-height: 23px;
          text-align: left;
          color: #1a1a1a;
          margin-top: 14px;
          font-size: 18px;
          letter-spacing: 0.05em; /* line-height: 29px; */
        }
        .system-s-box {
        }
        .system-info {
          font-weight: normal;
          font-size: 14px;
          letter-spacing: 0.05em;
          line-height: 28px;
          text-align: left;
          color: #4d4d4d;
          margin-bottom: 8px;
          > span {
            display: inline-block;
            &:nth-child(2) {
              margin-left: 1em;
            }
          }
        }
        .system-info-wap {
          > p {
            display: inline-block;
          }
          .system-cate {
            margin-bottom: -3px;
            > span {
              display: inline-block;
              border: 1px solid #e6e6e6;
              font-weight: normal;
              text-align: left;
              color: #4d4d4d;
              padding: 6px 12px 5px;
              margin-right: 12px;
              margin-bottom: 8px;
              font-size: 14px;
              letter-spacing: 0.05em;
              line-height: 17px;
            }
          }
        }
      }
      .c-btn-box {
        width: 240px;
        margin: 0 auto;
        margin-top: 76px;
        .c-btn {
        }
        .c-btn-deco {
        }
      }
    }
  }
  .bg-wap {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-image: url(../images/index/c7-ptn.png);
    background-repeat: repeat;
    background-position: center 0;
    padding-bottom: 99px;
  }
  .bg-top {
    position: absolute;
    top: -80px;
    width: 520px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  /*============================
  #c7
  ============================*/
  #c7 {
    margin-bottom: 108px;

    /* 左右にゆらゆら */

    .inner {
      .en {
        width: 254px;
        margin: 0 auto;
        position: relative;
        z-index: 10;
        top: -15px;
        left: 5px;
        margin-bottom: 9px;
      }
      .ttl {
        font-weight: bold;
        font-size: 19px;
        letter-spacing: 0.05em;
        line-height: 33px;
        text-align: center;
        color: #fff;
        margin-bottom: -13px;
      }
      .en2 {
        width: 268px;
        margin: 0 auto;
        position: relative;
        left: -2px;
        margin-bottom: -9px;
      }
      .move-sy {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;

        &.active-move {
          width: 1980px;
          margin: 0 auto;
          .move-sy-item {
            height: 450px;
            padding-top: 64px;
            &:nth-child(2n) {
              margin-top: 50px;
              animation-delay: 0.5s; /* ← 好きな秒数に変更 */
            }
            .move-sy-en {
              position: absolute;
              top: 48px;
              left: 0;
              opacity: 0;
              transition: 0.25s ease-in-out;
            }
          }
        }

        .move-sy-item {
          width: 320px;
          height: 407px;
          position: relative;
          padding-top: 20px;
          margin-left: 40px;
          margin-right: 40px;
          transform-origin: bottom center; /* ★ 下の中心を支点に回転 */
          padding-top: 40px;
          animation: yurayura 6s ease-in-out infinite;
          a:hover {
            img {
              opacity: 1;
            }
          }
          &:hover {
            .move-sy-rel {
              .move-sy-pic {
                transform: translate(0px, -40px);
                transition: 0.25s ease-in-out;
              }
              .move-sy-txt-box {
                transform: translate(0px, 1px);
                opacity: 1;
                transition: transform 0.25s ease-in-out 0.25s,
                  opacity 0.25s ease-in-out 0.25s;
              }
            }
            .move-sy-en {
              transform: translate(0px, -43px);
              transition: 0.25s ease-in-out;
              opacity: 1;
            }
          }
          &:nth-child(2) {
            margin-top: 50px;
            animation-delay: 0.5s; /* ← 好きな秒数に変更 */
          }

          &:nth-child(4) {
            animation-delay: 0.5s; /* ← 好きな秒数に変更 */
            margin-left: 250px;
          }

          .move-sy-en {
            position: absolute;
            top: 0px;
            left: 0;
            opacity: 0;
            transition: 0.25s ease-in-out;
          }
          .move-sy-rel {
            .move-sy-pic {
              width: 300px;
              margin: 0 auto;
              text-align: center;
              margin-bottom: 14px;
              transform: translate(0px, 0px);
              transition: 0.25s ease-in-out;
              img {
                aspect-ratio: 300 / 290;
                max-width: 100%;
                height: auto;
                border-radius: 150px 150px 0 0;
              }
            }
            .move-sy-txt-box {
              position: absolute;
              bottom: 180px;
              font-weight: bold;
              font-size: 16px;
              line-height: 22px;
              text-align: left;
              letter-spacing: normal;
              color: #8b744a;
              left: -10px;
              opacity: 0;
              transform: translate(0px, 39px);
              > p {
                background-color: #fff;
                margin-top: 6px;
                padding: 6px 17px 6px 16px;
                display: inline-block;
              }
              .move-sy-txt-1 {
              }
              .move-sy-txt-2 {
              }
            }
            .move-sy-kaba {
              position: relative;
              top: -78px;
            }
          }
        }
      }
      .rel {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        margin-top: 40px;
        .btn {
          position: absolute;
          right: -30px;
          top: -56px;
        }
        .txt-box {
          font-family: YuGothic-Medium;
          font-weight: normal;
          font-size: 16px;
          letter-spacing: 0.05em;
          line-height: 33px;
          text-align: center;
          color: #fff;
        }
      }
    }
  }
  /* @keyframes yurayura {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(2deg); }
    40%  { transform: rotate(-1deg); }
    60%  { transform: rotate(2deg); }
    80%  { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
} */
  /*============================
  #c8
  ============================*/
  #c8 {
    background-image: url(../images/index/c8-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    height: 500px;
    padding-top: 83px;
    padding-bottom: 104px;
    .inner {
      width: 1120px;
      margin: 0 auto;
      position: relative;
      .flex {
        width: 1120px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        .box-l {
          width: 240px;
          padding-top: 32px;
          margin-right: 60px;
          .en {
            margin-bottom: 19px;
          }
          .ttl {
            font-weight: bold;
            font-size: 16px;
            letter-spacing: 0.05em;
            line-height: 33px;
            text-align: left;
            color: #fff;
          }
        }
        .box-r {
          width: 820px;
          .system-default-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, 260px);
            justify-content: start;
            row-gap: 20px;
            column-gap: 20px;
            max-width: 820px;
            margin: 0 auto;
            padding: 0;
            .system-default-item {
              background-color: #fff;
            }
            .system-default-item:nth-child(n + 4) {
              display: none;
            }
            .system-pic {
              text-align: center;
            }
            .system-pic img {
              aspect-ratio: 348 / 240;
              max-width: 100%;
              height: auto;
            }
            .system-ttl {
              font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
                'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E',
                'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
              font-weight: normal;
              font-size: 16px;
              letter-spacing: 0.05em;
              line-height: 23px;
              text-align: left;
              color: #1a1a1a;
            }
            .system-s-box {
              padding: 16px 16px 32px 16px;
            }
            .system-info {
              font-weight: normal;
              font-size: 15px;
              letter-spacing: 0.05em;
              line-height: 28px;
              text-align: left;
              color: #4d4d4d;
              margin-bottom: 8px;
              > span {
                display: inline-block;
                &:nth-child(2) {
                  margin-left: 1em;
                }
              }
            }
          }
        }
      }
      .c-btn-box.ano {
        position: absolute;
        left: 0;
        top: 196px;
        .c-btn {
        }
        .c-btn-deco {
        }
      }
    }
  }
  .bg-wap-2 {
    background-image: url(../images/index/c9-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 150px;
    min-height: 860px;
    margin-bottom: 115px;
    #c9 {
      .inner {
        width: 1359px;
        margin: 0 auto;
        position: relative;
        .en {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-weight: 600;
          font-size: 28px;
          letter-spacing: 0.05em;
          line-height: 80px;
          text-align: left;
          color: #1a1a1a;
          margin-bottom: 5px;
        }
        .ttl {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-size: 29px;
          line-height: 50px;
          text-align: left;
          color: #1a1a1a;
          margin-bottom: 37px;
          position: relative;
          z-index: 10;
          letter-spacing: normal;
        }
        .pic {
          position: absolute;
          top: -139px;
          right: -1px;
        }
        .txt-box {
          position: relative;
          z-index: 10;
          width: 340px;
          margin-bottom: 46px;
        }
        .c-btn-box {
          .c-btn {
          }
          .c-btn-deco {
          }
        }
      }
    }
  }
  .sy-info {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    > div {
      width: 360px;
      position: relative;
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-size: 22px;
        letter-spacing: 0.05em;
        text-align: left;
        color: #1a1a1a;
        margin-bottom: 47px;
        padding-left: 2px;
      }
      .btn {
        position: absolute;
        top: -2px;
        right: 0;
        a {
          width: 120px;
          font-weight: normal;
          font-size: 14px;
          letter-spacing: 0.05em;
          line-height: 22px;
          text-align: left;
          color: #1a1a1a;
          display: block;
          padding: 5px 5px 13px 8px;
          border-bottom: 1px solid #1a1a1a;
          background-image: url(../images/index/btn-deco.svg);
          background-repeat: no-repeat;
          background-position: right 10px top 8px;
        }
      }
    }
    .sy-info-l {
      #news .system-default-item {
        line-height: 1.4;
        overflow: hidden;
        margin-bottom: 32px;
        padding: 0 2px 26px;
        border-bottom: 1px solid #cccccc;
      }
      #news .system-default-item a:hover {
        text-decoration: none;
      }
      #news .system-default-item .system-date {
        font-weight: normal;
        font-size: 12px;
        letter-spacing: 0.05em;
        line-height: 22px;
        text-align: left;
        color: #999;
        margin-bottom: 9px;
      }
      #news .system-default-item .system-ttl-01 {
        font-weight: normal;
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 20px;
        text-align: left;
        color: #1a1a1a;
      }
      #news .system-default-item a:hover .system-ttl-01 {
        text-decoration: underline;
      }
    }
    .sy-info-m {
      .ttl {
      }
      #staff_blog .system-list2 {
        margin-bottom: 50px; /* background: #eeefef; */
        margin-top: -2px;
      }
      #staff_blog .system-list-inner2 {
        padding: 40px 20px;
        background: #fff;
      }
      #staff_blog .system-list2 li a:hover {
        text-decoration: none;
      }
      #staff_blog .system-list2 li {
        line-height: 1.4;
        margin-bottom: 29px;
        padding: 0 0 20px;
        border-bottom: 1px solid #707070;
      }
      #staff_blog .system-list2 li a {
        display: flex;
        flex-wrap: wrap;
      }
      #staff_blog .system-list2 li a .system-pic {
        width: 110px;
        text-align: center;
        margin-right: 20px;
      }
      #staff_blog .system-list2 li a .system-pic img {
        aspect-ratio: 110 / 80;
        max-width: 100%;
        height: auto;
      }
      #staff_blog .system-list2 li a .textbx {
        width: 230px;
        position: relative;
        top: 2px;
      }
      #staff_blog .system-list2 li:hover .system-ttl-01 {
        text-decoration: underline;
      }
      #staff_blog .system-list2 .sy-flex-1 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      #staff_blog .system-list2 .sy-flex-1 .box-l {
        width: 20%;
      }
      #staff_blog .system-list2 .sy-flex-1 .box-r {
        width: 78%;
        margin-left: 2%;
      }
      #staff_blog .system-list2 .system-contributor {
        font-size: 0.75em;
        text-align: right;
        color: #bbb;
      }
      #staff_blog .system-list2 .sy-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px;
        .system-date {
          width: 77px;
          margin-right: 8px;
          text-align: left;
          color: #999;
          font-size: 12px;
          letter-spacing: 0.05em;
          line-height: 22px;
        }
        .sy-flex-authors {
          .sy-authors-txt {
            background-color: #b1945f;
            font-weight: normal;
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            color: #fff;
            padding: 1px 12px 0px;
            position: relative;
            top: 0px;
            z-index: 10;
          }
        }
      }
      #staff_blog .system-list2 .system-ttl-01 {
        text-align: left;
        color: #1a1a1a;
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 20px;
      }
      #staff_blog .system-list2 {
        .system-category {
          > a {
            display: inline-block;
            border: 1px solid #1a1a1a;
            font-weight: normal;
            font-size: 14px;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            padding: 5px 5px 5px 5px;
            margin-top: 8px;
            margin-right: 8px;
          }
        }
      }
      .btn {
      }
    }
    .sy-info-r {
      .ttl {
      }

      #column .system-list2 {
        margin-bottom: 50px; /* background: #eeefef; */
        margin-top: -2px;
      }
      #column .system-list-inner2 {
        padding: 40px 20px;
        background: #fff;
      }
      #column .system-list2 li a:hover {
        text-decoration: none;
      }
      #column .system-list2 li {
        line-height: 1.4;
        margin-bottom: 29px;
        padding: 0 0 20px;
        border-bottom: 1px solid #707070;
      }
      #column .system-list2 li a {
        display: flex;
        flex-wrap: wrap;
      }
      #column .system-list2 li a .system-pic {
        width: 110px;
        text-align: center;
        margin-right: 20px;
      }
      #column .system-list2 li a .system-pic img {
        aspect-ratio: 110 / 80;
        max-width: 100%;
        height: auto;
      }
      #column .system-list2 li a .textbx {
        width: 230px;
        position: relative;
        top: 2px;
      }
      #column .system-list2 li:hover .system-ttl-01 {
        text-decoration: underline;
      }
      #column .system-list2 .sy-flex-1 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      #column .system-list2 .sy-flex-1 .box-l {
        width: 20%;
      }
      #column .system-list2 .sy-flex-1 .box-r {
        width: 78%;
        margin-left: 2%;
      }
      #column .system-list2 .system-contributor {
        font-size: 0.75em;
        text-align: right;
        color: #bbb;
      }
      #column .system-list2 .sy-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px;
        .system-date {
          width: 77px;
          margin-right: 8px;
          text-align: left;
          color: #999;
          font-size: 12px;
          letter-spacing: 0.05em;
          line-height: 22px;
        }
        .sy-flex-authors {
          .sy-authors-txt {
          }
        }
      }
      #column .system-list2 .system-ttl-01 {
        text-align: left;
        color: #1a1a1a;
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 20px;
      }
      #column .system-list2 {
        .system-category {
          > span {
            display: inline-block;
            background-color: #b1945f;
            font-weight: normal;
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            color: #fff;
            padding: 1px 12px 0px;
            position: relative;
            top: -2px;
            z-index: 10;
            margin-right: 8px;
            margin-bottom: 8px;
          }
        }
      }

      .btn {
      }
    }
  }
  .seo-bg {
    background: #ebebec;
    padding-top: 57px;
    padding-bottom: 51px;
  }
  .seo-txt {
    width: 1040px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 22px;
    text-align: left;
    color: #999;
  }
}

@media screen and (min-width: 766px) and (max-width: 1700px) {
  #c1 {
    margin-bottom: 107px;
    .inner {
      .flex {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        .box-l {
          width: 340px;
          margin-left: 37px;
          padding-top: 0px;
          position: relative;
          top: -17px;
          .s-ttl {
            font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
              'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
              'ＭＳ 明朝', serif;
            font-weight: normal;
            font-size: 30px;
            letter-spacing: 0.05em;
            line-height: 80px;
            text-align: left;
            color: #1a1a1a;
            margin-bottom: 14px;
            font-size: 25px;
            letter-spacing: 0.05em;
          }
          .txt-box {
            font-weight: 500;
            text-align: left;
            color: #1a1a1a;
            font-size: 14px;
            letter-spacing: 0.05em;
            line-height: 28px;
            .p-mb {
              margin-bottom: 28px;
            }
          }
        }
        .box-r {
          width: 780px;
          position: relative;
          top: -4px;
          .list {
            display: flex;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            > li {
              width: 380px;
              position: relative;
              &:hover {
                transform-origin: bottom center;
                animation: yurayura2 3s ease-in-out infinite;
                animation-delay: 0.75s; /* ← 好きな秒数に変更 */
              }

              a:hover {
                text-decoration: none;

                .pic {
                  transform: translate(0px, -30px);
                  transition: 0.25s ease-in-out;
                  img {
                    opacity: 1;
                  }
                }
                .txt {
                  text-decoration: underline;
                }
              }
            }
            .pic {
              transform: translate(0px, 0px);
              transition: 0.25s ease-in-out;
              width: 366px;
              margin: 0 auto;
              img {
                width: 100%;
              }
            }
            .kaba {
              background-image: url(../images/index/c1-kaba.png);
              background-repeat: no-repeat;
              background-position: center 0;
              background-size: 100%;
              height: 320px;
              position: relative;
              top: -61px;
              margin-bottom: -167px;
              padding-top: 46px;
              font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
                'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E',
                'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
              font-weight: normal;
              text-align: center;
              color: #1a1a1a;
            }
            .kaba .en {
              margin-bottom: 6px;
              font-size: 15px;
              letter-spacing: 0.05em;
            }
            .kaba .txt {
              font-size: 21px;
              letter-spacing: 0.05em;
              line-height: 33px;
            }
          }
        }
      }
    }
  }

  #c5 {
    & .inner {
      .system-default-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, 367px);
        justify-content: start;
        row-gap: 72px;
        column-gap: 49px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
      }
    }
  }

  .bg-wap-2 {
    & #c9 {
      .inner {
        width: 1200px;
        margin: 0 auto;
        position: relative;
        .pic {
          position: absolute;
          top: -114px;
          right: -24px;
          width: 870px;
          img {
            width: 100%;
          }
        }
      }
    }
  }

  .sy-info {
    width: 1160px;
  }
}


@media screen and (max-width: 767px) {
  header {
    .hh-tel {
      z-index: 500;
      filter: brightness(0) invert(1);
    }
  }
  header {
    .hh-logo {
      z-index: 500;
      position: relative;
    }
  }
  .c-btn-box {
    position: relative;
    width: 57.971vw;
    height: 12.56vw;
    overflow: hidden; /* はみ出し対策 */
    border: 1px solid #1a1a1a;
  }
  /* 疑似要素：背景アニメーション */
  .c-btn-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* 初期位置：左の外 */
    width: 100%;
    height: 100%;
    background: #fccf00;
    transform: translateX(0);
    transition: transform 0.4s ease;
    z-index: 1;
  }
  /* ホバー時：背景が左 → 右へスライド */
  .c-btn-box:hover::before {
    transform: translateX(100%);
  }
  /* ボタン本体 */
  .c-btn-box .c-btn a {
    display: block;
    width: 100%;
    height: 12.56vw;
    padding: 3.623vw 1.208vw 2.174vw 5.556vw;
    color: #1a1a1a;
    text-decoration: none;
    position: relative;
    z-index: 2; /* 背景より上に表示 */
    font-size: 3.865vw;
    letter-spacing: 0.05em;
    line-height: 5.314vw;
  }
  /* 飾り画像 */
  .c-btn-box .c-btn-deco {
    position: absolute;
    top: 2.174vw;
    right: 4.348vw;
    height: 4.106vw;
    z-index: 3;
  }
  .c-btn-box.ano {
    border: 1px solid #fff;
    &:hover {
      border: 1px solid #1a1a1a;
      .c-btn {
        a {
          color: #1a1a1a;
        }
      }
      .c-btn-deco {
        filter: brightness(1) invert(0);
      }
    }
    .c-btn {
      a {
        color: #fff;
      }
    }
    .c-btn-deco {
      filter: brightness(0) invert(1);
    }
  }
  .mv-slider {
  }
  .mv-slider-rel {
    overflow: hidden;
    margin-top: -19.807vw;
  }
  .mv-slider-item {
    position: relative;
    overflow: hidden;
  }
  .mv-slider-item-pic img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 11s ease-out;
  }
  .slick-active .mv-slider-item-pic img {
    transform: scale(1.15);
  }
  .mv-slider-item-txt {
    width: 70.773vw;
    height: 38.647vw;
    margin: auto;
    position: absolute;
    top: 13.768vw;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .o-txt {
    font-weight: 500;
    text-align: center;
    color: #1a1a1a;
    margin-top: 2.899vw;
    font-size: 2.899vw;
    letter-spacing: 0.05em;
    line-height: 5.797vw;
  }
  /*============================
  #c1
  ============================*/
  #c1 {
    margin-bottom: 5.556vw;
    margin-top: 16.184vw;
    .inner {
      .flex {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        .box-l {
          width: 82.126vw;
          margin: 0 auto;
          margin-bottom: 3.14vw;
          .s-ttl {
            font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
              'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
              'ＭＳ 明朝', serif;
            font-weight: normal;
            font-size: 7.246vw;
            letter-spacing: 0.05em;
            text-align: left;
            color: #1a1a1a;
            margin-bottom: 4.348vw;
            font-size: 5.072vw;
            letter-spacing: 0.05em;
          }
          .txt-box {
            font-weight: 500;
            text-align: left;
            color: #1a1a1a;
            font-size: 3.382vw;
            letter-spacing: 0.05em;
            line-height: 6.28vw;
            .p-mb {
              margin-bottom: 6.28vw;
            }
          }
        }
        .box-r {
          width: 100%;
          .list {
            display: flex;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            > li {
              width: 92.754vw;
              margin-left: 4.831vw;
              position: relative; /* margin-bottom: -21.739vw; */
              height: 38.647vw;
              margin-bottom: 7.246vw;
              &:hover {
                transform-origin: bottom center;
                animation: yurayura2 3s ease-in-out infinite;
                animation-delay: 0.75s;
              }

              a:hover {
                text-decoration: none;

                .pic {
                  img {
                    opacity: 1;
                  }
                }
                .txt {
                  text-decoration: underline;
                }
              }
            }
            .pic {
              width: 36.232vw;
              transform: translate(0, 0);
              transition: 0.25s ease-in-out;
              position: absolute;
              z-index: 10;
              top: 5.072vw;
              img {
                width: 100%;
              }
            }
            .kaba {
              width: 67.633vw;
              margin-left: auto;
              background-image: url(../images/index/sp-c1-kaba.png);
              background-repeat: no-repeat;
              background-position: center 0;
              background-size: 100%;
              position: relative; /* top: -33.816vw; */ /* margin-bottom: -33.816vw; */ /* margin-top: -33.816vw; */
              padding-top: 8.454vw;
              padding-bottom: 10.145vw;
              font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
                'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E',
                'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
              font-weight: normal;
              color: #1a1a1a;
            }
            .kaba .en {
              width: 38.647vw;
              margin-left: 16.667vw;
              margin-bottom: 0.483vw;
              font-size: 2.899vw;
              letter-spacing: 0.05em;
            }
            .kaba .txt {
              width: 45.894vw;
              margin-left: 16.667vw;
              font-size: 4.106vw;
              letter-spacing: 0.05em;
              line-height: 6.763vw;
            }
          }
        }
      }
    }
  }

  /* @keyframes yurayura2 {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(1deg); }
    40%  { transform: rotate(-1deg); }
    60%  { transform: rotate(1deg); }
    80%  { transform: rotate(-1deg); }
    100% { transform: rotate(0deg); }
} */
  /*============================
  #c2
  ============================*/
  #c2 {
    .inner {
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-weight: normal;
        font-size: 5.072vw;
        letter-spacing: 0.05em;
        line-height: 19.324vw;
        text-align: center;
        color: #1a1a1a;
        margin-bottom: -0.966vw;
      }
      .txt-box {
      }
    }
    .system-default-list {
      width: 224.638vw;
      margin: 0 auto;
      position: relative;
      left: -62.319vw;
      .system-default-item {
        margin-left: 3.623vw;
        margin-right: 3.623vw;
        margin-bottom: 20.246vw;
      }
    }

    .system-default-list.ano {
      width: 91.787vw;
      margin: 0 auto;
      left: 0;
      .system-default-item {
        margin-left: 0;
        margin-right: 0;

        margin-bottom: 7.246vw;
      }
    }

    .system-pic {
      text-align: center;
    }
    .system-pic img {
      aspect-ratio: 1/1;
      max-width: 100%;
      height: auto;
    }
    .system-pic.event-off img {
      filter: grayscale(1);
    }
    .sy_radio-box {
      > p {
        border: 1px solid #000;
        padding: 1.208vw 1.208vw 1.208vw;
        text-align: center;
        font-weight: 700;
        font-size: 3.623vw;
      }
    }
    .sy_radio-1 {
    }
    .sy_radio-2 {
      background-color: #1c1c1c;
      color: #fff;
    }
    > article {
      margin-bottom: 9.42vw;
    }

    .system-ttl {
      font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
        'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
      text-align: left;
      color: #1a1a1a;
      margin-top: 3.865vw;
      border-bottom: 1px solid #000;
      padding-bottom: 2.174vw;
      margin-bottom: 3.14vw;
      font-size: 3.865vw;
      letter-spacing: 0.05em;
      line-height: 5.797vw;
    }

    .system-info {
      border-top: 1px solid #1c1c1c;
      margin-top: 2.899vw;
      padding-top: 4.831vw;
      .system-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2.415vw;
        &:last-child {
          margin-bottom: 0;
        }
        .system-box-l {
          width: 24.155vw;
          text-align: center;
          font-weight: 500;
          font-size: 3.865vw;
          color: #fff;
          margin-right: 4.831vw;
          .system-color {
            background-color: #1c1c1c;
            display: block;
          }
        }
        .system-box-r {
          width: 54.348vw;
          font-weight: normal;
          font-size: 3.865vw;
          text-align: left;
          color: #000;
        }
      }
    }
    .sy4-box {
      display: flex;
      flex-wrap: wrap;
      margin-top: 2.899vw;
      margin-bottom: -3.14vw;

      p {
        background-color: #1a1a1a;
        font-size: 2.899vw;
        letter-spacing: 0.05em;
        line-height: normal;
        text-align: left;
        color: #fff;
        margin-right: 1.932vw;
        margin-bottom: 1.932vw;
        padding: 0.483vw 1.691vw 0.483vw 1.691vw;
      }
    }
    .sy1 {
      text-align: left;
      color: #4d4d4d;
      font-size: 2.899vw;
      letter-spacing: 0.05em;
      line-height: 4.589vw;
    }
    .sy2 {
      text-align: left;
      color: #4d4d4d;
      font-size: 2.899vw;
      letter-spacing: 0.05em;
      line-height: 4.589vw;
    }

    .sy5 {
      margin-top: 2.657vw;
      text-align: left;
      color: #4d4d4d;
      font-size: 2.899vw;
      letter-spacing: 0.05em;
      line-height: 4.589vw;
    }

    .c-btn-box {
      width: 57.971vw;
      margin: 0 auto;
      margin-bottom: 38.164vw;
    }
    .slick-dots li {
      width: 1.691vw;
      height: 1.691vw;
      margin: 0 1.691vw;
    }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 1.691vw;
      height: 1.691vw;
      padding: 0;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: 0;
      background: 0 0;
    }
    .slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1.691vw;
      height: 1.691vw;
      content: '';
      text-align: center;
      opacity: 1;
      background-color: #d0d0d0;
      border-radius: 50%;
    }
    .slick-dots li.slick-active button:before {
      background-color: #1a1a1a;
    }
    .slick-dots {
      bottom: 7.005vw;
      width: 100%;
      margin: 0;
      list-style: none;
      text-align: center;
    }
  }
  /*============================
  #c3
  ============================*/
  #c3 {
    background-image: url(../images/index/sp-c3-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    padding-top: 56.522vw;
    padding-left: 8.937vw;
    padding-right: 8.937vw;
    padding-bottom: 6.522vw;
    .inner {
      width: 100%;
      margin: 0 auto;
      position: relative;
      .ttl {
        width: 26.812vw;
        position: absolute;
        top: -61.353vw;
        right: -4.348vw;
      }
      .txt-box {
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.971vw;
        text-align: left;
        color: #fff;
        margin-bottom: 6.522vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        .s-ttl {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-weight: normal;
          color: #fff;
          margin-bottom: 1.932vw;
          font-size: 4.589vw;
          letter-spacing: 0.05em;
          line-height: 11.836vw;
          text-align: left;
        }
      }
    }
  }
  /*============================
  #c4
  ============================*/
  #c4 {
    width: 86.957vw;
    margin: 0 auto;
    padding-top: 13.768vw;
    margin-bottom: 5.797vw;
    .inner {
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        color: #1a1a1a;
        margin-bottom: 5.556vw;
        font-size: 4.589vw;
        letter-spacing: 0.05em;
        line-height: 11.836vw;
        text-align: center;
      }
      .list {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        li {
          margin-bottom: 8.454vw;
        }
        .pic {
          margin-bottom: 2.657vw;
        }
        .txt {
          font-weight: 500;
          text-align: center;
          color: #1a1a1a;
          font-size: 3.382vw;
          letter-spacing: 0.05em;
          line-height: 7.971vw;
        }
      }
    }
  }
  .o-box {
    background-color: #f2f2f2;
    padding-top: 14.251vw;
    padding-bottom: 12.077vw;
    margin-bottom: 16.908vw;
    .o-bnr-list {
      width: 86.957vw;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      li {
        width: 100%;
        &:nth-child(1) {
          margin-bottom: 11.111vw;
        }
        img {
          width: 100%;
        }
        &.ano {
          position: relative;
          top: -2.415vw;
        }
      }
    }
  }
  /*============================
  #c5
  ============================*/
  #c5 {
    margin-bottom: 36.957vw;
    .inner {
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        font-weight: normal;
        text-align: center;
        color: #1a1a1a;
        margin-bottom: 5.797vw;
        font-size: 5.072vw;
        letter-spacing: 0.05em;
      }
      .system-default-list {
        /* 左詰めに */
        width: 224.638vw;
        margin: 0 auto;
        padding: 0;
        position: relative;
        left: -62.319vw;
        a:hover {
          text-decoration: none;
        }
        .system-default-item {
          margin-bottom: 8vw;
          margin-left: 3.623vw;
          margin-right: 3.623vw;
        }
        .system-default-item:hover .system-ttl {
          text-decoration: underline;
        }
        .system-pic {
          text-align: center;
          margin-bottom: 2.174vw;
        }
        .system-pic img {
          aspect-ratio: 323 / 221;
          max-width: 100%;
          height: auto;
        }
        .system-ttl {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-weight: normal;
          text-align: left;
          color: #1a1a1a;
          margin-top: 1.691vw;
          font-size: 3.865vw;
          letter-spacing: 0.05em;
          line-height: 5.797vw;
        }
        .system-s-box {
        }
        .system-info {
          font-weight: normal;
          text-align: left;
          color: #4d4d4d;
          margin-bottom: 1.932vw;
          font-size: 2.899vw;
          letter-spacing: 0.05em;
          line-height: 5.314vw;
          > span {
            display: inline-block;
            &:nth-child(2) {
              margin-left: 1em;
            }
          }
        }
        .system-info-wap {
          > p {
            display: inline-block;
          }
          .system-cate {
            margin-bottom: -0.725vw;
            > span {
              display: inline-block;
              border: 1px solid #e6e6e6;
              font-weight: normal;
              text-align: left;
              color: #4d4d4d;
              padding: 0.483vw 1.449vw 0.242vw;
              margin-right: 2.899vw;
              margin-bottom: 1.932vw;
              font-size: 2.899vw;
              letter-spacing: 0.05em;
              line-height: normal;
            }
          }
        }
      }
      .c-btn-box {
        width: 57.971vw;
        margin: 0 auto;
        margin-top: 13.285vw;
        .c-btn {
        }
        .c-btn-deco {
        }
      }
    }

    .inner {
      .system-default-list.ano {
        width: 86.957vw;
        margin: 0 auto;
        position: relative;
        left: 0;
        .system-default-item {
          margin-bottom: 8vw;
          margin-left: 0;
          margin-right: 0;
        }
      }
    }

    .slick-dots li {
      width: 1.691vw;
      height: 1.691vw;
      margin: 0 1.691vw;
    }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 1.691vw;
      height: 1.691vw;
      padding: 0;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: 0;
      background: 0 0;
    }
    .slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 1.691vw;
      height: 1.691vw;
      content: '';
      text-align: center;
      opacity: 1;
      background-color: #d0d0d0;
      border-radius: 50%;
    }
    .slick-dots li.slick-active button:before {
      background-color: #1a1a1a;
    }
    .slick-dots {
      bottom: -7.005vw;
      width: 100%;
      margin: 0;
      list-style: none;
      text-align: center;
    }
  }
  .bg-wap {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    background-image: url(../images/index/sp-c7-ptn.png);
    background-repeat: repeat;
    background-position: center 0;
    padding-bottom: 23.188vw;
    background-size: 19.324vw;
  }
  .bg-top {
    position: absolute;
    top: -14.251vw;
    width: 62.802vw;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  /*============================
  #c7
  ============================*/
  #c7 {
    margin-bottom: 14.493vw;

    /* 左右にゆらゆら */

    .inner {
      .en {
        width: 35.628vw;
        margin: 0 auto;
        position: relative;
        z-index: 10;
        top: -2.415vw;
        left: 0.966vw;
        margin-bottom: 0.966vw;
      }
      .ttl {
        font-weight: bold;
        text-align: center;
        color: #fff;
        margin-bottom: -3.14vw;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 7.971vw;
      }
      .en2 {
        width: 52.174vw;
        margin: 0 auto;
        position: relative;
        left: -0.483vw;
        margin-bottom: -2.174vw;
      }
      .move-sy {
        width: 50.242vw;
        margin: 0 auto;
        margin-bottom: -2.657vw;
        display: flex;
        flex-wrap: wrap;

        &.active-move {
          width: 172.947vw;
          margin: 0 auto;
          .move-sy-item {
            height: 77.053vw;
            padding-top: 4.831vw;
            margin-left: 3.623vw;
            margin-right: 3.623vw;
            &:nth-child(2n) {
              margin-top: 9.662vw;
              animation-delay: 0.5s; /* ← 好きな秒数に変更 */
            }
            .move-sy-en {
              position: absolute;
              top: 11.594vw;
              left: 0;
              transition: 0.25s ease-in-out;
              transform: translate(0, -9.903vw);
            }
          }
        }

        .move-sy-item {
          width: 50.242vw;
          height: 77.053vw;
          position: relative;
          padding-top: 4.831vw;
          /* margin-left: 7.246vw; */
          /* margin-right: 7.246vw; */
          transform-origin: bottom center; /* ★ 下の中心を支点に回転 */
          padding-top: 9.662vw;
          animation: yurayura 6s ease-in-out infinite;

          a:hover {
            img {
              opacity: 1;
            }
          }

          .move-sy-rel {
            .move-sy-pic {
              transform: translate(0, -9.662vw);
              transition: 0.25s ease-in-out;
            }
            .move-sy-txt-box {
              transform: translate(0, 1px);
              opacity: 1;
              transition: transform 0.25s ease-in-out 0.25s,
                opacity 0.25s ease-in-out 0.25s;
            }
          }
          .move-sy-en {
            transform: translate(0, 6.28vw);
            transition: 0.25s ease-in-out;
            opacity: 1;
          }

          &:nth-child(2) {
            animation-delay: 0.5s; /* ← 好きな秒数に変更 */
          }

          .move-sy-en {
            width: 14.976vw;
            position: absolute;
            top: 0;
            left: 0; /* opacity: 0; */
            transition: 0.25s ease-in-out;
          }
          .move-sy-rel {
            .move-sy-pic {
              width: 47.101vw;
              margin: 0 auto;
              text-align: center;
              margin-bottom: 3.382vw;
              transform: translate(0, 0);
              transition: 0.25s ease-in-out;
              img {
                aspect-ratio: 300 / 290;
                max-width: 100%;
                height: auto;
                border-radius: 36.232vw 36.232vw 0 0;
              }
            }
            .move-sy-txt-box {
              position: absolute;
              bottom: 40.338vw;
              font-weight: bold;
              text-align: left;
              letter-spacing: normal;
              color: #8b744a;
              left: -0.725vw;
              transform: translate(0, 9.42v);
              font-size: 2.899vw;
              line-height: 3.623vw;
              > p {
                background-color: #fff;
                margin-top: 0.966vw;
                padding: 1.449vw 3.382vw 1.449vw 3.14vw;
                display: inline-block;
              }
              .move-sy-txt-1 {
              }
              .move-sy-txt-2 {
              }
            }
            .move-sy-kaba {
              position: relative;
              top: -7.005vw;
            }
          }
        }
      }
      .rel {
        width: 100%;
        margin: 0 auto;
        position: relative;
        margin-top: 6.28vw;
        .btn {
          width: 57.971vw;
          margin: 0 auto;
          margin-top: 11.594vw;
          right: -7.246vw;
          top: -13.527vw;
        }
        .txt-box {
          width: 82.126vw;
          margin: 0 auto;
          font-family: YuGothic-Medium;
          font-weight: normal;
          color: #fff;
          margin-top: 5.797vw;
          font-size: 3.382vw;
          letter-spacing: 0.05em;
          line-height: 6.28vw;
        }
      }
    }
  }
  /* @keyframes yurayura {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(2deg); }
    40%  { transform: rotate(-1deg); }
    60%  { transform: rotate(2deg); }
    80%  { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
} */
  /*============================
  #c8
  ============================*/
  #c8 {
    width: 91.787vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 7.971vw;
    padding-bottom: 13.285vw;
    background-color: #a28756;
    border-radius: 4.831vw;

    .inner {
      width: 100%;
      margin: 0 auto;
      position: relative;
      .flex {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        .box-l {
          width: 100%;
          text-align: center;
          margin-bottom: 5.072vw;
          .en {
            width: 24.155vw;
            margin: 0 auto;
            margin-bottom: 1.691vw;
          }
          .ttl {
            font-weight: bold;
            color: #fff;
            font-size: 2.899vw;
            letter-spacing: 0.05em;
            line-height: 7.971vw;
          }
        }
        .box-r {
          /* width: 62.802vw; */
          margin: 0 auto;

          .system-default-list {
            width: 210.145vw;
            margin: 0 auto;
            position: relative;
            left: -59.42vw;

            &.ano {
              width: 62.802vw;
              left: 0;
              .system-default-item {
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 6vw;
              }
            }

            .slick-track {
              display: flex;
            }
            .slick-slide {
              height: auto !important;
            }
            .system-default-item {
              background-color: #fff;
              margin-left: 3.623vw;
              margin-right: 3.623vw;
            }

            .slick-dots li {
              width: 1.691vw;
              height: 1.691vw;
              margin: 0 1.691vw;
            }
            .slick-dots li button {
              font-size: 0;
              line-height: 0;
              display: block;
              width: 1.691vw;
              height: 1.691vw;
              padding: 0;
              cursor: pointer;
              color: transparent;
              border: 0;
              outline: 0;
              background: 0 0;
            }
            .slick-dots li button:before {
              position: absolute;
              top: 0;
              left: 0;
              width: 1.691vw;
              height: 1.691vw;
              content: '';
              text-align: center;
              opacity: 1;
              background-color: #d0d0d0;
              border-radius: 50%;
            }
            .slick-dots li.slick-active button:before {
              background-color: #1a1a1a;
            }
            .slick-dots {
              bottom: -7.005vw;
              width: 100%;
              margin: 0;
              list-style: none;
              text-align: center;
            }

            .system-pic {
              text-align: center;
            }
            .system-pic img {
              aspect-ratio: 348 / 240;
              max-width: 100%;
              height: auto;
            }
            .system-ttl {
              font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
                'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E',
                'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
              font-weight: normal;
              text-align: left;
              color: #1a1a1a;
              font-size: 3.865vw;
              letter-spacing: 0.05em;
              line-height: 5.556vw;
            }
            .system-s-box {
              padding: 3.382vw 3.865vw 7.729vw 3.865vw;
            }
            .system-info {
              font-weight: normal;
              font-size: 2.899vw;
              letter-spacing: 0.05em;
              line-height: 6.763vw;
              text-align: left;
              color: #4d4d4d;
              margin-bottom: 2.174vw;
              > span {
                display: inline-block;
                &:nth-child(2) {
                  margin-left: 1em;
                }
              }
            }
          }
        }
      }
      .c-btn-box.ano {
        width: 57.971vw;
        margin: 0 auto;
        margin-top: 11.836vw; /* position: absolute; */ /* left: 0; */ /* top: 47.343vw; */
        .c-btn {
        }
        .c-btn-deco {
        }
      }
    }
  }
  .bg-wap-2 {
    background-image: url(../images/index/sp-c9-bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    padding-top: 14.734vw;
    padding-bottom: 27.778vw;
    margin-bottom: 9.179vw;
    position: relative;
    top: -0.242vw;
    #c9 {
      .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
        .en {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          font-weight: 600;
          text-align: center;
          color: #1a1a1a;
          margin-bottom: -2.415vw;
          font-size: 5.556vw;
          letter-spacing: 0.05em;
          line-height: 19.324vw;
        }
        .ttl {
          font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3',
            'NotoSansCJKjp', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝',
            'ＭＳ 明朝', serif;
          text-align: center;
          color: #1a1a1a;
          margin-bottom: 5.072vw;
          position: relative;
          z-index: 10;
          letter-spacing: normal;
          font-size: 4.589vw;
          letter-spacing: 0.05em;
          line-height: 8.213vw;
        }
        .pic {
          /* position: absolute; */
          top: -33.575vw;
          right: -0.242vw;
          width: 94.203vw;
          margin: 0 auto;
          margin-bottom: 3.623vw;
        }
        .txt-box {
          position: relative;
          z-index: 10;
          width: 82.126vw;
          margin: 0 auto;
          margin-bottom: 12.077vw;
          font-size: 3.382vw;
          letter-spacing: 0.05em;
          line-height: 6.28vw;
        }
        .c-btn-box {
          .c-btn {
          }
          .c-btn-deco {
          }
          margin: 0 auto;
        }
      }
    }
  }
  .sy-info {
    width: 86.957vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    > div {
      width: 100%;
      position: relative;
      .ttl {
        font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
          'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
        text-align: left;
        color: #1a1a1a;
        margin-bottom: 7.005vw;
        padding-left: 0;
        font-size: 4.348vw;
        letter-spacing: 0.05em;
      }
      .btn {
        position: absolute;
        top: -1.932vw;
        right: 0;
        a {
          width: 28.986vw;
          font-weight: normal;
          font-size: 3.382vw;
          letter-spacing: 0.05em;
          line-height: 5.314vw;
          text-align: left;
          color: #1a1a1a;
          display: block;
          padding: 1.208vw 1.208vw 3.14vw 1.449vw;
          border-bottom: 1px solid #1a1a1a;
          background-image: url(../images/index/btn-deco.svg);
          background-repeat: no-repeat;
          background-position: right 2.415vw top 1.932vw;
        }
      }
    }
    .sy-info-l {
      #news .system-default-item {
        line-height: 1.4;
        overflow: hidden;
        margin-bottom: 3.382vw;
        padding: 0 0 3.382vw;
        border-bottom: 1px solid #cccccc;
      }
      #news .system-default-item a:hover {
        text-decoration: none;
      }
      #news .system-default-item .system-date {
        font-weight: normal;
        font-size: 2.899vw;
        letter-spacing: 0.05em;
        line-height: 5.314vw;
        text-align: left;
        color: #999;
        margin-bottom: 1.449vw;
      }
      #news .system-default-item .system-ttl-01 {
        font-weight: normal;
        text-align: left;
        color: #1a1a1a;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 5.556vw;
      }
      #news .system-default-item a:hover .system-ttl-01 {
        text-decoration: underline;
      }
      margin-bottom: 12.319vw;
    }
    .sy-info-m {
      .ttl {
      }

      #staff_blog .system-list2 {
        margin-bottom: 12.077vw;
        margin-top: -0.483vw;
      }
      #staff_blog .system-list-inner2 {
        padding: 9.662vw 4.831vw;
        background: #fff;
      }
      #staff_blog .system-list2 li a:hover {
        text-decoration: none;
      }
      #staff_blog .system-list2 li {
        line-height: 1.4;
        margin-bottom: 2.174vw;
        padding: 0 0 4.831vw;
        border-bottom: 1px solid #707070;
      }
      #staff_blog .system-list2 li a {
        display: flex;
        flex-wrap: wrap;
      }
      #staff_blog .system-list2 li a .system-pic {
        width: 26.57vw;
        text-align: center;
        margin-right: 4.831vw;
        margin-top: 2.174vw;
      }
      #staff_blog .system-list2 li a .system-pic img {
        aspect-ratio: 110 / 80;
        max-width: 100%;
        height: auto;
      }
      #staff_blog .system-list2 li a .textbx {
        width: 55.556vw;
        position: relative;
        top: 2.415vw;
      }
      #staff_blog .system-list2 li:hover .system-ttl-01 {
        text-decoration: underline;
      }
      #staff_blog .system-list2 .sy-flex-1 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      #staff_blog .system-list2 .sy-flex-1 .box-l {
        width: 20%;
      }
      #staff_blog .system-list2 .sy-flex-1 .box-r {
        width: 78%;
        margin-left: 2%;
      }
      #staff_blog .system-list2 .system-contributor {
        font-size: 0.75em;
        text-align: right;
        color: #bbb;
      }
      #staff_blog .system-list2 .sy-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2.174vw;
        .system-date {
          width: 18.357vw;
          margin-right: 1.932vw;
          text-align: left;
          color: #999;
          font-size: 2.899vw;
          letter-spacing: 0.05em;
          line-height: 5.314vw;
        }
        .sy-flex-authors {
          .sy-authors-txt {
            background-color: #b1945f;
            font-weight: normal;
            font-size: 2.899vw;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            color: #fff;
            padding: 0.242vw 2.899vw 0;
            position: relative;
            top: 0;
            z-index: 10;
          }
        }
      }
      #staff_blog .system-list2 .system-ttl-01 {
        text-align: left;
        color: #1a1a1a;
        font-size: 3.623vw;
        letter-spacing: 0.05em;
        line-height: 4.831vw;
      }
      #staff_blog .system-list2 {
        .system-category {
          > a {
            display: inline-block;
            border: 1px solid #1a1a1a;
            font-weight: normal;
            font-size: 3.382vw;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            padding: 1.208vw 1.208vw 1.208vw 1.208vw;
            margin-top: 1.932vw;
            margin-right: 1.932vw;
          }
        }
      }
      .btn {
      }
      margin-bottom: 3.623vw;
    }
    .sy-info-r {
      margin-bottom: -20.048vw;
      #column .system-list2 {
        margin-bottom: 12.077vw;
        margin-top: -0.483vw;
      }
      #column .system-list-inner2 {
        padding: 9.662vw 4.831vw;
        background: #fff;
      }
      #column .system-list2 li a:hover {
        text-decoration: none;
      }
      #column .system-list2 li {
        line-height: 1.4;
        margin-bottom: 2.174vw;
        padding: 0 0 4.831vw;
        border-bottom: 1px solid #707070;
      }
      #column .system-list2 li a {
        display: flex;
        flex-wrap: wrap;
      }
      #column .system-list2 li a .system-pic {
        width: 26.57vw;
        text-align: center;
        margin-right: 4.831vw;
        margin-top: 2.174vw;
      }
      #column .system-list2 li a .system-pic img {
        aspect-ratio: 110 / 80;
        max-width: 100%;
        height: auto;
      }
      #column .system-list2 li a .textbx {
        width: 55.556vw;
        position: relative;
        top: 2.415vw;
      }
      #column .system-list2 li:hover .system-ttl-01 {
        text-decoration: underline;
      }
      #column .system-list2 .sy-flex-1 {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      #column .system-list2 .sy-flex-1 .box-l {
        width: 20%;
      }
      #column .system-list2 .sy-flex-1 .box-r {
        width: 78%;
        margin-left: 2%;
      }
      #column .system-list2 .system-contributor {
        font-size: 0.75em;
        text-align: right;
        color: #bbb;
      }
      #column .system-list2 .sy-flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.725vw;

        .system-date {
          width: 18.357vw;
          margin-right: 1.932vw;
          text-align: left;
          color: #999;
          font-size: 2.899vw;
          letter-spacing: 0.05em;
          line-height: 5.314vw;
        }
        .sy-flex-authors {
          .sy-authors-txt {
            background-color: #b1945f;
            font-weight: normal;
            font-size: 2.899vw;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            color: #fff;
            padding: 0.242vw 2.899vw 0;
            position: relative;
            top: 0;
            z-index: 10;
          }
        }
      }
      #column .system-list2 .system-ttl-01 {
        text-align: left;
        color: #1a1a1a;
        font-size: 3.623vw;
        letter-spacing: 0.05em;
        line-height: 4.831vw;
      }

      #column .system-list2 {
        .system-category {
          > span {
            display: inline-block;
            background-color: #b1945f;
            font-weight: normal;
            font-size: 2.899vw;
            letter-spacing: 0.05em;
            line-height: normal;
            text-align: center;
            color: #fff;
            padding: 0.242vw 2.899vw 0;
            position: relative;
            top: -0.483vw;
            z-index: 10;
            margin-right: 1.932vw;
            margin-bottom: 1.932vw;
          }
        }
      }

      .btn {
      }
    }
  }
  .seo-bg {
    background: #ebebec;
    padding-top: 11.353vw;
    padding-bottom: 12.319vw;
  }
  .seo-txt {
    width: 82.126vw;
    margin: 0 auto;
    font-weight: 500;
    font-size: 3.14vw;
    letter-spacing: 0.05em;
    line-height: 5.314vw;
    text-align: left;
    color: #999;
  }
}