@charset "UTF-8";

/* =====================================================
  ABOUT FOOTER（BREATH FINAL）
  header / body / footer aligned
===================================================== */

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

.cs-about__footer-inner{
  width:100%;
  padding-left:var(--cs-header-pad-x);
  padding-right:24px;
  box-sizing:border-box;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:34px;
}

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

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

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

.cs-about__footer-logo img{
  width:var(--cs-header-logo-w);
  height:auto;
  display:block;
  opacity:.92;
}

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

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

.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:8px 0 21px;
}

.cs-footer__copy{
  padding-left:var(--cs-header-pad-x);
  padding-right:24px;
  box-sizing:border-box;
  margin:0;
  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 12px;
  }

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

  .cs-about__footer-logo img{
    width:var(--cs-header-logo-w);
  }

  .cs-about__footer-links{
    margin-left:0;
  }

  .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{
    padding-left:var(--cs-base-left);
    padding-right:24px;
    font-size:10px;
    letter-spacing:.12em;
  }
}