/* =========================================================
   取り組み3ページ 共通（地域社会貢献活動／情報セキュリティ基本方針／環境方針）
   company.css と同じ組み方に合わせている
   ========================================================= */

.cm-wrap{max-width:1000px;margin:0 auto;padding:0 6vw var(--sp-3xl);}

/* 節 */
.cm-sec{margin-top:var(--sp-2xl);}
.cm-sec:first-of-type{margin-top:var(--sp-xl);}
.cm-sec-head{margin-bottom:var(--sp-lg);}
.cm-label{
  display:block;font-family:var(--serif-en);font-style:normal;
  font-size:0.82rem;letter-spacing:0.16em;color:var(--gold);
}
.cm-title{
  font-family:var(--serif-jp);font-weight:400;
  font-size:clamp(1.15rem,2.4vw,1.45rem);letter-spacing:0.1em;
  color:var(--navy);margin:0.35rem 0 0;
}
.cm-line{width:44px;height:1px;background:var(--gold);margin-top:var(--sp-md);}

/* 本文 */
.cm-lead{font-size:0.95rem;line-height:2.15;color:var(--ink);margin:0 0 var(--sp-lg);}
.cm-body{font-size:0.9rem;line-height:2.15;color:var(--ink);margin:0 0 var(--sp-md);}
.cm-body:last-child{margin-bottom:0;}

/* 番号つきの項目 */
.cm-items{margin:var(--sp-lg) 0 0;padding:0;list-style:none;}
.cm-item{
  border-top:1px solid var(--line-soft);
  padding:var(--sp-lg) 0;
  display:grid;grid-template-columns:2.6rem 1fr;gap:0 var(--sp-md);
}
.cm-item:last-child{border-bottom:1px solid var(--line-soft);}
.cm-no{
  font-family:var(--serif-en);font-size:1.05rem;color:var(--gold);
  line-height:1.6;
}
.cm-item-h{
  font-family:var(--serif-jp);font-size:1rem;letter-spacing:0.06em;
  color:var(--navy);margin:0 0 0.4rem;font-weight:400;
}
.cm-item-b{font-size:0.88rem;line-height:2.05;color:var(--ink);margin:0;}

/* 活動の紹介（地域社会貢献） */
.cm-acts{margin-top:var(--sp-xl);display:grid;gap:var(--sp-xl);}
.cm-act{border-left:2px solid var(--gold-soft);padding-left:var(--sp-lg);}
.cm-act-h{
  font-family:var(--serif-jp);font-size:1.05rem;letter-spacing:0.06em;
  color:var(--navy);margin:0 0 var(--sp-sm);font-weight:400;
}
.cm-act-row{display:grid;grid-template-columns:5.5rem 1fr;gap:0 var(--sp-md);margin-top:var(--sp-sm);}
.cm-act-k{font-size:0.8rem;color:var(--gold);letter-spacing:0.1em;line-height:2.05;}
.cm-act-v{font-size:0.88rem;line-height:2.05;color:var(--ink);margin:0;}

/* 表（認証登録内容） */
.cm-table{width:100%;border-collapse:collapse;margin-top:var(--sp-lg);font-size:0.88rem;}
.cm-table th,.cm-table td{
  border-bottom:1px solid var(--line-soft);
  padding:var(--sp-md) var(--sp-sm);text-align:left;vertical-align:top;line-height:1.95;
}
.cm-table th{
  width:11rem;font-weight:400;color:var(--navy);
  font-family:var(--serif-jp);letter-spacing:0.06em;background:var(--paper);
}

/* 認証マーク */
.cm-marks{display:flex;gap:var(--sp-lg);align-items:center;flex-wrap:wrap;margin-top:var(--sp-lg);}
.cm-marks img{height:88px;width:auto;}

/* 制定・改定の記録 */
.cm-dates{
  margin-top:var(--sp-xl);padding-top:var(--sp-lg);
  border-top:1px solid var(--line-soft);
  font-size:0.85rem;line-height:2.1;color:var(--ink-soft);
}
.cm-dates dl{display:grid;grid-template-columns:5rem 1fr;gap:0;margin:0;}
.cm-dates dt{color:var(--gold);letter-spacing:0.08em;}
.cm-dates dd{margin:0;}
.cm-sign{margin-top:var(--sp-lg);font-size:0.88rem;line-height:2.05;color:var(--ink);}

@media (max-width:700px){
  .cm-item{grid-template-columns:2rem 1fr;}
  .cm-act-row{grid-template-columns:1fr;}
  .cm-act-k{line-height:1.8;}
  .cm-table th{width:auto;display:block;background:transparent;border-bottom:none;padding-bottom:0;}
  .cm-table td{display:block;padding-top:0.3rem;}
  .cm-dates dl{grid-template-columns:4.2rem 1fr;}
}

/* 認証マーク（260829掲載）。元データが白地のJPEGなので、白の台紙に載せて一枚に見せる */
.cm-mark{margin-top:var(--sp-md);}
.cm-mark img{display:block;width:min(340px,80%);height:auto;background:#FFFFFF;border:1px solid var(--line);padding:18px 22px;}

/* 補足 */
.cm-note{
  margin-top:var(--sp-lg);font-size:0.85rem;line-height:2.05;
  color:var(--ink-soft);padding-left:var(--sp-md);
  border-left:2px solid var(--line);
}