@charset "UTF-8";
/* 事例紹介トップ専用。HEROの共通寸法は /agri/css/page.css で管理。 */

/* =========================================================
   事例紹介HERO：高さ・余白は上記の共通HERO設定を使用
   写真の表示位置とスモークのみ、このページで調整
   ========================================================= */
.results-hero {
    position: relative;
    isolation: isolate;
    color: #fff;
    background: #294c43;
}
.results-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-size: cover;
    background-position: center 65%;
    background-repeat: no-repeat;
}
.results-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(9,35,30,.80) 0%, rgba(9,35,30,.60) 38%, rgba(9,35,30,.15) 67%, rgba(9,35,30,.08) 100%);
}
.results-hero .results-hero-kicker {
    margin: 0 0 15px;
    color: #dbd8bb;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: .24em;
}
.results-hero #results-hero-title {
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    color: #fff;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: clamp(40px, 5vw, 60px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .13em;
    background: none;
}
.results-hero .results-hero-lead {
    margin: 0;
    color: #fff;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 21px;
    line-height: 1.9;
    letter-spacing: .06em;
}
.results-main { border-top: 0; }
@media screen and (max-width: 767px) {
    .results-hero-bg { background-position: 55% center; }
    .results-hero-shade {
        background: linear-gradient(90deg, rgba(9,35,30,.78), rgba(9,35,30,.58) 60%, rgba(9,35,30,.30));
    }
    .results-hero .results-hero-lead { font-size: 18px; }
}