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

/* 見出し */
h2.ai-s_h2{
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    span{
        color: #e05c45;
        font-size: 3.2rem;
        font-weight: 700;
    }
}

/* フォント周り（当ページのみ適用スタイル） */
#page-ai-subsidy{
    .yellow{ color: #fff100; }
    .white{ color: #fff; }
    .red2{ color: #e05c45; }
    .font24{ font-size:2.4rem; }
    .font36{ font-size:3.6rem; }
    .font48{ font-size:4.8rem; }
    .bold{ font-weight: 700; }
}


#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;
                .inbox_detail{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    .left_box{
                        width: 29.2%;
                        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;
                        > div{
                            flex: 1;
                        }
                        .right_box_l{
                            ul{
                                li{
                                    margin-bottom: 20px;
                                    &:last-child{
                                        margin-bottom: 0;
                                    }
                                    img{
                                        display: block;
                                        margin: 0 auto;
                                    }
                                }
                            }
                        }
                    }
                }
                .under_info{
                    background-color: #f1f3fb;
                    border-radius: 10px;
                    padding: 25px;
                    margin-top: 25px;
                    p{
                        font-size: 1.4rem;
                        color: #5766a0;
                        text-align: center;
                    }
                }
            }
        }

        /* 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;
                .hero_area_inner{
                    max-width: 1400px;
                    margin: 0 auto;
                }
            }
        }

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

        /* Zohoアプリの一覧 セクション */
        &.sec_app_list{
            padding-bottom: 185px;
            .row{
                max-width: 1200px;
                margin: 0 auto;
                padding: 60px 0 0 0;
                .app_list{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    column-gap: 20px;
                    li{
                        width: calc(100% / 4 - 20px);
                        .zoho_app_box{
                            background-color: #fbfcfd;
                            border: 1px solid #eeeeee;
                            border-radius: 10px;
                            .inner{
                                padding: 20px;
                                .cat_icon{
                                    text-align: center;
                                    font-size: 1.5rem;
                                    color: #e05c45;
                                    border: 1px solid #e05c45;
                                    border-radius: 50vw;
                                }
                            }
                        }
                    }
                }
            }
        }

    }

    /* 共通矢印コンテンツ */
    .common_arrow_contents{
        width: 100%;
        position: absolute;
        top: -131px;
        left: 50%;
        transform: translateX(-50%);
        .inbox{
            width: 901px;
            height: 216px;
            margin: 0 auto;
            .inner_text{
                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);
            }
        }
    }

}