@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 */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* main
---------------------------------------------------------------------------*/
main {
  padding-bottom: 0; }

/* 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; } }

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

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

/* web
---------------------------------------------------------------------------*/
.web {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #ffffff; }
  @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::before {
    height: 50%; }
  .web-case {
    /* 1280 */
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .web-case {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .web-case {
        width: 93.3333333333vw; } }
    .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; } }