@charset "utf-8";
/* =========================================================
   規約ダウンロード /kiyaku/  ページ固有CSS
   デザイン：デザインデータ/規約ページ/規約ページ.ai
             アートボード 1500.6 × 4584.3（pt=px・1:1）
   土台：assets/company.css（幅・色・見出し・本文・「楽に頼めて」・CTA余白）
   ※共通部品（header / sidebar / cta / footer / .cmp-closing / .cmp-photos2）は
     一切上書きしていない。.kiy- から始まる独自クラスと、
     .cmp-〇〇.kiy-〇〇 の複合セレクタ（このページだけに効く）しか使わない。
   ========================================================= */

/* ---------- 本文カラムの上余白 ----------
   デザイン実測：ページタイトル帯の下端 y=626.3 → 見出し y=763.2 ＝ 136.9px */
.cmp-main.kiy-main{padding-top:136.9px;}

/* ---------- 見出し「各種規約ダウンロードはこちらから」 ----------
   デザイン実測：y=763.2 / x=278.1 / 27.74pt / HiraKakuPro-W6 / 字間0.28（=.01em） */
.kiy-h{
  margin:0;
  font-size:27.74px;
  font-weight:700;
  color:var(--blue);
  line-height:1;
  letter-spacing:.01em;
}

/* ---------- 枠 ----------
   デザイン実測：x=278.0〜1054.1（幅776.0）／ y=820.8〜1134.7（高さ313.9）
                 線 #262626・0.5pt（画面では1pxで引く）
   ★枠は本文カラム（842px）いっぱいに伸ばさず、デザイン実測の776pxで止める
     （和田さん指示 2026/08/28・特定商取引法の罫線と同じ考え方）
   内側の余白は、行の高さ58.5px×4行＝234px を中に置いたときに
   枠の高さが 313.9px になるよう逆算した値
   （1 + 39.45 + 234 + 38.45 + 1 = 313.9） */
.kiy-box{
  width:776px;
  margin:29.86px 0 0;      /* 見出しの下端 → 枠の上端 */
  padding:39.45px 0 38.45px;
  border:1px solid #262626;
}
.kiy-list{
  margin:0;
  padding:0;
  list-style:none;
}
/* 行の高さ＝デザインの行ピッチ 58.5px */
.kiy-list li{
  position:relative;
  height:58.5px;
  padding-left:42.5px;     /* 枠の左端 → アイコンの左端 43.5px（枠線1pxぶんを引く）*/
}
.kiy-list img{
  position:absolute;
  left:42.5px;
  top:19.25px;             /* 行の中で天地中央（58.5-20)/2 */
  width:20px;
  height:20px;
}
.kiy-list a{
  display:inline-block;
  margin-left:35px;        /* アイコンの右端 → 文字 15px（20+15）*/
  font-size:16px;
  line-height:58.5px;
  color:var(--text);
  text-decoration:underline;
  /* デザイン実測：字間は 1.92px＝.12em（行2〜4は一定）。
     行1だけ「／」や括弧の前後が詰まっているので、Illustratorと同じ
     約物の自動詰め（palt）を有効にして再現する。 */
  letter-spacing:.12em;
  font-feature-settings:"palt" 1;
}
.kiy-list a:hover{opacity:.7;}

/* =========================================================
   スマホ（768px以下）
   ※このページはスマホ専用のデザインが無いため、会社概要と同じ考え方でそろえた
   ========================================================= */
@media (max-width:768px){
  .cmp-main.kiy-main{padding-top:44px;}
  .kiy-h{font-size:19px;line-height:1.5;}
  .kiy-box{
    width:auto;
    margin-top:20px;
    padding:8px 0;
  }
  .kiy-list li{
    height:auto;
    min-height:0;
    padding:14px 14px 14px 40px;
  }
  .kiy-list img{left:14px;top:16px;}
  .kiy-list a{
    display:block;
    margin-left:0;
    font-size:14px;
    line-height:1.7;
    letter-spacing:.04em;
  }
}