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

/* PC・タブレット閲覧時は住所改行を非表示 */
.mobile-br {
    display: none;
}

/* 会社概要ページ レスポンシブ対応 - タブレット・スマホ閲覧時 */
@media screen and (max-width: 948px) {
    /* contents-bodyの幅とパディング調整 */
    #contents #contents-body {
        width: 100% !important;
        padding: 20px 0 50px 0 !important;
    }
    
    /* box1の幅調整 */
    #box1 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* box1ヘッダーの調整 */
    #box1 h3.sheet1-header {
        width: 100% !important;
        margin: 0 !important;
        height: 48px !important;
        background-image: url("../img/sheet1-header.jpg") !important;
        background-size: auto 100% !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }
    
    /* sheet1-header内の画像を非表示（タブレット・スマホ閲覧時） */
    #box1 h3.sheet1-header img {
        display: none !important;
    }
    
    /* box1内のレイアウト調整 */
    #box1 .sheet1-body {
        width: 100% !important;
        padding: 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* box1内の2カラムレイアウトを1カラムに変更 */
    #box1 .sheet1-body .a1,
    #box1 .sheet1-body .a2 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #box2 .box2-body .a2 .sheet3-body {
        box-sizing: border-box !important;
    }
    
    /* 画像の幅調整 */
    #box1 img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* box2の幅調整 */
    #box2 {
        width: 100% !important;
    }
    
    /* box2-bodyの調整 */
    #box2 .box2-body {
        width: 100% !important;
        margin: 0 !important;
        background: none !important;
    }
    
    /* box2-bottomを非表示 */
    #box2 .box2-bottom {
        display: none !important;
    }
    
    /* sheet2-bodyとsheet3-bodyの調整 */
    #box2 .box2-body .a1 .sheet2-body,
    #box2 .box2-body .a2 .sheet3-body {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* box2内の2カラムレイアウトを1カラムに変更 */
    #box2 .box2-body .a1,
    #box2 .box2-body .a2 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* sheet2-bodyの幅と設定 */
    #box2 .box2-body .a1 .sheet2-body {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* sheet2-headerの背景画像設定 */
    #box2 .box2-body .a1 h3.sheet2-header {
        width: 100% !important;
        background-image: url("../img/sheet1-header_bg.jpg") !important;
        background-repeat: repeat-x !important;
    }
    
    /* a2の上マージン設定 */
    #box2 .box2-body .a2 {
        margin-top: 50px !important;
    }
    
    /* a2内のheaderとbodyの調整 */
    #box2 .box2-body .a2 h3.sheet3-header,
    #box2 .box2-body .a2 .sheet3-body {
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* sheet3-headerの背景画像設定 */
    #box2 .box2-body .a2 h3.sheet3-header {
        height: 48px !important;
        background-image: url("../img/sheet1-header_bg.jpg") !important;
        background-repeat: repeat-x !important;
        background-position: left center !important;
    }
    
    /* sheet3-body内のテーブル幅調整 */
    #box2 .box2-body .a2 .sheet3-body table {
        width: 100% !important;
    }
    
}

/* タブレット閲覧時のみ（スマホは除外）- 948px〜601px */
@media screen and (max-width: 948px) and (min-width: 601px) {
    /* box2-body内のa2カラムの幅調整 */
    #box2 .box2-body .a2 {
        width: 100% !important;
    }
}

/* スマホ閲覧時のみ - 600px以下 */
@media screen and (max-width: 600px) {
    /* sheet1-headerの背景画像設定 */
    #box1 h3.sheet1-header {
        height: 38px !important;
        background-image: url("../img/sheet1-header.jpg") !important;
        background-size: cover !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
    }
    
    /* sheet1-header内の画像を非表示 */
    #box1 h3.sheet1-header img {
        display: none !important;
    }
    
    /* box2-body内のa2カラムの幅調整 */
    #box2 .box2-body .a2 {
        width: 100% !important;
    }
    
    /* sheet3-header内の画像サイズ調整 */
    #box2 .box2-body .a2 h3.sheet3-header img {
        max-width: unset !important;
        height: 48px !important;
    }
    
    /* スマホ閲覧時のみ住所を改行表示 */
    .mobile-br {
        display: inline !important;
    }
    
    /* sheet3-bodyのパディング調整 */
    #box2 .box2-body .a2 .sheet3-body {
        padding: 10px 5px 10px 5px !important;
    }
    
    /* sheet1-bodyとsheet2-bodyの左右パディング調整 */
    #box1 .sheet1-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    #box2 .box2-body .a1 .sheet2-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}