@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* sb
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .sb-tx-ja {
    line-height: 1.5; } }

/* intr
---------------------------------------------------------------------------*/
.intr .pg-ancbtns {
  margin-top: 80px; }
  @media screen and (max-width: 1300px) {
    .intr .pg-ancbtns {
      margin-top: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .intr .pg-ancbtns {
      margin-top: 10.6666666667vw; } }

/* strength
---------------------------------------------------------------------------*/
.strength {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #255895; }
  @media screen and (max-width: 1300px) {
    .strength {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .strength {
      padding-top: 16vw; } }
  @media screen and (max-width: 1300px) {
    .strength {
      padding-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .strength {
      padding-bottom: 16vw; } }
  .strength-ttl {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 96px; }
    @media screen and (max-width: 1300px) {
      .strength-ttl {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .strength-ttl {
        margin-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl {
        margin-bottom: 12.8vw; } }
    .strength-ttl .pg-decottl {
      color: #ADCBE8; }
  .strength-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 100; }
    @media screen and (max-width: 1300px) {
      .strength-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .strength-wrap {
        width: 86.6666666667vw; } }
  .strength-ttl02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    gap: 20px;
    color: #ffffff;
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .strength-ttl02 {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl02 {
        margin-bottom: 5.0666666667vw; } }
    @media screen and (max-width: 1300px) {
      .strength-ttl02 {
        gap: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .strength-ttl02 span {
      font-size: 32px;
      font-weight: 900;
      line-height: 60px; }
      @media screen and (max-width: 1300px) {
        .strength-ttl02 span {
          font-size: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .strength-ttl02 span {
          font-size: 7.5851818667vw; } }
      @media screen and (max-width: 480px) {
        .strength-ttl02 span {
          line-height: 1.3; } }
      .strength-ttl02 span:nth-of-type(2) {
        width: 256px; }
        @media screen and (max-width: 1300px) {
          .strength-ttl02 span:nth-of-type(2) {
            width: 19.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .strength-ttl02 span:nth-of-type(2) {
            width: 41.0666666667vw; } }
      .strength-ttl02 span strong {
        position: relative; }
        .strength-ttl02 span strong::after {
          position: absolute;
          content: "";
          width: 8px;
          height: 8px;
          border-radius: 50%;
          top: -4px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #ffffff; }
          @media screen and (max-width: 1300px) {
            .strength-ttl02 span strong::after {
              width: 0.6153846154vw;
              height: 0.6153846154vw;
              top: -0.3076923077vw; } }
          @media screen and (max-width: 480px) {
            .strength-ttl02 span strong::after {
              width: 1.0666666667vw;
              height: 1.0666666667vw;
              top: -0.5333333333vw; } }
  .strength-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px; }
    @media screen and (max-width: 1300px) {
      .strength-box {
        margin-bottom: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .strength-box {
        margin-bottom: 9.3333333333vw; } }
    @media screen and (max-width: 480px) {
      .strength-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .strength-box li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      width: 528px;
      height: 120px;
      background-color: #ffffff;
      border-radius: 12px;
      text-align: center;
      font-size: 24px;
      font-weight: 900;
      color: #0F478B;
      line-height: 1.66; }
      @media screen and (max-width: 1300px) {
        .strength-box li {
          border-radius: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .strength-box li {
          border-radius: 3.2vw; } }
      @media screen and (max-width: 1300px) {
        .strength-box li {
          font-size: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .strength-box li {
          font-size: 5.6888864vw; } }
      @media screen and (max-width: 1300px) {
        .strength-box li {
          width: 40.6153846154vw;
          height: 9.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .strength-box li {
          width: 100%;
          height: 26.6666666667vw;
          line-height: 1.4; }
          .strength-box li + li {
            margin-top: 8vw; } }
      .strength-box li::before {
        position: absolute;
        content: "";
        width: 140px;
        height: 182px;
        bottom: 99%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
        @media screen and (max-width: 1300px) {
          .strength-box li::before {
            width: 10.7692307692vw;
            height: 14vw; } }
        @media screen and (max-width: 480px) {
          .strength-box li::before {
            width: 18.6666666667vw;
            height: 24.2666666667vw; } }
      .strength-box li strong {
        color: #E05A00; }
      .strength-box li:nth-of-type(1)::before {
        background-image: url(../img/consulting/strength-human01.png);
        left: 0; }
      .strength-box li:nth-of-type(2)::before {
        background-image: url(../img/consulting/strength-human02.png);
        right: 0; }
        @media screen and (max-width: 480px) {
          .strength-box li:nth-of-type(2)::before {
            right: -4vw; } }
  .strength-ttl03 {
    font-size: 32px;
    text-align: center;
    color: #ADCBE8;
    font-weight: 900;
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .strength-ttl03 {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl03 {
        font-size: 7.5851818667vw; } }
    @media screen and (max-width: 1300px) {
      .strength-ttl03 {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl03 {
        margin-bottom: 5.0666666667vw; } }
    @media screen and (max-width: 480px) {
      .strength-ttl03 {
        line-height: 1.5; } }
  .strength-nums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 480px) {
      .strength-nums {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .strength-nums li {
      width: calc(100% / 3);
      color: #ffffff;
      padding: 0 34px;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
      @media screen and (max-width: 1300px) {
        .strength-nums li {
          padding: 0 2.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .strength-nums li {
          width: 100%;
          padding: 5.3333333333vw 0;
          border-left: none;
          border-top: 1px solid rgba(255, 255, 255, 0.5); } }
      .strength-nums li:last-of-type {
        border-right: 1px solid rgba(255, 255, 255, 0.5); }
        @media screen and (max-width: 480px) {
          .strength-nums li:last-of-type {
            border-right: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5); } }
      .strength-nums li .num {
        width: 116px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 38px; }
        @media screen and (max-width: 1300px) {
          .strength-nums li .num {
            margin-bottom: 2.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .num {
            margin-bottom: 5.0666666667vw; } }
        @media screen and (max-width: 1300px) {
          .strength-nums li .num {
            width: 8.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .num {
            width: 23.2vw; } }
        .strength-nums li .num img {
          width: 100%;
          height: 88px;
          object-fit: contain; }
          @media screen and (max-width: 1300px) {
            .strength-nums li .num img {
              height: 6.7692307692vw; } }
          @media screen and (max-width: 480px) {
            .strength-nums li .num img {
              height: 17.6vw; } }
      .strength-nums li .hdl {
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        font-size: 24px;
        line-height: 1.58;
        margin-bottom: 22px;
        font-weight: 900; }
        @media screen and (max-width: 1300px) {
          .strength-nums li .hdl {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .hdl {
            font-size: 5.6888864vw; } }
        @media screen and (max-width: 1300px) {
          .strength-nums li .hdl {
            margin-bottom: 1.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .hdl {
            margin-bottom: 2.9333333333vw; } }
        @media screen and (max-width: 1300px) {
          .strength-nums li .hdl {
            height: 6.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .hdl {
            height: auto;
            margin-bottom: 5.0666666667vw; } }
      .strength-nums li .icon {
        width: 86px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 22px; }
        @media screen and (max-width: 1300px) {
          .strength-nums li .icon {
            margin-bottom: 1.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .icon {
            margin-bottom: 2.9333333333vw; } }
        @media screen and (max-width: 1300px) {
          .strength-nums li .icon {
            width: 6.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .strength-nums li .icon {
            width: 17.2vw; } }
        .strength-nums li .icon img {
          width: 100%;
          height: 80px;
          object-fit: contain; }
          @media screen and (max-width: 1300px) {
            .strength-nums li .icon img {
              height: 6.1538461538vw; } }
          @media screen and (max-width: 480px) {
            .strength-nums li .icon img {
              height: 16vw; } }

/* web
---------------------------------------------------------------------------*/
.web {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media screen and (max-width: 1300px) {
    .web {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .web {
      padding-top: 16vw; } }
  @media screen and (max-width: 1300px) {
    .web {
      padding-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .web {
      padding-bottom: 16vw; } }
  .web-ttl {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 86px; }
    @media screen and (max-width: 1300px) {
      .web-ttl {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .web-ttl {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .web-ttl {
        margin-bottom: 6.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .web-ttl {
        margin-bottom: 11.4666666667vw; } }
  .web-hd {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 150;
    margin-bottom: 70px; }
    @media screen and (max-width: 1300px) {
      .web-hd {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .web-hd {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .web-hd {
        margin-bottom: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .web-hd {
        margin-bottom: 9.3333333333vw; } }
    .web-hd-tx {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .web-hd-tx {
          width: 100%; } }
      .web-hd-tx .pg-hdl {
        margin-bottom: 38px; }
        @media screen and (max-width: 1300px) {
          .web-hd-tx .pg-hdl {
            margin-bottom: 2.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .web-hd-tx .pg-hdl {
            margin-bottom: 5.0666666667vw; } }
    .web-hd-img {
      position: absolute;
      width: 1034px;
      top: -344px;
      left: 50%; }
      @media screen and (max-width: 1300px) {
        .web-hd-img {
          width: 79.5384615385vw;
          top: -26.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .web-hd-img {
          position: relative;
          margin-top: 8vw;
          width: 100%;
          top: auto;
          left: auto; } }
  .web-box01 {
    /* 1280 */
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 100px;
    background-color: #DEEAF6;
    border-radius: 12px;
    margin-bottom: 48px; }
    @media screen and (max-width: 1300px) {
      .web-box01 {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .web-box01 {
        width: 93.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .web-box01 {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .web-box01 {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 1300px) {
      .web-box01 {
        margin-bottom: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .web-box01 {
        margin-bottom: 6.4vw; } }
    @media screen and (max-width: 1300px) {
      .web-box01 {
        padding: 6.1538461538vw 7.6923076923vw; } }
    .web-box01 .pg-hdl {
      margin-bottom: 38px; }
      @media screen and (max-width: 1300px) {
        .web-box01 .pg-hdl {
          margin-bottom: 2.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .web-box01 .pg-hdl {
          margin-bottom: 5.0666666667vw; } }
      .web-box01 .pg-hdl span {
        color: #0F478B; }
      .web-box01 .pg-hdl strong {
        color: #E05A00;
        font-size: 112.5%; }
    .web-box01 .pg-desc {
      margin-bottom: 38px; }
      @media screen and (max-width: 1300px) {
        .web-box01 .pg-desc {
          margin-bottom: 2.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .web-box01 .pg-desc {
          margin-bottom: 5.0666666667vw; } }
      .web-box01 .pg-desc span {
        color: #5B98D2; }
      .web-box01 .pg-desc strong {
        color: #E05A00;
        font-weight: 700; }
    .web-box01-plan {
      margin-bottom: 22px; }
      @media screen and (max-width: 1300px) {
        .web-box01-plan {
          margin-bottom: 1.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-plan {
          margin-bottom: 2.9333333333vw; } }
      .web-box01-plan li {
        background-color: #ffffff;
        border-radius: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 24px;
        height: 80px;
        gap: 34px; }
        @media screen and (max-width: 1300px) {
          .web-box01-plan li {
            border-radius: 0.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-plan li {
            border-radius: 3.2vw; } }
        @media screen and (max-width: 1300px) {
          .web-box01-plan li {
            padding: 0 1.8461538462vw;
            gap: 2.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-plan li {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 2.6666666667vw;
            padding: 5.3333333333vw;
            height: auto; } }
        .web-box01-plan li .num {
          font-family: "Roboto Condensed", sans-serif;
          font-optical-sizing: auto;
          font-weight: 800;
          font-style: italic;
          letter-spacing: .05em;
          font-size: 75px;
          line-height: 1;
          color: #5B98D2; }
          @media screen and (max-width: 1300px) {
            .web-box01-plan li .num {
              font-size: 5.7692307692vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-plan li .num {
              font-size: 17.77777vw; } }
        .web-box01-plan li .name {
          font-size: 24px;
          font-weight: 900;
          color: #5B98D2; }
          @media screen and (max-width: 1300px) {
            .web-box01-plan li .name {
              font-size: 1.8461538462vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-plan li .name {
              font-size: 5.6888864vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-plan li .name {
              line-height: 1.5;
              margin-bottom: 4vw;
              text-align: center; } }
        .web-box01-plan li + li {
          margin-top: 16px; }
          @media screen and (max-width: 1300px) {
            .web-box01-plan li + li {
              margin-top: 1.2307692308vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-plan li + li {
              margin-top: 2.1333333333vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-plan li + li {
              margin-top: 3.2vw; } }
        .web-box01-plan li .exp {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          @media screen and (max-width: 480px) {
            .web-box01-plan li .exp {
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              gap: 4vw 0; } }
          .web-box01-plan li .exp p {
            font-size: 28px;
            color: #0F478B;
            font-weight: 900; }
            @media screen and (max-width: 1300px) {
              .web-box01-plan li .exp p {
                font-size: 2.1538461538vw; } }
            @media screen and (max-width: 480px) {
              .web-box01-plan li .exp p {
                font-size: 6.6370341333vw; } }
            .web-box01-plan li .exp p span.fs34 {
              font-size: 34px; }
              @media screen and (max-width: 1300px) {
                .web-box01-plan li .exp p span.fs34 {
                  font-size: 2.6153846154vw; } }
              @media screen and (max-width: 480px) {
                .web-box01-plan li .exp p span.fs34 {
                  font-size: 8.0592557333vw; } }
            .web-box01-plan li .exp p span.fs24 {
              font-size: 24px; }
              @media screen and (max-width: 1300px) {
                .web-box01-plan li .exp p span.fs24 {
                  font-size: 1.8461538462vw; } }
              @media screen and (max-width: 480px) {
                .web-box01-plan li .exp p span.fs24 {
                  font-size: 5.6888864vw; } }
            .web-box01-plan li .exp p + p {
              position: relative;
              padding-left: 40px;
              margin-left: 14px; }
              @media screen and (max-width: 1300px) {
                .web-box01-plan li .exp p + p {
                  padding-left: 3.0769230769vw;
                  margin-left: 1.0769230769vw; } }
              @media screen and (max-width: 480px) {
                .web-box01-plan li .exp p + p {
                  padding-left: 8vw;
                  margin-left: 2.8vw; } }
              .web-box01-plan li .exp p + p::before {
                position: absolute;
                content: "";
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                background-image: url(../img/consulting/arrow.png);
                width: 30px;
                height: 35px;
                left: 0;
                top: 50%;
                transform: translateY(-50%); }
                @media screen and (max-width: 1300px) {
                  .web-box01-plan li .exp p + p::before {
                    width: 2.3076923077vw;
                    height: 2.6923076923vw; } }
                @media screen and (max-width: 480px) {
                  .web-box01-plan li .exp p + p::before {
                    width: 6vw;
                    height: 7vw; } }
    .web-box01-ttl {
      text-align: center;
      font-size: 40px;
      font-weight: 900;
      margin-bottom: 22px; }
      @media screen and (max-width: 1300px) {
        .web-box01-ttl {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-ttl {
          font-size: 9.4814773333vw; } }
      @media screen and (max-width: 1300px) {
        .web-box01-ttl {
          margin-bottom: 1.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-ttl {
          margin-bottom: 2.9333333333vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-ttl {
          font-size: 6.6666666667vw;
          line-height: 1.5;
          margin: 8vw 0; } }
      .web-box01-ttl strong {
        position: relative;
        display: inline-block;
        font-size: 48px;
        color: #E05A00;
        padding-bottom: 8px; }
        @media screen and (max-width: 1300px) {
          .web-box01-ttl strong {
            font-size: 3.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-ttl strong {
            font-size: 11.3777728vw; } }
        @media screen and (max-width: 1300px) {
          .web-box01-ttl strong {
            padding-bottom: 0.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-ttl strong {
            font-size: 7.6vw;
            padding-bottom: 0.5333333333vw; } }
        .web-box01-ttl strong::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 12px;
          background-color: #86CEB3;
          z-index: -1; }
          @media screen and (max-width: 1300px) {
            .web-box01-ttl strong::after {
              height: 0.9230769231vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-ttl strong::after {
              height: 3.2vw; } }
    .web-box01-sites {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 22px; }
      @media screen and (max-width: 1300px) {
        .web-box01-sites {
          margin-bottom: 1.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-sites {
          margin-bottom: 2.9333333333vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-sites {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 8vw; } }
      .web-box01-sites li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 528px;
        background-color: #ffffff;
        border: 1px solid #ADCBE8;
        border-radius: 12px;
        padding: 48px; }
        @media screen and (max-width: 1300px) {
          .web-box01-sites li {
            border-radius: 0.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-sites li {
            border-radius: 3.2vw; } }
        @media screen and (max-width: 1300px) {
          .web-box01-sites li {
            width: 40.6153846154vw;
            padding: 3.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-sites li {
            width: 100%;
            padding: 5.3333333333vw; } }
        .web-box01-sites li .name {
          width: 100%;
          font-size: 24px;
          color: #5B98D2;
          font-weight: 900;
          margin-bottom: 38px;
          text-align: center; }
          @media screen and (max-width: 1300px) {
            .web-box01-sites li .name {
              font-size: 1.8461538462vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-sites li .name {
              font-size: 5.6888864vw; } }
          @media screen and (max-width: 1300px) {
            .web-box01-sites li .name {
              margin-bottom: 2.9230769231vw; } }
          @media screen and (max-width: 480px) {
            .web-box01-sites li .name {
              margin-bottom: 5.0666666667vw; } }
        @media screen and (max-width: 480px) {
          .web-box01-sites li > div {
            width: 100%; } }
        .web-box01-sites li > div + div {
          margin-left: 2em; }
          @media screen and (max-width: 480px) {
            .web-box01-sites li > div + div {
              margin-left: 0;
              margin-top: .8em; } }
        @media screen and (max-width: 480px) {
          .web-box01-sites li p {
            padding-left: 1em;
            text-indent: -1em;
            line-height: 1.5; } }
        .web-box01-sites li p span {
          color: #ADCBE8; }
        .web-box01-sites li p + p {
          margin-top: 0.8em; }
    .web-box01-attr {
      font-size: 18px;
      line-height: 1.7; }
      @media screen and (max-width: 1300px) {
        .web-box01-attr {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .web-box01-attr {
          font-size: 4.2666648vw; } }
  .web-box02 {
    /* 1280 */
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 100px;
    background-color: #DEEAF6;
    border-radius: 12px;
    margin-bottom: 48px; }
    @media screen and (max-width: 1300px) {
      .web-box02 {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .web-box02 {
        width: 93.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .web-box02 {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .web-box02 {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 1300px) {
      .web-box02 {
        margin-bottom: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .web-box02 {
        margin-bottom: 6.4vw; } }
    @media screen and (max-width: 1300px) {
      .web-box02 {
        padding: 6.1538461538vw 7.6923076923vw; } }
    .web-box02 > .pg-hdl {
      color: #0F478B;
      margin-bottom: 38px;
      text-align: center; }
      @media screen and (max-width: 1300px) {
        .web-box02 > .pg-hdl {
          margin-bottom: 2.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .web-box02 > .pg-hdl {
          margin-bottom: 5.0666666667vw; } }
    .web-box02-check {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 80px;
      margin-bottom: 38px; }
      @media screen and (max-width: 1300px) {
        .web-box02-check {
          margin-bottom: 2.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .web-box02-check {
          margin-bottom: 5.0666666667vw; } }
      @media screen and (max-width: 1300px) {
        .web-box02-check {
          gap: 6.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .web-box02-check {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 5.3333333333vw; } }
      .web-box02-check li {
        position: relative;
        font-size: 30px;
        font-weight: 700; }
        @media screen and (max-width: 1300px) {
          .web-box02-check li {
            font-size: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .web-box02-check li {
            font-size: 7.111108vw; } }
        @media screen and (max-width: 480px) {
          .web-box02-check li {
            width: 100%;
            padding-left: 8vw;
            font-size: 6vw;
            white-space: nowrap; } }
        .web-box02-check li::before {
          position: absolute;
          content: "";
          width: 45px;
          height: 45px;
          left: -36px;
          top: 50%;
          transform: translateY(-50%);
          z-index: -1;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/consulting/check.png); }
          @media screen and (max-width: 1300px) {
            .web-box02-check li::before {
              width: 3.4615384615vw;
              height: 3.4615384615vw;
              left: -2.7692307692vw; } }
          @media screen and (max-width: 480px) {
            .web-box02-check li::before {
              width: 9vw;
              height: 9vw;
              left: 0; } }
        .web-box02-check li span {
          color: #5B98D2; }
          .web-box02-check li span.fs54 {
            font-size: 54px; }
            @media screen and (max-width: 1300px) {
              .web-box02-check li span.fs54 {
                font-size: 4.1538461538vw; } }
            @media screen and (max-width: 480px) {
              .web-box02-check li span.fs54 {
                font-size: 12.7999944vw; } }
            @media screen and (max-width: 480px) {
              .web-box02-check li span.fs54 {
                font-size: 8vw; } }
          .web-box02-check li span.fs44 {
            font-size: 44px; }
            @media screen and (max-width: 1300px) {
              .web-box02-check li span.fs44 {
                font-size: 3.3846153846vw; } }
            @media screen and (max-width: 480px) {
              .web-box02-check li span.fs44 {
                font-size: 10.4296250667vw; } }
            @media screen and (max-width: 480px) {
              .web-box02-check li span.fs44 {
                font-size: 8vw; } }
        .web-box02-check li strong {
          position: relative;
          display: inline-block;
          padding-bottom: 8px;
          font-weight: 700; }
          @media screen and (max-width: 1300px) {
            .web-box02-check li strong {
              padding-bottom: 0.6153846154vw; } }
          .web-box02-check li strong::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 12px;
            background-color: #86CEB3;
            z-index: -1; }
            @media screen and (max-width: 1300px) {
              .web-box02-check li strong::after {
                height: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .web-box02 .table-wrap {
        width: 100%;
        overflow: scroll; } }
    .web-box02 table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 22px; }
      @media screen and (max-width: 1300px) {
        .web-box02 table {
          margin-bottom: 1.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .web-box02 table {
          margin-bottom: 2.9333333333vw; } }
      @media screen and (max-width: 480px) {
        .web-box02 table {
          width: 160%; } }
      .web-box02 table th {
        text-align: center;
        padding: 1em;
        font-weight: 500; }
        @media screen and (max-width: 480px) {
          .web-box02 table th {
            padding: 1em 0;
            line-height: 1.5; } }
      .web-box02 table td {
        border-top: 1px solid #DBDCDC;
        font-size: 28px;
        font-weight: 700;
        padding: .6em;
        text-align: center;
        width: 50%; }
        @media screen and (max-width: 1300px) {
          .web-box02 table td {
            font-size: 2.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .web-box02 table td {
            font-size: 6.6370341333vw; } }
        @media screen and (max-width: 480px) {
          .web-box02 table td {
            font-size: 5.3333333333vw; } }
        .web-box02 table td span {
          font-size: 43px; }
          @media screen and (max-width: 1300px) {
            .web-box02 table td span {
              font-size: 3.3076923077vw; } }
          @media screen and (max-width: 480px) {
            .web-box02 table td span {
              font-size: 10.1925881333vw; } }
          @media screen and (max-width: 480px) {
            .web-box02 table td span {
              font-size: 6.9333333333vw; } }
        .web-box02 table td.bg01 {
          border-top: none;
          background-color: #44BABC;
          color: #ffffff; }
        .web-box02 table td.clr01 {
          border-top: none;
          color: #44BABC;
          background-color: #ffffff; }
        .web-box02 table td.bg02 {
          background-color: #508DCA;
          color: #ffffff; }
        .web-box02 table td.clr02 {
          color: #508DCA;
          background-color: #ffffff; }
        .web-box02 table td.bg03 {
          background-color: #454F94;
          color: #ffffff; }
        .web-box02 table td.clr03 {
          color: #454F94;
          background-color: #ffffff; }
        .web-box02 table td.bg04 {
          background-color: #484096;
          color: #ffffff; }
        .web-box02 table td.clr04 {
          color: #484096;
          background-color: #ffffff; }
    .web-box02-attr {
      font-size: 18px;
      line-height: 1.7; }
      @media screen and (max-width: 1300px) {
        .web-box02-attr {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .web-box02-attr {
          font-size: 4.2666648vw; } }
  .web-case {
    /* 1280 */
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .web-case {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .web-case {
        width: 93.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .web-case {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .web-case {
        margin-bottom: 10.6666666667vw; } }
    .web-case > div {
      position: relative;
      z-index: 100;
      padding: 80px 100px;
      color: #ffffff; }
      @media screen and (max-width: 1300px) {
        .web-case > div {
          padding: 6.1538461538vw 7.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .web-case > div {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 8.5333333333vw 5.3333333333vw; } }
      .web-case > div::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: calc(50% + 50vw);
        height: 100%;
        border-radius: 12px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background-color: #3F6CA2;
        background-image: url(../img/performance/case-bg.png);
        background-size: 480px auto;
        background-position: left top;
        background-repeat: no-repeat;
        z-index: -1; }
        @media screen and (max-width: 1300px) {
          .web-case > div::before {
            border-radius: 0.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .web-case > div::before {
            border-radius: 3.2vw; } }
        @media screen and (max-width: 1300px) {
          .web-case > div::before {
            background-size: 36.9230769231vw auto;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; } }
        @media screen and (max-width: 480px) {
          .web-case > div::before {
            background-size: 64vw auto;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; } }
    .web-case-ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 32px;
      margin-bottom: 64px; }
      @media screen and (max-width: 1300px) {
        .web-case-ttl {
          margin-bottom: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .web-case-ttl {
          margin-bottom: 8.5333333333vw; } }
      @media screen and (max-width: 1300px) {
        .web-case-ttl {
          gap: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .web-case-ttl {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 2.6666666667vw; } }
      .web-case-ttl .en {
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: italic;
        letter-spacing: .05em;
        font-size: 40px; }
        @media screen and (max-width: 1300px) {
          .web-case-ttl .en {
            font-size: 3.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .web-case-ttl .en {
            font-size: 9.4814773333vw; } }
      .web-case-ttl .ja {
        font-size: 24px; }
        @media screen and (max-width: 1300px) {
          .web-case-ttl .ja {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .web-case-ttl .ja {
            font-size: 5.6888864vw; } }
  .web-inquiry {
    /* 1280 */
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 100px;
    color: #ffffff;
    background-color: #E05A00;
    border-radius: 12px; }
    @media screen and (max-width: 1300px) {
      .web-inquiry {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .web-inquiry {
        width: 93.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .web-inquiry {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .web-inquiry {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 1300px) {
      .web-inquiry {
        padding: 3.6923076923vw 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .web-inquiry {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5.3333333333vw; } }
    .web-inquiry-ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 24px; }
      @media screen and (max-width: 1300px) {
        .web-inquiry-ttl {
          margin-bottom: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .web-inquiry-ttl {
          margin-bottom: 3.2vw; } }
      @media screen and (max-width: 480px) {
        .web-inquiry-ttl {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .web-inquiry-ttl .en {
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: italic;
        letter-spacing: .05em;
        font-size: 79px;
        color: #ED9F6B; }
        @media screen and (max-width: 1300px) {
          .web-inquiry-ttl .en {
            font-size: 6.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .web-inquiry-ttl .en {
            font-size: 18.7259177333vw; } }
      .web-inquiry-ttl .ja {
        margin-left: 1em;
        font-size: 32px;
        font-weight: 900; }
        @media screen and (max-width: 1300px) {
          .web-inquiry-ttl .ja {
            font-size: 2.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .web-inquiry-ttl .ja {
            font-size: 7.5851818667vw; } }
        @media screen and (max-width: 480px) {
          .web-inquiry-ttl .ja {
            margin-left: 0;
            margin-top: 0.5em;
            text-align: center;
            line-height: 1.5; } }
    @media screen and (max-width: 480px) {
      .web-inquiry .ftcon-body-btn {
        margin-top: 8vw; } }

/* hotel
---------------------------------------------------------------------------*/
.hotel {
  padding-top: 120px;
  padding-bottom: 110px;
  background-color: #DEEAF6; }
  @media screen and (max-width: 1300px) {
    .hotel {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .hotel {
      padding-top: 16vw; } }
  @media screen and (max-width: 1300px) {
    .hotel {
      padding-bottom: 8.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .hotel {
      padding-bottom: 14.6666666667vw; } }
  .hotel-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    z-index: 20; }
    @media screen and (max-width: 1300px) {
      .hotel-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .hotel-wrap {
        width: 86.6666666667vw; } }
  .hotel-tx {
    width: 50%;
    margin: 0 0 0 auto; }
    @media screen and (max-width: 480px) {
      .hotel-tx {
        width: 100%; } }
  .hotel .pg-decottl {
    line-height: 1.4; }
  .hotel .pg-underttlen {
    margin-bottom: 76px; }
    @media screen and (max-width: 1300px) {
      .hotel .pg-underttlen {
        margin-bottom: 5.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .hotel .pg-underttlen {
        margin-bottom: 10.1333333333vw; } }
  .hotel .pg-hdl {
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .hotel .pg-hdl {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .hotel .pg-hdl {
        margin-bottom: 5.0666666667vw; } }
  @media screen and (max-width: 480px) {
    .hotel .pg-desc {
      margin-bottom: 8vw; } }
  .hotel-img {
    position: absolute;
    right: 626px;
    top: -168px;
    width: 932px; }
    @media screen and (max-width: 1300px) {
      .hotel-img {
        right: 48.1538461538vw;
        top: -12.9230769231vw;
        width: 71.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .hotel-img {
        position: relative;
        right: auto;
        top: auto;
        width: 100%; } }

/* new
---------------------------------------------------------------------------*/
.new {
  padding-top: 120px;
  padding-bottom: 110px; }
  @media screen and (max-width: 1300px) {
    .new {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .new {
      padding-top: 16vw; } }
  @media screen and (max-width: 1300px) {
    .new {
      padding-bottom: 8.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .new {
      padding-bottom: 14.6666666667vw; } }
  .new-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    z-index: 20; }
    @media screen and (max-width: 1300px) {
      .new-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .new-wrap {
        width: 86.6666666667vw; } }
  .new-tx {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .new-tx {
        width: 100%; } }
  .new .pg-decottl {
    line-height: 1.4; }
  .new .pg-underttlen {
    margin-bottom: 76px; }
    @media screen and (max-width: 1300px) {
      .new .pg-underttlen {
        margin-bottom: 5.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .new .pg-underttlen {
        margin-bottom: 10.1333333333vw; } }
  .new .pg-hdl {
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .new .pg-hdl {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .new .pg-hdl {
        margin-bottom: 5.0666666667vw; } }
  @media screen and (max-width: 480px) {
    .new .pg-desc {
      margin-bottom: 8vw; } }
  .new-img {
    position: absolute;
    left: 554px;
    top: -168px;
    width: 1034px; }
    @media screen and (max-width: 1300px) {
      .new-img {
        left: 42.6153846154vw;
        top: -12.9230769231vw;
        width: 79.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .new-img {
        position: relative;
        left: auto;
        top: auto;
        width: 100%; } }

/* other
---------------------------------------------------------------------------*/
.other {
  padding-top: 120px;
  background-color: #DEEAF6; }
  @media screen and (max-width: 1300px) {
    .other {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .other {
      padding-top: 16vw; } }
  .other-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    z-index: 20; }
    @media screen and (max-width: 1300px) {
      .other-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .other-wrap {
        width: 86.6666666667vw; } }
  .other-ttl {
    text-align: center;
    margin-bottom: 86px; }
    @media screen and (max-width: 1300px) {
      .other-ttl {
        margin-bottom: 6.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .other-ttl {
        margin-bottom: 11.4666666667vw; } }
  .other .pg-hdl {
    text-align: center;
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .other .pg-hdl {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .other .pg-hdl {
        margin-bottom: 5.0666666667vw; } }
  .other ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px 24px; }
    @media screen and (max-width: 1300px) {
      .other ul {
        gap: 1.2307692308vw 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .other ul {
        gap: 3.2vw; } }
    .other ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 528px;
      height: 120px;
      border-radius: 12px;
      background-color: #0F478B;
      color: #ffffff;
      font-size: 20px;
      line-height: 1.6;
      background-image: url(../img/recruit/job-eyecatch.png);
      background-position: 14px center;
      background-size: auto 100%;
      background-repeat: no-repeat; }
      @media screen and (max-width: 1300px) {
        .other ul li {
          border-radius: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .other ul li {
          border-radius: 3.2vw; } }
      @media screen and (max-width: 1300px) {
        .other ul li {
          font-size: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .other ul li {
          font-size: 4.7407386667vw; } }
      @media screen and (max-width: 1300px) {
        .other ul li {
          width: 40.6153846154vw;
          height: 9.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .other ul li {
          width: 100%;
          height: 26.6666666667vw; } }