@charset "UTF-8";

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