/* ==========================================
   TOPページ専用スタイル
   ========================================== */

/* 
   このファイルにはTOPページ固有のセクションスタイルが含まれます:
   - ローディングスクリーン
   - ヒーローセクション
   - COMPANYセクション
   - BUSINESS FIELDSセクション  
   - PRODUCTSセクション
   - SUSTAINABILITYセクション
   - 50周年セクション
   - RECRUITセクション
   - NEWSセクション
   
   ※現時点では空ファイルとして作成
   ※後ほどstyle.cssから該当セクションを移動予定
*/

/* ==========================================
   ローディングスクリーン
   ========================================== */
.loading-screen {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    background-color: #fff;
    transition: opacity 0.8s ease-out, visibility 0.8s ease-out;
}

.loading-screen.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loading-logo {
    width: clamp(150px, 25vw, 250px);
    width: clamp(210px, 35vw, 350px);
    height: auto;
    opacity: 0;
    transform: scale(0.95);
    animation: logoFadeIn 1s ease-out forwards;
}

@keyframes logoFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* ローディング中のスクロール防止 */
body.is-loading {
    overflow: hidden;
}