@charset "utf-8";
/* CSS Document */

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
フッター
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/
footer#glo_footer {
  /* バナー */
  .footer_banner_wrap {
    display: flex;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: clamp(var(--fsize_m), 1.5vw, var(--fsize_xl));
    @media screen and (max-width: 768px) {
      flex-direction: column;
    }
    a.footer_banner {
      box-sizing: border-box;
      width: 50%;
      height: 14vw;
      min-height: 10rem;
      max-height: 24rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #4d2121;
      gap: 2em;
      &:hover {
        background-color: var(--color-ex-light-blue);
      }
      &:last-child {
        border: none;
      }
      &.yajirushi::after {
        width: 0.4em;
        right: 1em;
      }
      @media screen and (max-width: 768px) {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid #000;
        &:last-child {
          border-bottom: none;
        }
        &.yajirushi::after {
          width: 0.5em;
        }
      }
      h3 {
        font-size: 1.5em;
        font-weight: 300;
        display: flex;
        flex-direction: column;
        gap: 0.2em;
        transform: translateY(3%);
        span.ja {
          font-size: max(var(--fsize_ss), 0.4em);
          text-align: center;
          letter-spacing: 0.1em;
          padding-left: 0.1em;
        }
      }
      ul {
        display: flex;
        gap: 1em;
        li {
          display: flex;
          align-items: center;
          gap: 0.5em;
          font-size: 0.75em;
          span.base_logo {
            width: 10em;
          }
          span.icon {
            width: 1.5em;
            @media screen and (max-width: 768px) {
              width: 2.4em;
            }
          }
          @media screen and (max-width: 480px) {
            span.text {
              display: none;
            }
          }
        }
      }
    }
  }

  .footer_inner {
    padding: 7.2rem 2rem 4rem;
    @media screen and (max-width: 768px) {
      padding: 6rem 2rem 2rem;
    }

    /*--------------------*/
    /* 著作権表記 */
    .copyright {
      font-size: var(--fsize_ss);
      font-weight: 300;
      text-align: center;
      margin: 1em;
      letter-spacing: 0.05em;
    }

    /*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/
    /* フッタメニュー */

    .footer_nav_wrap {
      margin: auto;

      .glo_menu_wrap {
        margin: auto auto 9.6rem;
        @media screen and (max-width: 768px) {
          margin: auto auto 6rem;
        }
        .glo_menu {
          display: flex;
          justify-content: center;
          gap: 1.6rem 2.4rem;
          flex-wrap: wrap;

          .menu-item {
            font-size: var(--fsize_l);
            font-weight: 500;
          }
        }
      }
    }
  }
}