@charset "UTF-8";
/* index.htmlのフッターと同じデザイン。本文には適用しない。 */
footer {
  --ink: #22312A;
  --paper: #FBFAF6;
  --display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;
  line-height: 1.95;
  -webkit-font-smoothing: antialiased;
}
footer * { box-sizing: border-box; margin: 0; padding: 0; }
footer .wrap { max-width: 1060px; margin: 0 auto; padding: 0 22px; }
footer{background:var(--ink);color:#D7DED9;margin-top:70px;padding:46px 0 34px;font-size:14px}
.footer-logo{width:68px;height:68px;object-fit:contain;border-radius:50%;
  background:var(--paper);margin:0}
.footer-brand-column{display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:14px;align-items:center}
.footer-brand-column .footer-logo{grid-column:1;grid-row:1}
.footer-brand-column h4{grid-column:2;grid-row:1;margin:0}
.footer-brand-column ul{grid-column:1/-1;margin-top:14px}
footer h4{font-family:var(--display);font-weight:500;color:#fff;font-size:16px;margin-bottom:12px}
footer a{color:#D7DED9;text-decoration:none}
footer a:hover{color:#fff}
footer .cols{display:grid;gap:26px}
footer ul{list-style:none}
footer li{padding:5px 0}
footer .fine{margin-top:30px;padding-top:20px;border-top:1px solid #3A4A42;
  color:#93A099;font-size:12.5px;line-height:1.9}
@media (min-width: 760px) {
  footer .cols { grid-template-columns: 1.4fr 1fr 1fr; }
}