/* --- Recruitment Section Adventure 2027 Styles --- */

/* 1. アコーディオンの外枠 */
.recruit-module {
    /* transitionは背景色と変形のみに限定（GSAPとの衝突回避） */
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* 2. アコーディオンの中身（初期状態） */
.accordion-container {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    will-change: height, opacity;
}

/* 3. アウトラインテキスト（共通デザイン） */
.stroke-text {
    -webkit-text-stroke: 1.5px #1e40af;
    color: transparent;
}

/* 4. 背景巨大文字の薄さ調整 */
#guide-bg-text {
    color: #fcfcfc; /* ほぼ白に近い、さりげない背景文字 */
}

/* 5. ★画像拡大（ズーム）機能用の追加スタイル */

/* 拡大可能な画像に虫眼鏡カーソルを出す */
.cursor-zoom-in {
    cursor: zoom-in;
}

/* 拡大後の背景をクリックして閉じるためのカーソル */
.cursor-zoom-out {
    cursor: zoom-out;
}

/* 拡大画像に少し「ガラスのような質感」と「影」を強調 */
#zoomed-image {
    box-shadow: 0 50px 100px -20px rgba(0, 0, 0, 0.5);
    border: 4px solid rgba(255, 255, 255, 0.1);
}

/* ズーム時のテキストキャプションのスタイル */
#zoom-caption {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* ズームモーダル表示時の背景ボカシ強度（お好みで調整） */
#image-zoom-modal {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}