/* ---
  デジタル化・AI導入補助金ページ（ai-subsidy2）
-------------------------------------------- */

.sp_only{
    display: none;
    @media (max-width:1023px){
        display: block;
    }
}

.pc_only{
    display: block;
    @media (max-width:1023px){
        display: none;
    }
}

/* フォント周り（当ページのみ適用スタイル） */
#page-ai-subsidy{
    .yellow{ color: #fff100; }
    .white{ color: #fff; }
    .red2{ color: #e05c45; }
    .red3{ color: #ff4337; }
    .purple{ color: #51127f; }
    .font24{
        font-size:2.4rem;
        @media (max-width:1023px){
            font-size: 1.5rem;
            letter-spacing: 0;
        }
    }
    .font30{
        font-size: 3.0rem;
        @media (max-width:1023px){
            font-size: 2.4rem;
            line-height: 1;
        }
    }
    .font34{
        font-size: 3.4rem;
        @media (max-width:1023px){
            font-size: 2.6rem;
            line-height: 1.2;
        }
    }
    .font36{ font-size:3.6rem; }
    .font40{ font-size:4.0rem; }
    .bold{ font-weight: 700; }
}

/* 黄色のマーカー */
.marker_yellow{
    background: linear-gradient(transparent 50%, #fff100 50%);
    font-weight: 500;
    @media (max-width:1023px){
        background: #fff100;
    }
}

/* 吹き出し（左右）共通 */
.fukidashi{
    display: flex!important;
    justify-content: center;
    align-items: center;
    @media (max-width:1023px){
        margin: 15px auto;
    }
    &::before,
    &::after{
        background-color: #fff;
        content: "";
        height: 1px;
        width: 30px;
    }
    &::before{
        margin-right: 5px;
        transform: rotate(60deg);
    }
    &::after{
        margin-left: 5px;
        transform: rotate(-60deg);
    }
}

/* 吹き出し（左右2行） */
.fukidashi2{
    font-size: 3.2rem;
    font-weight: 700;
    position: relative;
    display: inline-block;
    @media (max-width:1023px){
        font-size: 2.4rem;
    }
    &.sp_custom{
        margin-top: 15px;
        span{
            @media (max-width:1023px){
                font-size: 2.4rem;
                margin: 0;
            }
        }
    }
    &::before,
    &::after{
        position: absolute;
        content: "";
        width: 62px;
        height: 51px;
    }
    &::before{
        background-image: url(../images/ai-subsidy/fukidashi2_bg_left.png);
        left: -62px;
        @media (max-width:1023px){
            background-image: none;
        }
    }
    &::after{
        background-image: url(../images/ai-subsidy/fukidashi2_bg_right.png);
        @media (max-width:1023px){
            background-image: none;
        }
    }
}

/* 吹き出し色付き（共通） */
.fukidashi_red,
.fukidashi_purple{
    display: inline-block;
    position: relative;
    width: 10em;
    padding: 0.4em 1.4em;
    border-radius: 50vw;
    color: #fff;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    @media (max-width:1023px){
        font-size: 1.6rem;
    }
}

.fukidashi_red::after,
.fukidashi_purple::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.fukidashi_red{ background-color: #f96b61; }
.fukidashi_red::after{ background-image: url(../images/ai-subsidy/fukidashi_shippo_red.png); }

.fukidashi_purple{ background-color: #8f2a62; }
.fukidashi_purple::after{ background-image: url(../images/ai-subsidy/fukidashi_shippo_purple.png); }

/* --- 見出し --- */
.ai-s_h00{
    text-align: center;
    font-size: 4.0rem;
    font-weight: 700;
    background: linear-gradient(45deg, #51127f 0%, #51127f 47.5%, #7d2f9e 49.2%, #b13f9e 50%, #d70a84 50.8%, #d70a84 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    @media (max-width:1023px){
        font-size: 3.0rem;
        line-height: 1.4;
    }
}

.ai-s_h{
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    @media (max-width:1023px){
        line-height: 1;
    }
    &.sp_custom{
        @media (max-width:1023px){
            font-size: 2.6rem;
        }
    }
    &.block{
        display: block;
    }
    .in_fukidashi{
        position: absolute;
        top: -50px;
        left: -50px;
        @media (max-width:1023px){
            top: -40px;
            left: 10px;
        }
    }
    span{
        color: #e05c45;
        font-size: 3.2rem;
        font-weight: 700;
        @media (max-width:1023px){
            line-height: 1.0;
            margin: 15px auto;
        }
    }
}

/* 補助的な余白 */
.p15{
    @media (max-width:1023px){
        padding-top: 15px;
    }
}

/* --------------------
    ページのスタイル
-------------------------------------------------- */

/* 大枠（上書き） */
.allWrapp{
    main{
        .mainCon{
            margin-top: 0;
        }
    }
}


#page-ai-subsidy{
    position: relative;

    .column{

        .row{
            max-width: 1400px;
            margin: 0 auto;
        }

        /* 共通 アプリの説明ボックス要素 */
        .box_app_information{
            margin: 30px auto 0 auto;
            .inner{
                padding: 25px;
                background-color: #fff;
                border: 1px solid #c9d0ea;
                border-radius: 10px;
                @media (max-width:1023px){
                    width: calc(100% - 30px);
                    margin: 0 auto;
                    padding: 15px;
                }
                .inbox_detail{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    @media (max-width:1023px){
                        flex-direction: column;
                        row-gap: 20px;
                    }
                    .left_box{
                        width: 29.2%;
                        @media (max-width:1023px){
                            width: 50%;
                        }
                        img{
                            display: block;
                            margin: 0 auto;
                        }
                    }
                    .middle_box{
                        width: 14.8%;
                        img{
                            display: block;
                            margin: 0 auto;
                        }
                    }
                    .right_box{
                        flex: 1;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        @media (max-width:1023px){
                            flex-direction: column;
                            row-gap: 20px;
                        }
                        > div{
                            flex: 1;
                        }
                        .right_box_l{
                            ul{
                                li{
                                    margin-bottom: 20px;
                                    @media (max-width:1023px){
                                        margin-bottom: 10px;
                                    }
                                    &:last-child{
                                        margin-bottom: 0;
                                    }
                                    img{
                                        display: block;
                                        margin: 0 auto;
                                    }
                                }
                            }
                        }
                        .right_box_r{
                            p{
                                text-align: left;
                            }
                        }
                    }
                }
                .under_info{
                    background-color: #f1f3fb;
                    border-radius: 10px;
                    padding: 25px;
                    margin-top: 25px;
                    @media (max-width:1023px){
                        margin-top: 15px;
                        padding: 20px;
                    }
                    p{
                        font-size: 1.6rem;
                        color: #5766a0;
                        text-align: center;
                        @media (max-width:1023px){
                            text-align: left;
                        }
                    }
                }
            }
        }

        /* --- 共通 余白セクション --- */
        &.sec_separate{
            width: 100%;
            padding: 30px 0 185px 0;
        }
        &.sec_separate2{
            width: 100%;
            padding: 0 0 60px 0;
        }

        /* HEROセクション */
        &.sec_ais{
            background-image: url(../images/ai-subsidy/hero_bg.png);
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
            .hero_top_message{
                background-color: #370c57;
                p{
                    text-align: center;
                    color: #fff;
                    padding: 0.5em 0;
                }
            }
            .hero_area{
                padding: 30px 0 185px 0;
                @media (max-width:1023px){
                    padding: 0 0 130px 0;
                }
                .hero_area_inner{
                    max-width: 1400px;
                    margin: 0 auto;
                    .hero_area_inner_box{
                        width: 100%;
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        > div{
                            width: calc(100% / 2);
                            @media (max-width:1023px){
                                width: 100%;
                            }
                        }

                        .rightBox{
                            @media (max-width:1023px){
                                margin-top: 20px;
                            }

                            .rightBox_inner{
                                max-width: 90%;
                                margin: 0 auto;
                                @media (max-width:1023px){
                                    margin:0 auto 30px auto;
                                }
                                .ai-s_h00{
                                    line-height: 1.2;
                                    font-size: 3.2rem;
                                    @media (max-width:1023px){
                                        font-size: 2.8rem;
                                    }
                                }
                                .present_paper{
                                    max-width: 90%;
                                    margin: 20px auto 0 auto;
                                    @media (max-width:1023px){
                                        max-width: 100%;
                                        flex-direction: unset;
                                        margin: 10px auto 0 auto;
                                    }
                                    p{
                                        @media (max-width:1023px){
                                            font-size: 1.4rem;
                                            line-height: 1.4;
                                        }
                                        span{
                                            @media (max-width:1023px){
                                                font-size: 1.4rem;
                                            }
                                        }
                                    }
                                    img{
                                        @media (max-width:1023px){
                                            margin:0 auto;
                                        }
                                    }
                                }
                                .ai-subsidy_form{
                                    margin: 20px auto 0 auto;
                                    @media (max-width:1023px){
                                        max-width:100%;
                                        margin:10px auto 0 auto;
                                    }
                                    .inner{
                                        padding: 20px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        /* CRM Plusでの申請がおススメ！ */
        &.sec_osusume{
            background-color: #f8f7f4;
            position: relative;
            padding-top: 85px;
            &.bg_blue{
                background-color: #f1f3fb;
            }
            .row{
                max-width: 1200px;
                margin: 0 auto;
                padding: 60px 0;
                text-align: center;
            }
        }

        /* Zohoアプリの一覧 セクション */
        &.sec_app_list{
            padding-bottom: 185px;
            .row{
                max-width: 1200px;
                margin: 0 auto;
                padding: 60px 0 0 0;
                @media (max-width:1023px){
                    max-width: 100%;
                    padding: 30px 0 0 0;
                }
                
                .under_info{
                    background-color: #fff;
                    border: 1px solid #5766a0;
                    border-radius: 10px;
                    padding: 25px;
                    margin-top: 25px;
                    @media (max-width:1023px){
                        max-width: calc(100% - 30px);
                        padding: 15px;
                        margin: 20px auto 0 auto;
                    }
                    p{
                        font-size: 1.5rem;
                        color: #5766a0;
                        text-align: center;
                        @media (max-width:1023px){
                            text-align: left;
                        }
                    }
                }
            }
        }

        /* その他複合的に活用・申請も可能です セクション */
        &.sec_other{
            background-color: #f4f0f7;
            position: relative;
            &::before{
                width: 44px;
                height: 48px;
                content: "";
                background-image: url(../images/ai-subsidy/clip.png);
                position: absolute;
                left: 50%;
                top: -24px;
                transform: translateX(-50%);
            }
            .sec_bg_right{
                width: 100%;
                height: 100%;
                background-image: url(../images/ai-subsidy/sec_other_bg_right.png);
                background-repeat: no-repeat;
                background-position: right top;
                transform: translateY(-20px);
                @media (max-width:1023px){
                    background-size: 50%;
                }
            }
            .sec_bg_left{
                width: 100%;
                height: 100%;
                background-image: url(../images/ai-subsidy/sec_other_bg_left.png);
                background-repeat: no-repeat;
                background-position: left bottom;
                @media (max-width:1023px){
                    background-size: 50%;
                }
            }
            .row{
                padding: 60px 0;
                /* お気軽にお問い合わせください */
                .please_tel{
                    text-align: center;
                    &::before{
                        content: "\f095";
                        font-family: "Font Awesome 5 Free";
                        font-weight: 700;
                        display: inline-block;
                        margin-right: 0.4em;
                    }
                    span{
                        font-weight: 700;
                        font-size: 2.8rem;
                        margin-top: 15px;
                        border-bottom: 1px solid #bdaec8;
                        @media (max-width:1023px){
                            font-size: 2.0rem;
                        }
                    }
                }
                .please_tel + p{
                    text-align: center;
                    margin: 15px auto;
                }
                .please_tel + p + p{
                    font-size: 1.6rem;
                    text-align: center;
                }
            }
        }

        /* デジタル化・AI導入補助金”通常枠”と”インボイス枠”について */
        &.sec_digital_ai{
            .row{
                padding: 60px 0;
                .waku_choice_section{
                    border: 3px solid #c9d0ea;
                    border-radius: 10px;
                    margin: 40px auto;
                    @media (max-width:1023px){
                        max-width: calc(100% - 30px);
                    }
                    .inner{
                        padding: 30px;
                        @media (max-width:1023px){
                            padding: 15px;
                        }
                    }
                    .wcs_box{
                        &:first-child{
                            border-bottom:3px solid #c9d0ea;
                        }
                        &:last-child{
                            dl{
                                padding: 20px 15px 0 15px;
                            }
                        }
                        dl{
                            padding: 0 15px 15px 15px;
                            display: flex;
                            flex-wrap: wrap;
                            column-gap: 30px;
                            @media (max-width:1023px){
                                flex-direction: column;
                            }
                            dt{
                                width: 16%;
                                text-align: center;
                                @media (max-width:1023px){
                                    width: 100%;
                                    margin-bottom: 20px;
                                }
                            }
                            dd{
                                flex: 1;
                            }
                        }
                    }
                }

                .total_waku_section{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    column-gap: 30px;
                    @media (max-width:1023px){
                        flex-direction: column;
                    }
                    .tws_box{
                        width: calc(100% / 2 - 30px);
                        border-radius: 10px;
                        @media (max-width:1023px){
                            width: 100%;
                            border-radius: 0;
                        }
                        &.bg_red{ background-color: #fbeceb; }
                        &.bg_purple{ background-color: #f4f0f7; }
                        dl{
                            padding: 30px 50px;
                            @media (max-width:1023px){
                                padding: 20px;
                            }
                            dt{
                                margin-bottom: 20px;
                            }
                            dd{
                                .sub_title{
                                    font-size: 2.0rem;
                                    margin-bottom: 15px;
                                    @media (max-width:1023px){
                                        line-height: 1.4;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        &.sec_hojyokin{
            padding-top: 0;
            .row{
                padding: 90px 0 60px 0;
                p{
                    text-align: center;
                    span{
                        color: #d70a84;
                        font-weight: 700;
                    }
                }
            }
        }

        /* AI補助金相談フォーム */
        .ai-subsidy_form{
            max-width: 800px;
            margin: 30px auto 60px auto;
            @media (max-width:1023px){
                max-width: calc(100% - 30px);
            }
            .inner{
                background-color: #fff;
                padding: 30px;
                border: 5px solid #A686BD;
                border-radius: 10px;
                box-shadow: 5px 5px 0 #d0d3e6;
                @media (max-width:1023px){
                    padding: 15px;
                }

                /* 無料相談フォーム */
                #multi-step-form,
                #multi-step-form2,
                .consultation_form{
                    input[type="text"],
                    input[type="email"],
                    input[type="tel"],
                    textarea{
                    width: 100%;
                    padding: 10px;
                    font-size: 16px;
                    @media (max-width:1470px){
                        padding: 5px;
                    }
                    @media (max-width:767px){
                        padding: 10px;
                    }
                    &::placeholder{
                        color: #cfcfcf;
                    }
                    &:focus{
                        background-color: antiquewhite;
                        transition: 0.5s;
                    }
                    }
                    textarea{
                    height: 80px;
                    }

                    input[type="checkbox"],
                    input[type="radio"]{
                    /* デフォルトのスタイルを解除 */
                    -webkit-appearance: none;
                    appearance: none;

                    /* サイズの設定 */
                    width: 20px;
                    height: 20px;
                    border: 2px solid #ccc;
                    cursor: pointer;
                    vertical-align: middle;
                    position: relative;
                    margin-right: 8px;
                    background-color: #fff;
                    transition: border-color 0.2s, background-color 0.2s;
                    }

                    /* チェックボックス固有の形 */
                    input[type="checkbox"]{
                    border-radius: 4px;
                    }
                    /* ラジオボタン固有の形（丸） */
                    input[type="radio"] {
                    border-radius: 50%;
                    }
                    /* ホバー時の色変更 */
                    input[type="checkbox"]:hover,
                    input[type="radio"]:hover{
                    border-color: #007bff;
                    }

                    /* チェックされた時の状態 */
                    input[type="checkbox"]:checked,
                    input[type="radio"]:checked{
                    background-color: #007bff;
                    border-color: #007bff;
                    }

                    /* チェック時の「中のマーク」を疑似要素で作成 */
                    input[type="checkbox"]::after,
                    input[type="radio"]::after{
                    content: "";
                    position: absolute;
                    display: none;
                    }
                    input[type="checkbox"]:checked::after,
                    input[type="radio"]:checked::after{
                    display: block;
                    }

                    /* チェックボックスのレ点（L字を回転させて表現） */
                    input[type="checkbox"]::after {
                    left: 3px;
                    top: -1px;
                    width: 6px;
                    height: 12px;
                    border: solid white;
                    border-width: 0 3px 3px 0;
                    transform: rotate(45deg);
                    }

                    /* ラジオボタンの真ん中の丸 */
                    input[type="radio"]::after {
                    top: 50%;
                    left: 50%;
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background: white;
                    transform: translate(-50%, -50%);
                    }


                    dl{
                    margin-top: 15px;
                    @media (max-width:1470px){
                        margin-top: 5px;
                    }
                    @media (max-width:767px){
                        margin-top: 15px;
                    }
                    dt{
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        margin-bottom: 5px;
                        .required{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 1.4rem;
                        color: #fff;
                        background-color: #ff0000;
                        padding: 0 15px;
                        border-radius: 6px;
                        }
                    }
                    dd{
                        .wpcf7-form-control-wrap{
                        width: 100%;
                        }
                    }
                    }
                    /* 送信ボタン */
                    .submit_btn{
                    text-align: center;
                    input[type="submit"]{
                        max-width: 80%;
                        width: 100%;
                        text-align: center;
                        display: block;
                        margin: 20px auto 10px auto;
                        font-size: 2.2rem;
                        color: #fff;
                        background: linear-gradient(to right, #f86f64, #fd5392);
                        border: none;
                        border-radius: 50vw;
                        padding: 15px 0;
                        @media (max-width:767px){
                        max-width: 100%;
                        padding: 5px 0;
                        }
                        &:hover{
                        cursor: pointer;
                        background: linear-gradient(to right, #fd5392, #f86f64);
                        transition: 0.5s;
                        }
                    }
                    .wpcf7-spinner{
                        display: none;
                    }
                    }
                    /* プライバシーポリシーリンク */
                    .wpcf7-list-item-label{
                    a{
                        text-decoration: underline;
                        color: #354288;
                        &:hover{
                        text-decoration: none;
                        }
                    }
                    }
                }

                #multi-step-form{
                    dl{
                    margin-top: 10px;
                    }
                }

            }
        }

        /* デジタル化診断資料プレゼント */
        .present_paper{
                max-width: 640px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 20px auto;
                @media (max-width:1023px){
                    max-width: 100%;
                    flex-direction:column-reverse;
                }
            p{
                font-size: 1.8rem;
                line-height: 1.2;
                width: calc(100% - 80px);
                @media (max-width:1023px){
                    font-size: 1.6rem;
                }
                span{
                    font-weight: bold;
                    display: inline;
                    color: #d70a84;
                }
            }
            img{
                display: block;
                width: 80px;
                @media (max-width:1023px){
                    width: 100px;
                    margin: 0 auto 15px auto;
                }
            }
        }

    }

    /* Zohoアプリの一覧 セクション（独立） */
    .app_list{
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 20px;
        margin: 60px auto;
        @media (max-width:1023px){
            margin:30px auto;
            justify-content: space-between;
            max-width: calc(100% - 30px);
        }
        li{
            width: calc(100% / 4 - 20px);
            display: flex;
            @media (max-width:1023px){
                width: calc(100% / 2 - 10px);
            }
            .zoho_app_box{
                display: flex;
                width: 100%;
                height: 100%;
                background-color: #fbfcfd;
                border: 1px solid #eeeeee;
                border-radius: 10px;
                .inner{
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    height: 100%;
                    padding: 20px;
                    text-align: center;
                    @media (max-width:1023px){
                        padding: 10px;
                    }
                    .cat_icon{
                        text-align: center;
                        align-self: center;
                        display: inline-block;
                        width: fit-content;
                        font-size: 1.5rem;
                        color: #e05c45;
                        border: 1px solid #e05c45;
                        border-radius: 50vw;
                        padding: 0.1em 1em;
                        @media (max-width:1023px){
                            font-size: 1.0rem;
                            line-height: 1.2;
                            padding: 0.2em 1em;
                            letter-spacing: 0;
                        }
                    }
                    > p{
                        font-size: 1.4rem;
                        line-height: 1.4;
                        @media (max-width:1023px){
                            line-height: 1.2;
                        }
                    }
                    .icon_and_title{
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                        margin: 15px auto;
                        @media (max-width:1023px){
                            flex-direction: column;
                            margin: 10px auto;
                        }
                        .img_area{
                            display: block;
                            width: 30%;
                            @media (max-width:1023px){
                                width: 100%;
                            }
                            img{
                                display: block;
                                max-width: 75%;
                                margin: 0 auto;
                                @media (max-width:1023px){
                                    max-width: 50%;
                                }
                            }
                        }
                        p{
                            font-size: 2.4rem;
                            font-weight: 700;
                            text-align: left;
                            line-height: 1.2;
                            @media (max-width:1023px){
                                font-size: 2.0rem;
                                text-align: center;
                            }
                        }
                    }
                }
            }
        }
    }

    /* 共通矢印コンテンツ */
    .common_arrow_contents{
        width: 100%;
        position: absolute;
        top: -131px;
        left: 50%;
        transform: translateX(-50%);
        .inbox{
            width: 901px;
            height: 216px;
            margin: 0 auto;
            @media (max-width:1023px){
                width: 100%;
                height: auto;
                background-size: auto;
                background-repeat: no-repeat;
                background-position: center top;
                padding: 15px 0 120px 0;
            }
            .inner_text{
                height: 80%;
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                    text-align: center;
                    line-height: 1;
                    > span{
                        display: block;
                        font-weight: 700;
                    }
                }
            }
        }
        &.bg_red{
            .inbox{
                background-image: url(../images/ai-subsidy/common_arrow_bg_red.png);
            }
        }
        &.bg_blue{
            .inbox{
                background-image: url(../images/ai-subsidy/common_arrow_bg_blue.png);
            }
        }
    }

    /* ============================
       Chart 比較表 セクション
    ============================ */
    .column.sec_chart{
        background-color: #f8f7f4;
        .row{
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px 185px 20px;
            @media (max-width:767px){
                max-width: calc(100% - 30px);
                padding: 40px 0;
            }
        }
        .chart_title{
            margin-bottom: 15px;
            h2{
                font-size: 5.0rem;
                font-weight: 700;
                color: #333;
                display: flex;
                align-items: baseline;
                gap: 15px;
                @media (max-width:767px){
                    font-size: 3.2rem;
                    gap: 10px;
                }
                span{
                    font-size: 1.8rem;
                    font-weight: 400;
                    color: #666;
                    @media (max-width:767px){
                        font-size: 1.4rem;
                    }
                }
            }
        }
        .chart_note{
            font-size: 1.5rem;
            color: #333;
            margin-bottom: 30px;
            line-height: 1.6;
            @media (max-width:767px){
                font-size: 1.3rem;
                margin-bottom: 20px;
            }
        }
        .chart_table_wrap{
            margin-bottom: 30px;
            padding: 30px 0;
            @media (max-width:767px){
                margin-bottom: 20px;
                padding: 30px 0;
            }
        }
        .chart_grid{
            display: grid;
            grid-template-columns: 1fr 1.4fr 1fr 1fr;
            min-width: 600px;
            align-items: center;
            .grid_cell{
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                font-size: 1.6rem;
                color: #333;
                @media (max-width:767px){
                    font-size: 1.4rem;
                }
            }
            /* ヘッダー行：空セル */
            .cell_empty{
                background-color: transparent;
            }
            /* ヘッダー行：Zoho Books（はみ出し） */
            .cell_head_highlight{
                background-color: #ff4337;
                color: #fff;
                font-size: 2.4rem;
                font-weight: 700;
                padding: 30px 15px;
                border-radius: 30px 30px 0 0;
                margin-top: -15px;
                @media (max-width:767px){
                    font-size: 1.8rem;
                    padding: 22px 10px;
                    line-height: 1.3;
                }
            }
            /* ヘッダー行：某F社・某M社 */
            .cell_head{
                background-color: #ededed;
                font-weight: 700;
                padding: 0;
                height: 100%;
                border-bottom: 1px solid #ddd;
                @media (max-width:767px){
                    padding: 15px 10px;
                }
            }
            /* データ行：Zoho Books金額（はみ出し） */
            .cell_price_highlight{
                background-color: #ffe3e2;
                color: #ff4337;
                font-size: 2.4rem;
                font-weight: 700;
                padding: 25px 15px;
                border-left: 2px solid #ff4337;
                border-right: 2px solid #ff4337;
                border-bottom: 2px solid #ff4337;
                margin-bottom: -15px;
                @media (max-width:767px){
                    font-size: 1.8rem;
                    padding: 25px 10px;
                }
                &.end{
                    border-radius: 0 0 30px 30px;
                }
            }
            /* データ行：某F社・某M社金額 */
            .cell_label,
            .cell_price{
                background-color: #fff;
                padding: 0;
                height: 100%;
                border-bottom: 1px solid #ddd;
                @media (max-width:767px){
                    padding: 10px;
                }
            }
        }
        .chart_footer{
            position: relative;
            padding-left: 30px;
            margin-top: 50px;
            &::before{
                content: "";
                width: 25px;
                height: 25px;
                background-image: url(../images/ai-subsidy/deco_checkbox.png);
                position: absolute;
                top: -5px;
                left: 0;
            }
            .chart_check{
                font-size: 1.6rem;
                color: #333;
                margin-bottom: 8px;
                @media (max-width:767px){
                    font-size: 1.3rem;
                }
            }
            .chart_recommend{
                font-size: 1.5rem;
                color: #333;
                line-height: 1.6;
                @media (max-width:767px){
                    font-size: 1.3rem;
                }
            }
        }
    }

}

/* ------------------------------
    ページ下部固定フローティング フォームへの誘導ボタン
----------------------------------------------------- */
.goto_form_floating{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    a{
        padding: 10px 0;
        display: block;
        font-weight: 700;
        width: 100%;
        color: #fff;
        text-align: center;
        background: linear-gradient(to right, #f86f64, #fd5392);
        border: 1px solid #fff;
        i{
            color: #fff;
        }
        &:hover{
            border: 1px solid #fd5392;
            background: #fff;
            color: #fd5392;
            i{
                color: #fd5392;
            }
        }
    }
}

/* ai-subsidyページだけheaderのfixedを止める上書き・その他調整 */
@media (max-width:960px){
    body.ai-subsidy #header{
        position: absolute;
    }
    body.ai-subsidy .mainCon{
        margin-top: 75px;
    }
}