@charset "UTF-8";

.print_area {
    display: none;
}

@media print {
    /*********基本設定*********/

    @page {
        /* 縦の場合はportrait、横の場合はlandscape */
        size: A4 landscape;
        margin: 0;
    }

    body {
        -webkit-print-color-adjust: exact;
        padding: 0;
    }

    * {
        font-size: 2.5mm;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact !important;
        /* Chrome, Safari */
        color-adjust: exact !important;
        /*Firefox*/
    }

    *::-webkit-scrollbar {
        display: none;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    dl dd {
        margin: 0;
    }

    ul {
        list-style: none;
        padding: 0;
    }

    /*********印刷レイアウト*********/
    .print-off {
        display: none !important;
    }

    /*
	A4縦→210mm * 297mm
	A4横→297mm * 210mm
	*/
    .print_area {
        overflow: hidden;
        display: block;
        background: #fff;
        color: #1D1D1D;
        font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    }

    .print_area .page {
        width: 297mm;
        min-width: 100%;
        height: 210mm;
        display: block;
        padding: 5mm;
    }

    .break_page {
        break-before: page;
    }

    .print_area .common_head {
        margin-block: 0 1mm;
    }

    .print_area .common_head .top_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 3mm;
        margin-block: 0 1mm;
    }

    .print_area .common_head .top_box .name {
        display: inline-block;
        background: var(--main-color);
        font-size: 12pt;
        letter-spacing: .05em;
        color: #fff;
        line-height: 1.5;
        font-weight: 700;
        padding: 0.1em 1em;
    }

    .print_area .common_head .top_box .logo {
        width: 167pt;
        flex-shrink: 0;
    }

    .print_area .common_head .input {
        background: #fff;
        border: 1pt solid #1D1D1D;
        min-block-size: 45pt;
        padding: 2.5mm;
        font-size: 10pt;
        letter-spacing: .05em;
        font-weight: 400;
        margin-block: 0 0.5mm;
    }

    .print_area .common_head .date {
        text-align: right;
        font-size: 9pt;
        letter-spacing: .05em;
    }

    .print_area .sec_title {
        font-size: 12pt;
        letter-spacing: .05em;
        font-weight: 700;
        line-height: 1.5;
        margin-block: 0 4mm;
    }

    .print_area .cont .img_list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22.5mm;
        margin: 0 15mm;
    }

    .print_area .item_title {
        font-size: 10pt;
        letter-spacing: .05em;
        font-weight: 700;
        line-height: 1.5;
        margin-block: 0 2mm;
    }

    .print_area .item_sub_ttl {
        font-size: 9pt;
        margin: 0 0 1mm;
    }

    .print_area .item_sub_ttl.mt {
        margin-top: 2mm;
    }

    .print_area .cont .img_list .inbox .img_box {
        width: 100%;
        aspect-ratio: 383 / 680;
        min-width: 0;
        border: 1pt solid #1D1D1D;
        padding: 2mm;
        position: relative;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer1 {
        z-index: 10;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer2 {
        z-index: 20;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer3 {
        z-index: 30;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer4 {
        z-index: 40;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer5 {
        z-index: 50;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer6 {
        z-index: 60;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer7 {
        z-index: 70;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer8 {
        z-index: 80;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer9 {
        z-index: 90;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer10 {
        z-index: 100;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer11 {
        z-index: 110;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer12 {
        z-index: 120;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer13 {
        z-index: 130;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer14 {
        z-index: 140;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer15 {
        z-index: 150;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer16 {
        z-index: 160;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer17 {
        z-index: 170;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer.layer18 {
        z-index: 180;
    }

    .print_area .cont .img_list .inbox .img_box .canvas_layer img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .print_area .cont .memo_box_head {
        font-size: 9pt;
        letter-spacing: .05em;
        line-height: 1.5;
        margin-top: 3mm;
    }

    .print_area .cont .memo_box {
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1pt solid #1D1D1D;
        min-block-size: 55pt;
        margin-block: 2.5mm 0;
    }

    .print_area .cont .memo_box .confirm {
        flex-grow: 1;
        margin-left: 70%;
        border-left: 1pt solid #1D1D1D;
        padding: 2mm;
    }

    .print_area .cont .memo_box .confirm .text {
        font-size: 9pt;
        letter-spacing: .05em;
        line-height: 1.5;
    }

    .print_area .cont .copyright {
        font-size: 7pt;
        letter-spacing: .05em;
        line-height: 1.5;
        margin-block: 1mm 0;
    }

    .print_area .cont .table_list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4mm;
    }

    .print_area .cont .table_list table {
        width: 100%;
    }

    .print_area .cont .table_list table.siyo {
        background-color: #d7d7d7;
    }

    .print_area .cont .table_list table th,
    .print_area .cont .table_list table td {
        border: 1pt solid #1D1D1D;
        padding: 1.5mm;
        vertical-align: middle;
        font-size: 7.5pt;
        letter-spacing: .05em;
        line-height: 1.5;
    }

    .print_area .cont .table_list table .bg th,
    .print_area .cont .table_list table .bg td {
        background-color: #d5d5d5;
    }

    .print_area .cont .table_list table th.using {
        width: 32%;
    }

    .print_area .cont .table_list table th.serial {
        width: 25%;
    }

    .print_area .cont .table_list table th.sample {
        width: 14%;
        white-space: nowrap;
    }

    .print_area .cont .table_list table td {
        text-align: center;
        height: calc(1.5em + 3mm);
    }

    .print_area .cont .table_list table td img {
        max-width: 16pt;
        max-height: 16pt;
    }
}