@charset "UTF-8";
/* ==================================================================
 *  下層共通ヒーロー（#lower）
 *  事業内容 / 施工事例 / 会社概要 / お問い合わせ / お知らせ / ポリシー で使用
 * ================================================================== */
#lower { position: relative; height: 44vh; min-height: 340px; overflow: hidden; }
#lower .lower { position: absolute; inset: 0; background-size: cover; background-position: center; background-image: linear-gradient(150deg,#2a2a2e,#131315); }
#lower .lower_bg { position: absolute; inset: 0; background: linear-gradient(to bottom,rgba(16,16,18,.55),rgba(16,16,18,.35)); }
.lower_contents { position: absolute; left: 48px; bottom: 48px; z-index: 2; }
.lower_contents .headline { font-family: var(--serif); color: var(--paper); font-size: clamp(28px,4vw,46px); font-weight: 700; letter-spacing: .12em; }
.lower_contents p { font-family: var(--en); color: var(--gray-l); font-size: 14px; letter-spacing: .3em; margin-top: 8px; }

@media (max-width: 1024px) { .lower_contents { left: 32px; } }
@media (max-width: 768px) { .lower_contents { left: 22px; bottom: 32px; } }