/* =====================================================
   Building5 Custom Styles
   LOGZA WEB DESIGN - 建設会社・工務店サンプルサイト
   ===================================================== */

/* Noto Serif JP フォント統一 - 基本要素 */
*,
*::before,
*::after {
    font-family: 'Noto Serif JP', serif;
}

/* Archivo フォントの上書き - styles.css で指定されているセレクタ */

/* standard-link */
.standard-link span {
    font-family: 'Noto Serif JP', serif;
}

/* サイズ系クラス */
.xsmall {
    font-family: 'Noto Serif JP', serif;
}

.small,
.small>p,
.small>ul li {
    font-family: 'Noto Serif JP', serif;
}

.medium,
.medium>p,
.medium>ul li {
    font-family: 'Noto Serif JP', serif;
}

.large,
.large>p,
.large>ul li {
    font-family: 'Noto Serif JP', serif;
}

/* 見出し h1 系 */
h1,
.cta-heading,
.hayswoodworking-hero-block .heading {
    font-family: 'Noto Serif JP', serif;
}

/* 見出し h2 系 */
h2,
footer .site-heading,
.services-block .heading,
.hayswoodworking-image-card-block .headline span {
    font-family: 'Noto Serif JP', serif;
}

/* approach-block, process-block */
.hayswoodworking-approach-block .heading-container *,
.hayswoodworking-process-block .text-container .heading {
    font-family: 'Noto Serif JP', serif;
}

/* 見出し h3 系 */
h3,
.lg .project-title {
    font-family: 'Noto Serif JP', serif;
}

/* 見出し h4 系 */
h4,
.address p,
.accordion-header a,
.contact-details span,
blockquote,
.sm .project-title,
.md .project-title {
    font-family: 'Noto Serif JP', serif;
}

/* 見出し h5 系 */
h5,
.process-item-heading .heading {
    font-family: 'Noto Serif JP', serif;
}

/* eyebrow */
.hayswoodworking-approach-block .heading-container .eyebrow {
    font-family: 'Noto Serif JP', serif;
}

/* blockquote, filter */
blockquote,
.filter {
    font-family: 'Noto Serif JP', serif;
}

/* details heading */
.details .heading {
    font-family: 'Noto Serif JP', serif;
}

/* CTA ボタン */
.cta-button {
    font-family: 'Noto Serif JP', serif;
}

/* =====================================================
   ロゴ
   ===================================================== */

/* ヘッダーロゴ - white-en.svg（正方形） */
.hayswoodworking-logo {
    background-image: url('../images/common/white-en.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.logo-column .hayswoodworking-logo {
    aspect-ratio: 1 / 1;
}

/* ローディングロゴ - white-en.svg */
.home.intro-animation .intro-animation .logo-container .logo {
    background-image: url('../images/common/white-en.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}









.image-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1790 / 1280;
    min-height: 70vh;
}

/* 背景動画 */
.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 余白ゼロ */
    object-position: center;
    z-index: 0;
}

/* 背景を暗くする（文字の裏だけ） */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
    pointer-events: none;
}

/* 文字・装飾は最前面へ */
.mobile-hero-text,
.mobile-line {
    position: relative;
    z-index: 3;
}

.mobile-hero-text h1 {
    position: relative;
    z-index: 3;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

/* content-containerをhero-overlayの上に表示 */
.hayswoodworking-hero-block .content-container {
    z-index: 2;
}

/* スマホ時のtext-containerに左余白を追加 */
@media (max-width: 767.98px) {
    .hayswoodworking-hero-block .content-container .text-container {
        padding-left: 3rem;
    }
}