/* 動きの見本（/partner/showcase/*）の共通部分: 上の「見本です」の帯・下の nysデザインの案内・足もと。
   それぞれの見本の見た目は、各フォルダの CSS に書く。 */

.sc-note {
  position: fixed; inset: 0 0 auto; z-index: 50;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 16px;
  font: 12px/1.5 "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
  letter-spacing: .04em;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.sc-note p { margin: 0; }
.sc-note--dark { background: rgba(10, 18, 32, .72); color: #c9c2b4; }
.sc-note--light { background: rgba(255, 255, 255, .78); color: #4a4a4a; }
.sc-note__short { display: none; }
.sc-note p span { display: inline-block; }
.sc-note p span + span { margin-left: .6em; }
.sc-note a {
  flex: none; text-decoration: none;
  padding: 6px 12px; border-radius: 999px; border: 1px solid currentColor;
  transition: background-color .3s, color .3s;
}
.sc-note--dark a { color: #f3ecdf; border-color: rgba(243, 236, 223, .35); }
.sc-note--dark a:hover { background: #f3ecdf; color: #0e1a2e; }
.sc-note--light a { color: #222; border-color: rgba(0, 0, 0, .25); }
.sc-note--light a:hover { background: #222; color: #fff; }

.sc-about {
  background: #fffdf8; color: #1d2633; padding: 110px 16px;
  font: 16px/1.9 "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
  letter-spacing: .04em;
}
.sc-about__in { width: min(860px, 100%); margin: 0 auto; }
.sc-about__eyebrow { font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif; font-size: 12px; letter-spacing: .3em; color: #27506A; margin: 0 0 14px; }
.sc-about h2 { word-break: keep-all; overflow-wrap: anywhere; font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif; font-weight: 600; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.5; letter-spacing: .1em; margin: 0 0 24px; color: #183A4E; }
.sc-about__in > p { margin: 0 0 28px; }
.sc-about__list { list-style: none; padding: 0; margin: 0 0 32px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 32px; }
.sc-about__list li { padding: 14px 0; border-bottom: 1px solid #e3ddcf; display: flex; gap: 14px; align-items: baseline; }
.sc-about__list b { font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif; color: #27506A; font-weight: 600; letter-spacing: .1em; }
.sc-about__price { font-size: 17px; }
.sc-about__price .c-num { font-size: 1.3em; font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif; color: #183A4E; }
.sc-about__links { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 18px; }
.sc-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px;
  padding: 12px 28px; border-radius: 999px; text-decoration: none;
  border: 1px solid #27506A; color: #27506A;
  background: linear-gradient(#27506A, #27506A) no-repeat 0 100% / 100% 0;
  transition: background-size .35s ease, color .35s;
}
.sc-btn:hover { background-size: 100% 100%; color: #fff; }
.sc-btn--main { background-color: #27506A; color: #fff; }
.sc-btn--main:hover { background-image: linear-gradient(#183A4E, #183A4E); }
.sc-about__others { margin-top: 64px; }
.sc-about__others ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.sc-about__others a {
  display: block; height: 100%; padding: 16px 18px; border-radius: 6px; text-decoration: none; color: #1d2633;
  background: #f4efe4; transition: background-color .3s;
}
.sc-about__others a:hover { background: #e9e0cc; }
.sc-about__others b { display: block; font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif; font-size: 17px; letter-spacing: .1em; color: #183A4E; }
.sc-about__others span { font-size: 13px; color: #6a6255; }
.sc-foot { background: #fffdf8; color: #6a6255; text-align: center; padding: 0 16px 40px; font-size: 13px; }
.sc-foot a { color: inherit; text-decoration: none; }

@media (max-width: 860px) {
  .sc-note__long { display: none; }
  .sc-note__short { display: block; }
  .sc-about__list { grid-template-columns: 1fr; }
}