footer{
  background: #333;
  padding: 80px 0;
  @media screen and (max-width: 767px){
    padding: 40px 0;
  }

  .inner960{
    display: flex;
    gap: 24px;
    @media screen and (max-width: 767px){
      flex-direction: column;
    }
    .footer-blocks-sub{
      width: 100%;
      max-width: 224px;
      @media screen and (max-width: 767px){
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        .footer-blocks-sub-item{
          width: calc((100% - 24px) / 2);
          .add-mt{
            margin-top: 0;
          }
          &.spb{
            width: 100%;
          }
        }
      }
      ul{
        padding: 0;
      }
    }
    .container-sub{
      column-count: 1;
    }
  }
  .footer-grid-container{
    column-count: 3;
    column-gap: 40px;
    @media screen and (max-width: 767px){
      column-count: 2;
      column-gap: 16px;
    }
    &.clm2{
      column-count: 2;
    }
  }
  .grid-item{
    break-inside: avoid;
    margin-bottom: 24px;
  }

  .footer-blocks{
    h3{
      color: #CFD8DC;
      font-weight: 700;
      letter-spacing: .8px;
      padding-bottom: 12px;
      margin-bottom: 12px;
      border-bottom: 1px solid #CFD8DC;
      &.add-mt{
        margin-top: 24px;
      }
      .btn-footer{
        color: #CFD8DC;
        display: flex;
        align-items: center;
        gap: 8px;
        &:hover{
          text-decoration: underline;
        }
        &::after{
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          background: url(/images/rn2026/common/icon/arrow-right-whi.svg) no-repeat;
        }
      }
    }
    h4{
     color: #90A4AE; 
     font-weight: 400;
     letter-spacing: .8px;
    }
    ul{
      padding-left: 1em;
    }
    li{
      margin-top: 8px;
      a{
        color: #CFD8DC;
        &:hover{
          text-decoration: underline;
        }
      }
    }
  }

  .foote-btm-comtent{
    margin-top: 24px;
    @media screen and (max-width: 767px){
      .footer-bnr{
        text-align: center;
      }
    }
    .sitest-top{
      text-align: center;
      @media screen and (max-width: 767px){
        margin-top: 16px;
      }
      a{
        color: #acacac;
        transition: all .3s;
        &:hover{
          text-decoration: underline;
          color: #7D7D7D;
        }
      }
    }
  }
  .copy{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
  }
  .address{
    font-size: 12px;
    color: #7D7D7D;
  }
  .footer-sns.pcb-flex{
    display: flex;
    align-items: center;
    gap: 16px;
    @media screen and (max-width: 767px){
      display: none;
    }
  }
  .footer-spb{
    @media screen and (max-width: 767px){
      display: flex;
      align-items: center;
    }
    .footer-sns{
      display: none;
      @media screen and (max-width: 767px){
        display: flex;
        align-items: center;
        gap: 16px;
        margin-left: 20px;
      }
    }
  }
}