@charset "utf-8";
/* page-concept.css — 会社方針(concept.html)専用。site.css の後に読む
   1. 理念: 一文を縦書きの明朝で掲げる(このページで大きく見せるのはここだけ)
   2. 品質方針・環境方針: 入れ子の条文 (1)(2)(3)、明朝の署名、左の段に排水処理設備の写真
   3. SDGs 行動宣言: トップの .sdgs を節の主役として単独で置く
   4. 認証と認定: トップの .certs を大きくし、取得年月と認証機関を添える */

/* ---------------------------------------------------------------- 1. 理念 */
.creed__body{display:flex;justify-content:center}
/* 縦書き。行は文節で <br> 区切り(折り返さない)。右の紺の線は方針文の左の線と同じ「引用」の印 */
.creed__text{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--mincho);font-weight:600;font-size:clamp(1.6rem,2.45vw,2.2rem);line-height:2.15;letter-spacing:.16em;padding-right:clamp(18px,2.2vw,30px);border-right:2px solid var(--navy)}

/* ---------------------------------------------------------------- 2. 品質方針・環境方針 */
/* 前文は条文より一段大きく。行は文節で折る(スマホで「拡/大」のような語の途中の折れを防ぐ) */
.policy__lead{font-size:1.06em}
.policy__body p,.policy__body li{word-break:auto-phrase}
/* 環境方針 3 の下の (1)(2)(3)。site.css の .policy__list li の番号を、入れ子では括弧の番号に替える */
.policy__list .policy__sub{list-style:none;counter-reset:policy-sub;margin-top:.5em}
.policy__list .policy__sub li{counter-increment:policy-sub;padding-left:2.5em}
.policy__list .policy__sub li+li{margin-top:.2em}
.policy__list .policy__sub li::before{content:"(" counter(policy-sub) ")";font-weight:500}
/* 署名は文書の一部として明朝で */
.policy__sign{font-family:var(--mincho);font-weight:500;font-size:15.5px;letter-spacing:.06em}
.policy__sign time{font-family:inherit}

/* 左の段: 見出しの下に排水処理設備の写真(PC は読み進めても写真が残る)。960px 以下は方針文の後に置く */
.policy-split__photo{margin-top:20px}
@media (min-width:961px){
  .policy-split{grid-template-rows:auto minmax(0,1fr)}
  .policy-split>.split__head{grid-column:1;grid-row:1}
  .policy-split>.split__body{grid-column:2;grid-row:1 / span 2}
  .policy-split__photo{grid-column:1;grid-row:2;align-self:start;position:sticky;top:calc(var(--header-h) + 32px);max-width:340px}
}
@media (max-width:960px){
  .policy-split__photo{max-width:420px;margin-top:12px}
}

/* ---------------------------------------------------------------- 3. SDGs 行動宣言 */
/* トップでは環境の節の下に罫線で続くが、ここでは節の主役なので罫線と上の余白を外す */
.sdgs--page{margin-top:0;padding-top:0;border-top:0}
.sdgs--page .sdgs__lead .sdgs__date{margin-top:10px;font-family:var(--fig);font-size:14.5px;color:var(--ink-2);letter-spacing:.06em}
.sdgs--page .quote{margin-top:22px}
.sdgs--page ul{align-self:start}

/* ---------------------------------------------------------------- 4. 認証と認定 */
.certs--page{margin-top:0;gap:24px}
.certs--page .cert img{height:210px;padding:28px}
.certs--page .cert figcaption{margin-top:16px;font-family:var(--sans);font-size:15px;line-height:1.7}
.cert__name{display:block;font-family:var(--mincho);font-weight:700;font-size:18px;line-height:1.6;letter-spacing:.04em;font-feature-settings:"palt"}
.cert__dl{margin-top:12px;border-top:1px solid var(--rule)}
.cert__dl>div{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}
.cert__dl dt{font-size:13.5px;font-weight:500;color:var(--ink-2);letter-spacing:.08em;padding-top:1px}
.cert__dl dd{font-family:var(--fig)}

@media (max-width:960px){
  .certs--page .cert img{height:170px;padding:20px}
}
@media (max-width:599.98px){
  /* 方針文: 台紙と線の内側の余白を詰めて、1 行に入る字数を増やす */
  .policy{padding-inline:18px}
  .policy__body{padding-left:14px;font-size:16px}
  .policy__list li{padding-left:1.8em}
  .policy__list .policy__sub li{padding-left:2.3em}
  .policy__sign{font-size:14.5px}
  .certs--page{grid-template-columns:minmax(0,1fr);gap:36px}
  .certs--page .cert img{height:160px}
}