@charset "UTF-8";

/* =====================================================
  ABOUT FOOTER（BREATH FINAL）
===================================================== */

.cs-about__footer{
  padding:55px 0 34px;
  border-top:1px solid rgba(0,0,0,.04);
}

.cs-about__footer-inner{
  margin-left:var(--cs-left, var(--cs-base-left));
  margin-right:24px;
  max-width:620px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:34px;
}

/* =====================================================
  LOGO
===================================================== */

.cs-about__footer-logo{
  flex:0 0 auto;
}

.cs-about__footer-logo a{
  display:inline-block;
  text-decoration:none;
}

.cs-about__footer-logo img{
  width:72px;
  height:auto;
  display:block;
  opacity:.92;
}

/* =====================================================
  MENU
===================================================== */

.cs-about__footer-links{
  display:flex;
  align-items:flex-start;
}

.cs-about__footer-menu{
  display:flex;
  align-items:flex-start;
  gap:26px;
  margin:0;
  padding:0;
  list-style:none;
}

.cs-about__footer-menu li{
  margin:0;
  padding:0;
  list-style:none;
}

.cs-about__footer-menu a{
  display:inline-block;
  font-family:"Cormorant Garamond", serif;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.12em;
  text-decoration:none;
  color:#333;
  opacity:.72;
  transition:
    opacity .4s cubic-bezier(.22,.61,.36,1),
    letter-spacing .4s cubic-bezier(.22,.61,.36,1);
}

.cs-about__footer-menu a:hover{
  opacity:1;
  letter-spacing:.14em;
}

.cs-about__footer-menu .current-menu-item a,
.cs-about__footer-menu .current_page_item a{
  opacity:.9;
}

/* =====================================================
  FOOTER COPY
===================================================== */

.cs-footer{
  padding:34px 0 21px;
}

.cs-footer__copy{
  margin-left:clamp(20px, 6vw, 80px);
  font-family:"Cormorant Garamond", serif;
  font-size:9px;
  letter-spacing:.14em;
  text-transform:none;
  color:#333;
  opacity:.4;
}

/* =====================================================
  SP
===================================================== */

@media (max-width:767px){

  .cs-about__footer{
    padding:34px 0 21px;
  }

  .cs-about__footer-inner{
    margin-left:var(--cs-left, var(--cs-base-left));
    margin-right:24px;
    flex-direction:column;
    align-items:flex-start;
    gap:21px;
  }

  .cs-about__footer-logo img{
    width:64px;
  }

  .cs-about__footer-menu{
    display:grid;
    grid-template-columns:repeat(4, max-content);
    column-gap:18px;
    row-gap:18px;
    justify-content:start;
  }

  .cs-footer__copy{
    margin-left:var(--cs-left, 18px);
    font-size:10px;
    letter-spacing:.12em;
  }
}