/*
  ========================================
  Style Name   : Business Document Style
  Version      : 1.0.0
  Last Updated : 2025-04-18
  ========================================
*/

:root {
  --padding-base: 2rem;
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* 基準となる文字サイズ */
    font-size: 16px;
    line-height: 1.8;
    color: #333F;
    background-color: #FFFF;
    padding: 0em var(--padding-base) var(--padding-base) var(--padding-base);

    /* 最大幅 */
    max-width: 800px;

    /* 中央寄せ */
    margin: auto;

    position: relative;
}

/* 英語などアルファベット用：lang="en" がついた要素 */
:lang(ja) {
    font-family: 'Noto Sans Rounded', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: 1em;
}

h1 {
    font-size: 2rem;
    border-bottom: 2px solid #ccc;
    padding-bottom: 0.3em;
}

h2 {
    font-size: 1.5rem;
    border-left: 4px solid #ccc;
    padding-left: 0.5em;
}

h3 {
    font-size: 1.2rem;
}

/* ================================
   h4: さらに小さい見出し
   ================================ */
h4 {
    font-size: 1.3rem;
    font-weight: 500; /* 少し軽めの太さ */
}

/* ================================
   h5: サブ見出し
   ================================ */
h5 {
    font-size: 1.1rem;
    font-weight: 500;
}

/* ================================
   h6: 最小の見出し
   ================================ */
h6 {
    font-size: 1rem;
    font-weight: 400; /* 通常の太さ */
}

p {
    margin-bottom: 1em;
}

/* ================================
   リスト
   ================================ */

ul, ol {
    margin-left: 1em;
    margin-bottom: 1em;
    list-style-position: outside;
}

li {
    margin-bottom: 0.2em;
}

ol {
    counter-reset: list;
}

ol li {
    list-style: none; /* デフォルトのマークを削除 */
    position: relative;
}

ol li:before {
    box-sizing: border-box;
    counter-increment: list;
    content: "(" counter(list) ")";
    left: -2em;
    padding-right: 1em; /* 項版と文章の間のパディング */
    position: absolute;
    width: 2em;
}

/* ================================
   フッター
   ================================ */
.footer {
  position: absolute;
  right: 0;
  padding: 2em var(--padding-base);
}

/* ================================
   その他
   ================================ */
.todo {
  background-color: #4d4dff;
  color: white;
  font-weight: bold;
  padding: 0.2em 0.5em;
}