@charset "UTF-8";

/* 共通HERO：高さ・文字エリア幅は /agri/css/page.css で管理 */
.map-page-hero {
    position: relative;
    isolation: isolate;
    background: #294c43;
    color: #fff;
}
.map-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: no-repeat center 60% / cover;
}
.map-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(9,35,30,.82) 0%, rgba(9,35,30,.64) 36%, rgba(9,35,30,.15) 64%, rgba(9,35,30,.04) 100%);
}
.map-page-hero .map-hero-kicker {
    margin: 0 0 15px;
    color: #e2e5d8;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .06em;
}
.map-page-hero #map-hero-title {
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .08em;
}
.map-page-hero .map-hero-description {
    margin: 0;
    color: #fff;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 21px;
    line-height: 1.9;
    letter-spacing: .04em;
}

/* パンくずから本文までの余白。地図・地域リンクの既存表示はpage.cssを使用 */
.map-main { border-top: 0; }
#pankuzu.agri-breadcrumb + .map-main > article {
    margin-top: 0;
    padding-top: 24px;
}
.map-main > article > .content { padding-top: 0; }
@media screen and (max-width: 767px) {
    .map-hero-shade {
        background: linear-gradient(90deg, rgba(9,35,30,.78), rgba(9,35,30,.56) 56%, rgba(9,35,30,.16));
    }
    .map-page-hero #map-hero-title { font-size: 32px; }
    .map-page-hero .map-hero-description { font-size: 18px; }
    #pankuzu.agri-breadcrumb + .map-main > article { padding-top: 20px; }
}

/* 全国・地域別の設置写真ページ：製品が見える位置に合わせる */
.map-photo-page .map-hero-bg { background-position: center center; }
@media screen and (max-width: 767px) {
    .map-photo-page .map-hero-bg { background-position: 70% center; }
    .map-photo-page #map-hero-title { font-size: clamp(27px, 8vw, 32px); }
}

/* 設置写真ページ：パンくずと一覧の間の余白、スマホ用の短い説明 */
.map-photo-page .map-description-sp { display: none; }
.map-photo-main .library_back { margin-top: 0; }
@media screen and (max-width: 767px) {
    .map-photo-page .map-description-pc { display: none; }
    .map-photo-page .map-description-sp { display: block; }
    .map-photo-page .map-hero-description { font-size: 17px; }
}