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

    .applicationType div            { display: flex; justify-content: space-between; }

    .sol35_20240401                 { max-width: 600px; margin: 10px auto 0; font-size: 20px; }
    .sol35_20240401 span            { font-size: 17px; }
    .sol35_20240603_title           { width: fit-content; margin: 60px auto 30px; font-size: 20px; border-bottom: 2px solid; padding: 2px 10px; } 
    .sol35_20240603_title > img     { margin-top: 0!important; padding: 0 0 2px 10px; }
    .spDisp_490                     { display:none; }

    .sol35_20240809_title                                   { align-items: center; column-gap: 20px; display: flex; }

    .applicationType .typeDriver + div p:nth-child(2)   { display: flex; flex-grow: 1; justify-content: space-between; }

    .proPoint_style article .case07flex				{flex-wrap:nowrap;}
    .proPoint_style article .case07flex li			{ width:50%; line-height:1.6; }
    .proPoint_style article .case07flex li img		{ width:100%; max-width: fit-content; }

    .function-ichiran               { flex-wrap: wrap; row-gap: 19px; }
    .function-ichiran li            { display: flex; align-items: center; width:calc(100%/3); font-size: clamp(15px, calc(100vw * 18 / 1100), 18px); }
    .function-ichiran li img        { margin-right: 13px; }        
    
    .subTitle01Set.qa section + section       { margin-top: 35px; }

    /* 緑ボタン */
    .btn-green > * { font-family: "Ryo Gothic PlusN"; color: #009f58; width: 230px; border: 1px #009f58 solid; padding-left: 35px; height:47px; }
    .btn-green a::before,
    .btn-green button::before,
    .btn-green .input_wrap::before { background: #009f58; }
    .btn-green a::after,
    .btn-green button::after,
    .btn-green .input_wrap::after { border-top: 1px solid #009f58; border-right: 1px solid #009f58; }
    .btn-green a:hover,
    .btn-green button:hover,
    .btn-green .input_wrap:hover { background-color: #009f58; color: #ffffff; }
    .btn-green a:hover::before,
    .btn-green button:hover::before,
    .btn-green .input_wrap:hover::before { background: #ffffff; }
    .btn-green a:hover::after,
    .btn-green button:hover::after,
    .btn-green .input_wrap:hover::after { border-color: #ffffff; }

    /* 緑ボタン（戻る） */
    .btn-back-green > * { font-family: "Ryo Gothic PlusN"; color: #009f58; width: 230px; border: 1px #009f58 solid; padding-left: 60px; background-color: #ffffff; }
    .btn-back-green a::before,
    .btn-back-green button::before,
    .btn-back-green .input_wrap::before { background: none; left: 20px; }
    .btn-back-green a::after,
    .btn-back-green button::after,
    .btn-back-green .input_wrap::after { border-top: none; border-right: none; left: 20px; -webkit-transform: none; transform: none; position: absolute; top: 30%; background-image: url('images/case07_116.png'); width: 16px; height: 18px; background-size: contain; }
    .btn-back-green a:hover,
    .btn-back-green button:hover,
    .btn-back-green .input_wrap:hover { background-color: #ffffff; color: #009f58; }
    .btn-back-green a:hover::before,
    .btn-back-green button:hover::before,
    .btn-back-green .input_wrap:hover::before { background: none; }
    .btn-back-green a:hover::after,
    .btn-back-green button:hover::after,
    .btn-back-green .input_wrap:hover::after { border-color: #ffffff; background-image: url('images/case07_116.png'); }

    /* 緑ボタン(詳細のお見積りへ) */
    .btn-detail-green > * { font-family: "Ryo Gothic PlusN"; color: #009f58; width: 230px; border: 1px #009f58 dashed; padding-left: 35px; height:47px; }
    .btn-detail-green a::before,
    .btn-detail-green button::before,
    .btn-detail-green .input_wrap::before { background: #009f58; }
    .btn-detail-green a::after,
    .btn-detail-green button::after,
    .btn-detail-green .input_wrap::after { border-top: 1px solid #009f58; border-right: 1px solid #009f58; }
    .btn-detail-green a:hover,
    .btn-detail-green button:hover,
    .btn-detail-green .input_wrap:hover { background-color: #009f58; color: #ffffff; }
    .btn-detail-green a:hover::before,
    .btn-detail-green button:hover::before,
    .btn-detail-green .input_wrap:hover::before { background: #ffffff; }
    .btn-detail-green a:hover::after,
    .btn-detail-green button:hover::after,
    .btn-detail-green .input_wrap:hover::after { border-color: #ffffff; }

    /* 前の質問へ戻るボタン */
    .btn-back > * { font-family: "Ryo Gothic PlusN"; color: #999999; width: 230px; border: none; padding-left: 75px; background-color: #ebf6ed; }
    .btn-back a::before,
    .btn-back button::before,
    .btn-back .input_wrap::before { background: #999999; left: 20px; }
    .btn-back a::after,
    .btn-back button::after,
    .btn-back .input_wrap::after { border-top: 1px solid #999999; border-right: 1px solid #999999; left: 20px; -webkit-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); position: absolute; top: 50%; }
    .btn-back a:hover,
    .btn-back button:hover,
    .btn-back .input_wrap:hover { background-color: #ebf6ed; color: #999999; }
    .btn-back a:hover::before,
    .btn-back button:hover::before,
    .btn-back .input_wrap:hover::before { background: #999999; }
    .btn-back a:hover::after,
    .btn-back button:hover::after,
    .btn-back .input_wrap:hover::after { border-color: #999999; }

    /* contentsBox-case07 */
    .contentsBox-case07 {
        display: flex;
        flex-direction: column;
        background-color: #EBF7ED;
        margin-top: 40px;
        padding-top: 0px;
        justify-content: center;
        align-items: center;
        max-width:100%;
        width:100%;
    }

    /* 簡易シミュレーションのコンテンツ */
    .simulation-headers {
        margin: 60px 0px 0px 0px;
    }

    /* 簡易シミュレーション */
    .question-simulation {
        font-family: "Ryo Gothic PlusN";
        font-weight: bold;
        font-size: 36px;
        color: rgb(0, 169, 90);
        line-height: 1.2;
        text-align: center;
        position: relative;
        margin: 10px 10px 10px 10px;
    }

    /* ご希望の条件をご入力いただくと、簡単にお支払い金額を試算できます。 */
    .question-conditions {
        font-family: "Ryo Gothic PlusN";
        font-size: 16px;
        color: rgb(85, 85, 85);
        line-height: 1.2;
        text-align: center;
        position: relative;
    }

    /* 簡易シミュレーションのコンテンツ */
    .simulation-contents {
        display: grid;
        background-color: white;
        border: 8px solid #E6E6E6;
        border-radius: 50px;
        text-align: center;
        margin: 40px 40px 80px 40px;
        padding: 30px 20px 30px 20px;
        width: 90%;
        max-width: 1240px;
    }
    .simulation-contents-step3 {
        display: grid;
        grid-template-columns: 1fr 5fr 6fr;
        max-width: 900px;
        margin: 0 auto;
    }
    .simulation-contents-result {
        display: grid;
        grid-template-columns: 7fr 16fr 2fr 7fr 16fr;
        max-width: 900px;
        margin: 0 auto;
    }

    /* 簡易シミュレーションのアイテム */
    .simulation-items {
        display: flex;
        /* border: 1px solid #009f58; */
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* STEP */
    .step {  
        font-family: "Ryo Gothic PlusN";
        font-size: 18px;
        line-height: 26.35px;
        color: rgb(0, 0, 0);
        text-align: center;
        position: relative;
        bottom: 20px;
        left: 5px;
    }

    /* ステップの数字 */
    .question {
        font-family: "Ryo Gothic PlusN";
        font-weight: bold;
        font-size: 28px;
        line-height: 18.35px;
        color: #009f58;
        text-align: center;
        position: relative;
        bottom: 17px;
        left: 10px;
    }

    /* 質問の文字列　*/
    .sentence {
        font-family: "Ryo Gothic PlusN";
        font-size: 21px;
        /* line-height: 0.81; */
        line-height: 1.5;
        color: rgb(0, 0, 0);
        text-align: center;
        margin: 20px 14px 20px 14px;
        position: relative;
    }

    /* 画像 */
    .step-img { display: block; }
    .step-img-sp { display: none; }

    /* 簡易シミュレーションお見積りスタート */
    .start-item1 { grid-row: 1 / 3; grid-column: 1; }
    .start-item2 { grid-row: 1; grid-column: 2; align-items: flex-start; }
    .start-item3 { grid-row: 2; grid-column: 2; align-items: flex-start; }
    .start-item3 .btn { margin: 0px; } /* 余白の自動調整を無効にして左寄せ */
    .easy-step1 { font-family: "Ryo Gothic PlusN"; font-size: 18px; line-height: 17px; color: rgb(0, 0, 0); text-align: center; margin-top:5px; }
    .easy-step2 { font-family: "Ryo Gothic PlusN"; font-weight: bold; font-size: 28px; line-height: 26.35px; color: #009f58; text-align: center; position: relative; top: 5px; left: -1px; }
    .easy-step3 { font-family: "Ryo Gothic PlusN"; font-size: 13px; line-height: 26.35px; color: rgb(0, 0, 0); text-align: center; position: relative; left: -1px; }
    .estimate-headline { font-size: 18px; font-family: "Ryo Gothic PlusN"; color: rgb(85, 85, 85); line-height: 1.2; text-align: left; }
    .simple-simulation { font-size: 36px; font-family: "Ryo Gothic PlusN"; font-weight: bold; color: rgb(0, 169, 90); line-height: 1.2; text-align: left; }

    /* 簡易シミュレーションSTEP1 */
    .step1-item1 { grid-row: 1; grid-column: 1; }
    .q1-supplement { font-family: "Ryo Gothic PlusN"; font-size: 15px; color: rgb(85, 85, 85); line-height: 1.2; text-align: center; margin: 10px 14px 10px 14px; position: relative; }
    .q1-count { font-size: 18px; font-family: "Ryo Gothic PlusN"; color: rgb(0, 0, 0); line-height: 0.944; text-align: left; position: relative; }

    /* 簡易シミュレーションSTEP2 */
    .step2-item1 { grid-row: 1; grid-column: 1 / 3; }
    .step2-item2 { grid-row: 2; grid-column: 1; margin: 10px 10px 10px 10px; align-items: flex-end; }
    .step2-item3 { grid-row: 2; grid-column: 2; margin: 10px 10px 10px 10px; align-items: flex-start; }
    .step2-item2 .btn { margin: 0px; } /* 余白の自動調整を無効にして右寄せ */
    .step2-item3 .btn { margin: 0px; } /* 余白の自動調整を無効にして左寄せ */

    /* 簡易シミュレーションSTEP3 */
    .step3-item1 { grid-row: 1; grid-column: 1 / 4; }
    .step3-item2 { grid-row: 2; grid-column: 1 / 4; min-height: 100px; }
    .step3-item3 { grid-row: 3; grid-column: 1 / 3; background-color: #EBF7ED; border-top: 2px solid rgb(85, 85, 85); border-bottom: 2px solid rgb(85, 85, 85); }
    .step3-item4 { grid-row: 3; grid-column: 3; border-top: 2px solid rgb(85, 85, 85); border-bottom: 2px solid rgb(85, 85, 85); }
    .step3-item-icon-tablet { grid-row: 4; grid-column: 1; }
    .step3-item-kiki-tablet { grid-row: 4; grid-column: 2; }
    .step3-item-count-tablet { grid-row: 4; grid-column: 3; }
    .step3-item-icon-blechecker { grid-row: 5; grid-column: 1; }
    .step3-item-kiki-blechecker { grid-row: 5; grid-column: 2; }
    .step3-item-count-blechecker { grid-row: 5; grid-column: 3; }
    .step3-item-icon-usbchecker { grid-row: 6; grid-column: 1; }
    .step3-item-kiki-usbchecker { grid-row: 6; grid-column: 2; }
    .step3-item-count-usbchecker { grid-row: 6; grid-column: 3; }
    .step3-item-icon-thermometer { grid-row: 7; grid-column: 1; }
    .step3-item-kiki-thermometer { grid-row: 7; grid-column: 2; }
    .step3-item-count-thermometer { grid-row: 7; grid-column: 3; }
    .step3-item-icon-blood-monitor { grid-row: 8; grid-column: 1; }
    .step3-item-kiki-blood-monitor { grid-row: 8; grid-column: 2; }
    .step3-item-count-blood-monitor { grid-row: 8; grid-column: 3; }
    .step3-item-icon-nfc-reader { grid-row: 9; grid-column: 1; }
    .step3-item-kiki-nfc-reader { grid-row: 9; grid-column: 2; }
    .step3-item-count-nfc-reader { grid-row: 9; grid-column: 3; }
    .step3-item-icon-nfc-tag { grid-row: 10; grid-column: 1; }
    .step3-item-kiki-nfc-tag { grid-row: 10; grid-column: 2; }
    .step3-item-count-nfc-tag { grid-row: 10; grid-column: 3; }
    .step3-item-icon-usb-hub { grid-row: 11; grid-column: 1; }
    .step3-item-kiki-usb-hub { grid-row: 11; grid-column: 2; }
    .step3-item-count-usb-hub { grid-row: 11; grid-column: 3; }
    .step3-item-icon-tablet-case { grid-row: 12; grid-column: 1; }
    .step3-item-kiki-tablet-case { grid-row: 12; grid-column: 2; }
    .step3-item-count-tablet-case { grid-row: 12; grid-column: 3; }
    .step3-item-btn-back { grid-row: 14; grid-column: 1 / 3; margin: 40px 10px 10px 10px; align-items: flex-end; }
    .step3-item-btn-green { grid-row: 14; grid-column: 3; margin: 40px 10px 10px 10px; align-items: flex-start; }
    .step3-item-btn-back .btn { margin: 0px; } /* 余白の自動調整を無効にして右寄せ */
    .step3-item-btn-green .btn { margin: 0px; } /* 余白の自動調整を無効にして左寄せ */
    .step3-icon { background-color: #EBF7ED; border-bottom: 1px solid rgb(85, 85, 85); padding: 20px 20px 20px 20px; }
    .step3-kiki { background-color: #EBF7ED; border-bottom: 1px solid rgb(85, 85, 85); padding: 20px 40px 20px 0px; align-items: flex-start; }
    .step3-count { border-bottom: 1px solid rgb(85, 85, 85); padding-right: 20px; align-items: flex-end; }

    /* 数値入力 */
    .input-num{
        width: 58px;
        height: 25px;
        margin: 10px 10px 10px 10px;
        position: relative;
    }

    /* 簡易シミュレーション結果 */
    .result-item1 { grid-row: 1; grid-column: 1 / 6; }
    .result-item-initialCost { grid-row: 2; grid-column: 1; }
    .result-item-initialCost-num { grid-row: 2; grid-column: 2; }
    .result-item-2 { grid-row: 2; grid-column: 3; }
    .result-item-monthlyCost { grid-row: 2; grid-column: 4; }
    .result-item-monthlyCost-num { grid-row: 2; grid-column: 5; }
    .result-item-initialCost-detail { grid-row: 3; grid-column: 1 / 3; }
    .result-item-3 { grid-row: 3; grid-column: 3; }
    .result-item-monthlyCost-detail { grid-row: 3; grid-column: 4 / 6; }
    .result-item-initialCost1 { grid-row: 4; grid-column: 1; }
    .result-item-initialCost1-num { grid-row: 4; grid-column: 2; }
    .result-item-4 { grid-row: 4; grid-column: 3; }
    .result-item-monthlyCost1 { grid-row: 4; grid-column: 4; }
    .result-item-monthlyCost1-num { grid-row: 4; grid-column: 5; }
    .result-item-initialCost2 { grid-row: 5; grid-column: 1; }
    .result-item-initialCost2-num { grid-row: 5; grid-column: 2; }
    .result-item-5 { grid-row: 5; grid-column: 3; }
    .result-item-monthlyCost2 { grid-row: 5; grid-column: 4; }
    .result-item-monthlyCost2-num { grid-row: 5; grid-column: 5; }
    .result-item-detail { grid-row: 6; grid-column: 1 / 6; flex-direction: row !important; gap: 10px; margin: 20px 0px 20px 0px; }
    .result-item-detail .btn { margin: 0 !important; } /* ボタンの外枠divの幅指定を解除（中身に合わせる） */
    .result-item-label1 { margin: 0px 0px 20px 0px; padding: 0px 20px 20px 20px; align-items: flex-start; border-bottom: 2px solid rgb(85, 85, 85); }
    .result-item-num1 { margin: 0px 0px 20px 0px; padding: 0px 5px 20px 20px; align-items: flex-end; border-bottom: 2px solid rgb(85, 85, 85); }
    .result-item-label2 { margin: 0px 0px 20px 0px; padding: 0px 20px 20px 20px; align-items: flex-start; border-bottom: 1px solid rgb(85, 85, 85); }
    .result-item-num2 { margin: 0px 0px 20px 0px; padding: 0px 5px 20px 20px; align-items: flex-end; border-bottom: 1px solid rgb(85, 85, 85); }
    .result-item-label3 { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; align-items: flex-start; }
    .result-item-num3 { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 20px; align-items: flex-end; }

    /* 台 */
    .count{
        font-size: 18px;
        font-family: "Ryo Gothic PlusN";
        color: rgb(0, 0, 0);
        line-height: 0.944;
        text-align: left;
        position: relative;
    }

    /* step3-機器名 */
    .device-name{
        font-size: 18px;
        font-family: "Ryo Gothic PlusN";
        color: rgb(0, 0, 0);
        line-height: 0.944;
        text-align: left;
        position: relative;
    }

    .step3-supplement{
        font-size: 14px;
        font-family: "Ryo Gothic PlusN";
        color: rgb(85, 85, 85);
        line-height: 1.714;
        text-align: left;
    }

    .result-price{
        font-size: 34px;
        font-family: "Ryo Gothic PlusN";
        color: rgb(0, 159, 88);
        line-height: 0.509;
        text-align: right;
    }

    .price-summary{
        font-size: 18px;
        font-family: "Ryo Gothic PlusN";
        color: rgb(0, 0, 0);
        line-height: 1.556;
        text-align: justify;
    }

    .result-total{
        font-size: 21px;
        font-family: "Ryo Gothic PlusN";
        color: rgb(0, 0, 0);
        line-height: 0.81;
        text-align: left;
    }

    @media(max-width:1150px){
        #mainContents.products p.textCenter.sol35_20240603_title img { width: initial; height: initial; }
    }

    @media(max-width:1100px){
        .applicationType div img            { width: 100%; height: auto; }
        .applicationType .typeDriver + div  { flex-direction: column; align-items: center; }
    }

    @media (max-width: 960px) {

        .simulation-contents-result {
            grid-template-columns: 5fr 5fr;
            width: 100%;
        }
        .result-item1 .step-img { display: none; }
        .result-item1 .step-img-sp { display: block; }

        /* 簡易シミュレーション結果 */
        .result-item1 { grid-row: 1; grid-column: 1 / 3; }
        .result-item-initialCost { grid-row: 2; grid-column: 1; }
        .result-item-initialCost-num { grid-row: 2; grid-column: 2; }
        .result-item-monthlyCost { grid-row: 3; grid-column: 1; }
        .result-item-monthlyCost-num { grid-row: 3; grid-column: 2; }
        .result-item-initialCost-detail { grid-row: 4; grid-column: 1 / 3; }
        .result-item-monthlyCost-detail { grid-row: 7; grid-column: 1 / 3; }
        .result-item-initialCost1 { grid-row: 5; grid-column: 1; }
        .result-item-initialCost1-num { grid-row: 5; grid-column: 2; }
        .result-item-monthlyCost1 { grid-row: 8; grid-column: 1; }
        .result-item-monthlyCost1-num { grid-row: 8; grid-column: 2; }
        .result-item-initialCost2 { grid-row: 6; grid-column: 1; }
        .result-item-initialCost2-num { grid-row: 6; grid-column: 2; }
        .result-item-monthlyCost2 { grid-row: 9; grid-column: 1; }
        .result-item-monthlyCost2-num { grid-row: 9; grid-column: 2; }
        .result-item-detail { grid-row: 10; grid-column: 1 / 3; flex-direction: column !important; }
        .result-item-label1 { margin: 0px 0px 20px 14px; padding: 0px 20px 10px 0px; }
        .result-item-num1 { margin-right: 14px; }
        .result-item-label2 { margin: 0px 0px 20px 14px; padding: 0px 20px 10px 0px; }
        .result-item-num2 { margin-right: 14px; padding-bottom: 10px;}
        .result-item-label3 { margin: 0px 0px 0px 14px; padding: 0px 20px 0px 0px; }
        .result-item-num3 { margin-right: 14px; }
        .price-summary { font-size: 16px; }
        .result-total { font-size: 18px; }
    }

    @media (max-width: 767px) {
        .applicationType div                { display: block; }
        .applicationType div p              { width: 100%; }

        .function-ichiran li                { width:100%; }
        .function-ichiran li img            { width: 65px; }

        .question-simulation { font-size: 24px; }
        .question-conditions { font-size: 14px; line-height: 1.6; padding: 0 30px; }

        .simulation-contents { margin: 40px auto; padding: 24px 0px; }
        .simulation-contents-step3 { grid-template-columns: 1fr 6fr; }
        .sentence { font-size: 18px; line-height: 1.5; }
        .step-img { display: none; }
        .step-img-sp { display: block; }

        /* 簡易シミュレーションお見積りスタート */
        .start-item1 { grid-row: 1; grid-column: 1; }
        .start-item2 { grid-row: 2; grid-column: 1; align-items: center; margin-top: 10px; }
        .start-item3 { grid-row: 3; grid-column: 1; }
        .start-item3 .btn { margin: auto; } /* 余白の自動調整を有効にして中央寄せ */
        .easy-step1 { font-size: 16px; }
        .easy-step2 { font-size: 25px; left: 0px; }
        .easy-step3 { font-size: 12px; left: 0px; }
        .estimate-headline { font-size: 15px; line-height: 1.4; }
        .simple-simulation { font-size: 26px; line-height: 1.3; }

        /* 簡易シミュレーションSTEP2 */
        .step2-item1 { grid-row: 1; grid-column: 1; }
        .step2-item2 { grid-row: 2; grid-column: 1; }
        .step2-item3 { grid-row: 3; grid-column: 1; }
        .step2-item2 .btn { margin: auto; } /* 余白の自動調整を有効にして中央寄せ */
        .step2-item3 .btn { margin: auto; } /* 余白の自動調整を有効にして中央寄せ */

        /* 簡易シミュレーションSTEP3 */
        .step3-item1 { grid-row: 1; grid-column: 1 / 3; }
        .step3-item2 { grid-row: 2; grid-column: 1 / 3; }
        .step3-item3 { grid-row: 3; grid-column: 1 / 3; border-bottom: 0px; }
        .step3-item4 { grid-row: 4; grid-column: 1 / 3; border-top: 0px; }
        .step3-item-icon-tablet { grid-row: 5; grid-column: 1; }
        .step3-item-kiki-tablet { grid-row: 5; grid-column: 2; }
        .step3-item-count-tablet { grid-row: 6; grid-column: 1 / 3; }
        .step3-item-icon-blechecker { grid-row: 7; grid-column: 1; }
        .step3-item-kiki-blechecker { grid-row: 7; grid-column: 2; }
        .step3-item-count-blechecker { grid-row: 8; grid-column: 1 / 3; }
        .step3-item-icon-usbchecker { grid-row: 9; grid-column: 1; }
        .step3-item-kiki-usbchecker { grid-row: 9; grid-column: 2; }
        .step3-item-count-usbchecker { grid-row: 10; grid-column: 1 / 3; }
        .step3-item-icon-thermometer { grid-row: 11; grid-column: 1; }
        .step3-item-kiki-thermometer { grid-row: 11; grid-column: 2; }
        .step3-item-count-thermometer { grid-row: 12; grid-column: 1 / 3; }
        .step3-item-icon-blood-monitor { grid-row: 13; grid-column: 1; }
        .step3-item-kiki-blood-monitor { grid-row: 13; grid-column: 2; }
        .step3-item-count-blood-monitor { grid-row: 14; grid-column: 1 / 3; }
        .step3-item-icon-nfc-reader { grid-row: 15; grid-column: 1; }
        .step3-item-kiki-nfc-reader { grid-row: 15; grid-column: 2; }
        .step3-item-count-nfc-reader { grid-row: 16; grid-column: 1 / 3; }
        .step3-item-icon-nfc-tag { grid-row: 17; grid-column: 1; }
        .step3-item-kiki-nfc-tag { grid-row: 17; grid-column: 2; }
        .step3-item-count-nfc-tag { grid-row: 18; grid-column: 1 / 3; }
        .step3-item-icon-usb-hub { grid-row: 19; grid-column: 1; }
        .step3-item-kiki-usb-hub { grid-row: 19; grid-column: 2; }
        .step3-item-count-usb-hub { grid-row: 20; grid-column: 1 / 3; }
        .step3-item-icon-tablet-case { grid-row: 21; grid-column: 1; }
        .step3-item-kiki-tablet-case { grid-row: 21; grid-column: 2; }
        .step3-item-count-tablet-case { grid-row: 22; grid-column: 1 / 3; }
        .step3-item-btn-back { grid-row: 25; grid-column: 1 / 3; }
        .step3-item-btn-green { grid-row: 26; grid-column: 1 / 3; margin-top: 10px; }
        .step3-item-btn-back .btn { margin: auto; } /* 余白の自動調整を有効にして中央寄せ */
        .step3-item-btn-green .btn { margin: auto; } /* 余白の自動調整を有効にして中央寄せ */
        .step3-icon { border-bottom: 0px; }
        .step3-kiki { border-bottom: 0px; }
        .step3-count { padding: 5px; align-items: center; }
        .device-name { font-size: 16px; line-height: 1.6; }
        .step3-supplement { font-size: 12px; line-height: 1.6; padding-top: 6px; }
    }

    @media(max-width:490px){
        .spDisp_490                         { display:block !important; }
    }