/* ========================================
   パララックス背景（全ページ共通）
   ======================================== */

.parallax-page {
    background: transparent !important;
    position: relative;
}

.parallax-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url('../images/parallax.jpg');
    /* 4:3のアスペクト比を保持。幅基準で高さが伸び、スクロールで見える部分が変わる */
    background-size: 100% auto;
    background-position: center 0;
    background-repeat: repeat-y;
    opacity: 0.72;
    pointer-events: none;
}

.parallax-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.04) 50%,
        rgba(255,255,255,0.1) 100%);
    pointer-events: none;
}

.parallax-page main {
    position: relative;
    z-index: 1;
}

/* セクション・ナビを半透明にしてパララックスが透けて見える（backdrop-filter は負荷大のため未使用） */
.parallax-page .section-white,
.parallax-page .service-detail-section {
    background-color: rgba(255, 255, 255, 0.82) !important;
}

.parallax-page .section-gray {
    background-color: rgba(249, 250, 251, 0.82) !important;
}

.parallax-page .section-green-light {
    background-color: rgba(240, 253, 244, 0.82) !important;
}

.parallax-page .back-nav {
    background-color: #fff !important;
    position: relative;
    z-index: 10;
}

.parallax-page .back-nav .back-link,
.parallax-page .back-nav .back-link span {
    color: #000 !important;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

.parallax-page .back-nav .back-link:hover,
.parallax-page .back-nav .back-link:hover span {
    color: #059669 !important;
}

.parallax-page.interview-page {
    background-color: transparent !important;
}

/* フッターはパララックスの上に重ね、少し薄くしてパララックスが透けるように */
.parallax-page .footer {
    position: relative;
    z-index: 1;
    background-color: rgba(17, 24, 39, 0.9) !important;
}

@media (max-width: 768px) {
    .parallax-bg {
        opacity: 0.36;
    }
}