@charset "utf-8";
/* CSS Document */

@media print {
    /* A4サイズの縦向き設定 */
    @page {
        size: A4 portrait;
        margin: 10mm; /* 余白調整 */
    }

    /* 全体のレイアウト調整 */
    body {
        font-size: 10px !important; /* 要件通り10pxに設定 */
        line-height: 1.3;
        color: #000; /* 印刷用に黒のみ */
        background: none !important; /* 背景色を消す */
        width: 100%;
        margin: 0;
        margin-top:30px;
        padding: 0;
    }

    

    /* 不要な要素を非表示 */
    #g-search,
    #spinner,
    #submenu1,
    #submenu2,
    .navbar,
    .navbar-toggler,
    .linear-gradient,
    .breadcrumb,
    .back-to-top,
    .footer,
    .copyright,
    .btn,
    .video-open,
    .counter {
        display: none !important;
    }

        /* 不要な要素を非表示 */
    
    #submenu1,
    #submenu2,
    #div200,
    #pro-sample,
    #pro-list,
    .sticky-top,
    .linear-gradient,
    .copyright,
    .counter {
        display: none !important;
    }

       /* リンクの表示調整 */
    a {
        text-decoration: none !important;
        color: #000 !important;
    }

    
    /* 各セクションの余白調整 */
    .service-item, .feature-item {
        page-break-inside: avoid;
        margin-bottom: 10px !important;
        padding: 5px !important;
    }

    .service-content {
        padding: 5px !important;
    }

    /* 背景色と枠線の調整 */
    .bg-light, .bg-dark, .bg-white {
        background-color: transparent !important;
    }

    .border-3, .border-1 {
        border-width: 1px !important;
        border-color: #000 !important;
    }

    /* ページブレークの調整 */
    .container-fluid {
        page-break-inside: auto;
    }

    .row {
        page-break-inside: avoid;
    }

    /* 余白の調整 */
    .py-5, .pt-5, .pb-5, .my-5, .mt-5, .mb-5 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .py-4, .pt-4, .pb-4, .my-4, .mt-4, .mb-4 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .py-3, .pt-3, .pb-3, .my-3, .mt-3, .mb-3 {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    /* 各製品画像のグリッドレイアウト調整 */
    .col-md-6, .col-lg-4, .col-xl-3, .col-xl-4 {
        width: 25% !important;
        float: left !important;
        page-break-inside: avoid;
    }
}