@charset "UTF-8";

/* 製品資料専用CSS /agri/css/download.css
   HEROの高さ・文字エリア幅は共通page.cssで管理 */
.download-page-hero {
    position: relative;
    isolation: isolate;
    background: #294c43;
    color: #fff;
}
.download-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: no-repeat center 62% / cover;
}
.download-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%);
}
.download-page-hero .download-hero-kicker {
    margin: 0 0 15px;
    color: #e2e5d8;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .06em;
}
.download-page-hero #download-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;
}
.download-page-hero .download-hero-description {
    margin: 0;
    color: #fff;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 21px;
    line-height: 1.9;
    letter-spacing: .04em;
}
.download-main { border-top: 0; }
#pankuzu.agri-breadcrumb + .download-main > #download.download-page {
    margin-top: 0;
    padding-top: 28px;
}
#download.download-page > .content { padding-top: 0; }
@media screen and (max-width: 767px) {
    .download-hero-bg { background-position: 55% center; }
    .download-hero-shade {
        background: linear-gradient(90deg, rgba(9,35,30,.78), rgba(9,35,30,.56) 56%, rgba(9,35,30,.16));
    }
    .download-page-hero #download-hero-title { font-size: 32px; }
    .download-page-hero .download-hero-description { font-size: 18px; }
    #pankuzu.agri-breadcrumb + .download-main > #download.download-page { padding-top: 24px; }
}