:root {
    --primary-red: #CF131B;
    --primary-orange: #F4A14C;
    --text-color: #000;
    --white: #FFFFFF;
    --light-gray: #D9D9D9;
    --dark-gray: #505050;
    --red-grad: linear-gradient(180deg , #F4A14C 0%, #CF131B 100%);

    --ttl-fontSize: 2.625rem;;
    --ttl-fontSizeSP: 2rem;;
    --ttl-fontWeight: 700;
    --ttl-lineHeight: 1;

    --font-Ssize: 1rem;
    --font-XSsize:  0.875rem;

    --table-border:#D9D9D9;
    --table-bg:#F1F1F1;

    --content-marginTop-pc: 6.25rem;
    --content-marginTop-sp: 1.91rem;

    --header-height: 5.2rem;


    --footer-marginTop-pc:20rem;
    --footer-marginTop-sp:4rem;

  }

/* フッターセクション */
.footer {
    background: url("../img/common/footer-BG.jpg") no-repeat center center;
    background-size: cover;
    padding: 7.56rem 10rem  0 10rem;
  }
  
  .footer-inner {
    background: var(--white);
  }
  .footer-container {
    margin: 0 auto;
    padding: 9.25rem 10rem 7rem;
  }
  
  .footer-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.1rem;
  }

  .footer-logo-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 1rem;
  }
  .footer-logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.6875rem;
  }
  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-logo-content  .btn-wrap {
    margin-top: 3.63rem;
  }
  
  .footer-nav {
    display:flex;
    align-items: flex-start;
    justify-content: flex-end;
    column-gap: 5rem;
    flex-grow: 1;
  }
  html[lang="en"]  .footer-nav {
    column-gap: 3rem;
  }
  
  .footer-nav-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  .footer-nav-link {
    font-size: var(--font-Ssize);
    text-decoration: none;
    transition: opacity 0.3s ease;
  }
  .footer-nav-link.main +  .footer-nav-link.main {
    margin-top: 3.1rem;
  }
  
  .footer-nav-link:hover {
    opacity: 0.6;
  }
  
  .footer-nav-sub {
    color: var(--dark-gray);
    font-size: var(--font-XSsize);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: .2rem;
  }
  .footer-nav-sub::before {
    content: "";
    background: var(--dark-gray);
    width: .4rem;
    height: 1.3px;
  }
  
  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .8rem;
    border-top: 1px solid var(--text-color);
  }
  
  
  .copyright {
    font-size:var(--font-XSsize);
  }

  .copyright-br {
    padding-left: .4rem;
  }
  
  .privacy-policy {
    font-size: var(--font-XSsize);
    transition: opacity 0.3s ease;
  }
  
  .privacy-policy:hover {
    opacity: 0.7;
  }

  @media (max-width: 1600px) {
    .footer {
        padding: 4rem 4rem 0;
    }
    .footer-container {
      padding: 4rem 3rem 5rem;
  }
}

  
  @media (max-width: 1300px) {
    .footer {
        padding: 4rem 4rem 0;
    }
    .footer-nav {
      gap: 24px;
    }
    html[lang="en"] .footer-nav {
      gap: 16px;
    }

  }

  @media (max-width: 1024px) {
    .footer {
        padding: 1.7rem 2.5rem 0;
      }
    .footer-nav {
      display: none;
  }
  .footer-container {
    padding: 1.12rem;
  }

  .footer-bottom {
    flex-direction: column;
    gap:.2rem;
    text-align: center;
  }
  .footer-content {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .footer-logo-content {
    align-items: center;
    justify-content: center;
}

.footer-logo-content .btn-wrap {
  margin-top: 1rem;
}
  }
  
  @media (max-width: 768px) {

  

    .footer-logo-wrap {
        width: 10rem;
    }
  
    .footer-logo {
      width: 180px;
      margin-right: 0;
    }
  
    .copyright,
    .privacy-policy {
    font-size: .62rem;
    }
  }