/* ========================================================================
   kiyaku.css
   大牟田市介護サービス事業者協議会規約ページ専用スタイル
   pg175.css に依存せず、このファイル単体でレイアウトとデザインを完結させる
   ======================================================================== */

/* --- 各エリアの最大幅指定（pg175.css 由来） --- */
#a-header,
#a-ghost_header,
#a-billboard,
#a-site_contents,
#a-footer {
    max-width: 960px;
}

/* --- スマートフォン表示時のレイアウト調整（pg175.css 由来） --- */
@media only screen and (max-width: 641px) {
    #a-header,
    #a-ghost_header,
    #a-billboard,
    #a-main,
    #a-side-a,
    #a-side-b,
    #a-footer {
        padding: 0;
    }

    /* ヘッダ（ロゴ部分） */
    #bk901.b-plain > .column,
    #bk901.b-plain > .g-column,
    #bk901.b-both_diff > .column,
    #bk901.b-both_diff > .g-column {
        margin: 0 auto;
        max-width: 100%;
    }

    /* メインメニュー */
    #bk902.b-plain > .column,
    #bk902.b-plain > .g-column {
        margin: 0 auto;
        max-width: 100%;
    }

    /* メインビジュアル */
    #bk903.b-plain > .column,
    #bk903.b-plain > .g-column {
        margin: 0 auto;
        max-width: 1020px;
    }

    /* 規約本文ブロック */
    #bk904.b-plain > .column,
    #bk904.b-plain > .g-column {
        margin: 0 auto;
        max-width: 1020px;
    }

    /* ページトップへ戻るブロック */
    #bk907.b-plain > .column,
    #bk907.b-plain > .g-column {
        margin: 0 auto;
        max-width: 1020px;
    }

    /* フッタ */
    #bk910.b-plain > .column,
    #bk910.b-plain > .g-column {
        margin: 0 auto;
        max-width: 100%;
    }
}

/* ========================================================================
   規約本文用スタイル
   ======================================================================== */

/* 規約全体ラッパー（読みやすさ重視の本文書式） */
.kiyaku-wrap {
    line-height: 1.9;
    font-size: 14pt;
    color: #333;
}

/* 大見出し：規約タイトル */
.kiyaku-wrap h2.kiyaku-title {
    text-align: center;
    font-size: 20pt;
    margin: 30px 0 40px;
    letter-spacing: 0.2em;
    border-bottom: 2px solid #888;
    padding-bottom: 14px;
}

/* 章見出し（第１章 総則 など） */
.kiyaku-wrap h3.chapter {
    font-size: 16pt;
    font-weight: bold;
    margin: 36px 0 18px;
    padding: 8px 14px;
    background-color: #ebebeb;
    border-left: 6px solid #6b6b6b;
    letter-spacing: 0.15em;
}

/* 条見出し（第１条（名　称） など） */
.kiyaku-wrap h4.article-title {
    font-size: 13pt;
    font-weight: bold;
    margin: 18px 0 6px;
    color: #444;
}

/* 条文本文 */
.kiyaku-wrap p.article-body {
    margin: 0 0 8px 1em;
    text-indent: 1em;
}

/* 各号の箇条書き */
.kiyaku-wrap ol.article-list {
    margin: 6px 0 14px 2.4em;
    padding: 0;
}

.kiyaku-wrap ol.article-list li {
    margin-bottom: 6px;
    list-style: decimal;
}

/* 「２　…」「３　…」のような項段落 */
.kiyaku-wrap p.clause {
    margin: 4px 0 4px 1em;
    text-indent: 1em;
}

/* 付則ブロック */
.kiyaku-wrap .fusoku {
    margin-top: 30px;
    border-top: 1px dashed #aaa;
    padding-top: 16px;
}

.kiyaku-wrap .fusoku h4 {
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    margin: 12px 0 4px;
    letter-spacing: 0.3em;
}

.kiyaku-wrap .fusoku p {
    text-align: center;
    margin: 0 0 10px;
}

/* スマートフォン表示時の文字サイズ調整 */
@media only screen and (max-width: 641px) {
    .kiyaku-wrap {
        font-size: 12pt;
    }

    .kiyaku-wrap h2.kiyaku-title {
        font-size: 16pt;
    }

    .kiyaku-wrap h3.chapter {
        font-size: 14pt;
    }

    .kiyaku-wrap h4.article-title {
        font-size: 12pt;
    }
}