body {
    margin: 0;
    font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
    background: #faf7f2;
    color: #333;
}

/* ヒーロー */
.hero {
    background: url("../img/washi-bg.jpg");
    padding: 60px 20px;
    text-align: center;
}

.logo {
    display: block;

    width: 260px;
    max-width: 100%;

    margin: 0 auto 10px;
}

.catch {
    font-size: 1.2rem;
    color: #1a2a4a;
}


/* ▼ 都道府県の基本色 */
.prefecture polygon,
.prefecture path {
    fill: #eeeeee;
    stroke: #333;
    transition: 0.2s;
}

/* ▼ ホバー時（朱色） */
.prefecture:hover polygon,
.prefecture:hover path {
    fill: #c73e3a;
}

/* ▼ クリック中（県ページで上書き用） */
.prefecture.active polygon,
.prefecture.active path {
    fill: #1a2a4a !important;
}

.prefecture.active polygon,
.prefecture.active path {
    fill: #1a2a4a !important;
}

/* 都道府県リスト */
.area-list ul {
    columns: 2;
    padding-left: 0;
    list-style: none;
}

.area-list li {
    margin-bottom: 10px;
}

.area-list a {
    text-decoration: none;
    color: #1a2a4a;
}

/* =========================================
   セクション見出し
========================================= */

.section-head {
    margin-bottom: 50px;

    text-align: center;
}


/* ▼ メインタイトル */
.section-title {
    margin: 0;

    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;

    line-height: 1.4;
    letter-spacing: 0.04em;

    color: #2d2d2d;
}

/* ▼ サブコピー */
.section-sub {
    margin-top: 14px;

    font-size: 1rem;
    line-height: 1.8;

    color: #666;
}

/* =========================================
   スマホ
========================================= */

@media screen and (max-width: 768px) {

    .section-head {
        margin-bottom: 36px;
    }

    .section-sub {
        font-size: 0.95rem;
    }

}