@charset "UTF-8";

/* 共通HERO：高さ・文字エリア幅は /agri/css/page.css で管理 */
.faq-page-hero {
    position: relative;
    isolation: isolate;
    background: #294c43;
    color: #fff;
}
.faq-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: no-repeat center center / cover;
}
.faq-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%);
}
.faq-page-hero .faq-hero-kicker {
    margin: 0 0 15px;
    color: #e2e5d8;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .06em;
}
.faq-page-hero #faq-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;
}
.faq-page-hero .faq-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を使用 */
#qanda.faq-main { border-top: 0; }
#pankuzu.agri-breadcrumb + #qanda.faq-main > article {
    margin-top: 0;
    padding-top: 24px;
}
#qanda.faq-main > article > .content { padding-top: 0; }
#qanda.faq-main .faq-lead {
    margin: 0 0 24px;
    color: #444;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}
@media screen and (max-width: 767px) {
    .faq-hero-shade {
        background: linear-gradient(90deg, rgba(9,35,30,.78), rgba(9,35,30,.56) 56%, rgba(9,35,30,.16));
    }
    .faq-page-hero #faq-hero-title { font-size: 32px; }
    .faq-page-hero .faq-hero-description { font-size: 18px; }
    #pankuzu.agri-breadcrumb + #qanda.faq-main > article { padding-top: 20px; }
    #qanda.faq-main .faq-lead { margin-bottom: 20px; }
}