/* 2025年度対応スタイル */

/* PCとタブレット閲覧時：通常のnoteを表示、sp-noteを非表示 */
.note {
    display: block !important;
}

.sp-note {
    display: none !important;
}

/* 求人・採用ページ レスポンシブ対応 - タブレット・スマホ閲覧時 */
@media screen and (max-width: 948px) {
    /* catch画像の切り替えと調整 */
    .top img {
        content: url("../img/catch_sp.jpg") !important;
        display: block !important;
        margin: 0 auto !important;
        max-width: 390px !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* contentsの調整 */
    #contents {
        width: 100% !important;
        padding: 0 !important;
        padding-right: 10px !important;
        margin-bottom: 40px !important;
    }
    
    /* contents-bgとboardの幅調整 */
    #contents #contents-bg {
        width: 100% !important;
    }
    
    #board {
        width: calc(100% - 50px) !important;
    }
}

/* スマホ閲覧時のみ - 600px以下 */
@media screen and (max-width: 600px) {
    /* スマホ閲覧時：通常のnoteを非表示、sp-noteを表示 */
    .note {
        display: none !important;
    }
    
    .sp-note {
        display: block !important;
    }
    
    /* contentsの調整 */
    #contents {
        padding-left: 10px !important;
    }
    
    /* boardの幅調整 */
    #board {
        width: 100% !important;
        padding-right: 10px !important;
    }

    /* board内リストタイトルの左パディング調整 */
    #board dl.list dt {
        padding-left: 10px !important;
    }

    /* 注意書きの中央揃え・max幅・左寄せテキスト */
    .sp-note {
        display: block !important;
        max-width: 250px !important;
        margin: 20px auto 20px auto !important;
        text-align: left !important;
        line-height: 1.6 !important;
    }
    
    .sp-only-space {
        display: inline !important;
    }
}

/* タブレット閲覧時のみ（スマホは除外）- 948px〜601px */
@media screen and (max-width: 948px) and (min-width: 601px) {
    /* タブレット専用catch画像の切り替えと調整 */
    .top img {
        content: url("../img/catch_tb.jpg") !important;
        display: block !important;
        margin: 0 !important;
        text-align: left !important;
        max-width: none !important;
        width: auto !important;
        height: auto !important;
    }
    
    .sp-only-space {
        display: none !important;
    }
}

/* タブレット・PC閲覧時は改行を無効化 */
@media screen and (min-width: 949px) {
    .sp-br {
        display: none !important;
    }
    
    .sp-only-space {
        display: none !important;
    }
}