.section_sub_title{

}
.section_sub_title p{
    margin: 0;
    color: #0E203B;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
}

.logo_section{
    padding-bottom: 80px;
    display: contents;
}
@media screen and (max-width: 880px) {
    .logo_section{
        padding-bottom: 64px;
    }
}
/* logoslider solutions fv */
.logo_section .logo-slider-container-all{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.logo_section .logo-slider-container-all .solutions_fv_logo-slider .slick-list .slick-track{
    gap: 12px;
}
.logo_section .logo-slider-container-all .solutions_fv_logo-slider .slick-list .slick-slide{
    max-width: 198px;
    min-width: 198px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo_section .logo-slider-container-all .solutions_fv_logo-slider .slick-list .slick-slide img{
    max-height: 60px;
    width: 90%;
    height: 80px;
    object-fit: scale-down;
}
@media screen and (max-width: 880px){
    .logo_section .logo-slider-container-all{
        /* gap: 0px; */
    }
    .logo_section .logo-slider-container-all .solutions_fv_logo-slider .slick-list .slick-track{
        gap: 0px;
    }
    .logo_section .logo-slider-container-all .solutions_fv_logo-slider .slick-list .slick-slide{
        max-width: 120px;
    }
}
/* logoslider solutions fv end */

/* 機能の活用事例をご紹介 */
/* slick slider company card custom ..  */
.solution_sub_case_section{
    padding-bottom: 0;
}
.solution_sub_case_section .section_main{
    width: 100%;
}
.solution_sub_case_section .slick-next,
.solution_sub_case_section .slick-prev{
    display: none !important;
}
.solution_sub_case_section .slider-container {
    max-width: 1250px;
    width: 100%;
    /* padding: 0 15px;   */
    box-sizing: border-box;
    /* margin-top: 64px;
    margin-bottom: 104px; */
}
.solution_sub_case_section .slick-slide {
    width: 340px;
    max-width: 100%;
    box-sizing: border-box;
}
.solution_sub_case_section .slick-slide > .item {
    margin: 0 15px;  
}
.solution_sub_case_section .feature_usecase_slider .item {
    display: flex;
    width: 100%;
    margin: 20px 24px;
    flex-direction: column;
    gap: 24px;
    /* max-width: 340px; */
}
.solution_sub_case_section .feature_usecase_slider .item .use_imgbox{
    border-radius: 12px;
    aspect-ratio: 368 / 207;
    background: #CFCFCF;
    box-shadow: 0px 0px 18px 0px rgba(42, 87, 154, 0.15);
}
.solution_sub_case_section .feature_usecase_slider .item .use_imgbox img {
    border-radius: 12px;
    object-fit: cover;
    /* min-height: 208px; */
    aspect-ratio: 368 / 207;
}

.solution_sub_case_section .feature_usecase_slider .item .optcl_re_size{
    overflow: hidden;
    background: unset;
}
.solution_sub_case_section .feature_usecase_slider .item .optcl_re_size img{
    aspect-ratio: 351 / 218;
}

.solution_sub_case_section .feature_usecase_slider .item .optcustomlogo_re_size{
    overflow: hidden;
    background: #fff;
    align-content: center;
    justify-items: center;
}
.solution_sub_case_section .feature_usecase_slider .item .optcustomlogo_re_size img{
    object-fit: contain;
    width: 90%;
}


.solution_sub_case_section .feature_usecase_slider .item .use_txtbox{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.solution_sub_case_section .feature_usecase_slider .item .use_txtbox > div{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.solution_sub_case_section .feature_usecase_slider .item .use_txtbox > div h3{
    margin: 0;

    color: #0E203B;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
}
.solution_sub_case_section .feature_usecase_slider .item .use_txtbox > p{
    margin: 0;

    color: #0E203B;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
    font-feature-settings: unset;
    text-align: justify;
}

@media (max-width: 1020px) {
    .solution_sub_case_section .slick-slide {
        width: 300px;  
    }
    .solution_sub_case_section .feature_usecase_slider .item {
        margin: 20px 12px;
    }
}
@media (max-width: 720px) {
    .solution_sub_case_section .slick-slide > .item {
        margin: 0 0px;  
    }
    .solution_sub_case_section .slick-list {
        margin-left: 0px;  
        padding: 0px 16px;
    }
}

/* case bottom button 
solutions/ai-search
solutions/recommend */
.solution_sub_case_section .usecase_sol_btn{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 80px;
}
.solution_sub_case_section .usecase_sol_btn a{
    max-width: 270px;
    gap: 0;
}
.solution_sub_case_section .usecase_sol_btn a span{
    display: flex;
    width: 100%;
    justify-content: center;
}
@media (max-width: 720px) {
    .solution_sub_case_section .usecase_sol_btn a{
        max-width: 270px;
    }
}

.cartlnk{

}
.cartlnk .section_main .section_sub_title{
    /* display: none; */
}
.cartlnk .section_main .section_sub_title .sp-br{
    display: none;
}
@media screen and (max-width:880px) {
    .cartlnk .section_main .section_sub_title{
        display: block;
    }
    .cartlnk .section_main .section_sub_title .sp-br{
        display: block;
    }
}

.func_sub_cols_v2{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    max-width: 1200px;
    gap: 48px;
}
.func_sub_cols_v2 .func_sub_col_itm{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 40px;

    gap: 24px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 18px 0px rgba(42, 87, 154, 0.15);
}
.func_sub_cols_v2 .func_sub_col_itm .imgbox{
    display: flex;
    justify-content: center;
    align-items: center;
}
.func_sub_cols_v2 .func_sub_col_itm .imgbox img{
    max-width: 240px;
}
.func_sub_cols_v2 .func_sub_col_itm .txtbox{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.func_sub_cols_v2 .func_sub_col_itm .txtbox h3{
    margin: 0;
    color: #0E203B;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
}
.func_sub_cols_v2 .func_sub_col_itm .txtbox p{
    margin: 0;
    color: #0E203B;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
    font-feature-settings: unset;
}

@media screen and (max-width:1023px) {
    .func_sub_cols_v2{
        gap: 24px;
    }
    .func_sub_cols_v2 .func_sub_col_itm {
        padding: 32px 24px;
    }
}
@media screen and (max-width:880px) {
    .func_sub_cols_v2{
        grid-template-columns: repeat(1,1fr);
        /* width: 96.285%; */
    }
}

.func_section_list_cols{
    display: flex;

    width: 100%;
    max-width: 1200px;

    /* border-radius: 18px;
    background: #FFF; */

    padding-top: 80px;
    padding-bottom: 80px;
    justify-content: center;

    border-radius: 18px;
    background: #FFF;
    box-shadow: 0 0 18px 0 rgba(42, 87, 154, 0.15);
}
.func_section_list_cols .func_section_list_cols_main{
    display: flex;
    width: 93.334%;
}
.func_section_list_cols .func_section_list_cols_main .func_section_list_title{
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 198px;
    gap: 16px;
}
.func_section_list_cols .func_section_list_cols_main .func_section_list_title h2{
    color: #0E203B;
    font-size: 30px;
    font-weight: 900;
    line-height: 160%; /* 48px */
    letter-spacing: 2.4px;
    margin: 0;
}
.func_section_list_cols .func_section_list_cols_main .func_section_list_title span{
    color: #0E203B;
    font-size: 13px;
    font-weight: 400;
    line-height: 170%; /* 22.1px */
    max-width: 169px;
    font-feature-settings: unset;
}
.func_section_list_cols .func_section_list_cols_main .ul_func_lists{
    display: flex;
    width: 100%;
}

.func_section_list_cols .func_section_list_cols_main ul{
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.func_section_list_cols .func_section_list_cols_main ul li{
    display: flex;
    border-radius: 12px;
    background: #EAF0F7;
    padding: 8px;
    gap: 16px;
    align-items: center;
}
.func_section_list_cols .func_section_list_cols_main ul li > div{
    display: flex;
    border-radius: 8px;
    background: #FFF;
    align-items: center;
    width: 70px;
    height: 70px;
    justify-content: center;
}
.func_section_list_cols .func_section_list_cols_main ul li > div img{
    max-width: 40px;
}
.func_section_list_cols .func_section_list_cols_main ul li > span{
    color: #0E203B;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
}

@media screen and (max-width:880px) {
    .func_section_list_cols{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .func_section_list_cols .func_section_list_cols_main {
        flex-direction: column;
        gap: 32px;
    }

    .func_section_list_cols .func_section_list_cols_main .ul_func_lists{

    }
    .func_section_list_cols .func_section_list_cols_main ul li{
        width: 253px;
    }
    .func_section_list_cols .func_section_list_cols_main ul {
        width: 922px;
        overflow: scroll;
    }
}

.func_sub_cols_v3{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    width: 100%;
    max-width: 1200px;
    gap: 32px;

    list-style: none;
    margin: 0;
    padding: 0;
}
.cms_ver{
    grid-template-columns: repeat(4, 1fr);
    max-width: 953px;
}
.func_sub_cols_v3 li{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 24px;
    border-radius: 12px;
    height: 100px;
    background: #FFF;
    box-shadow: 0px 0px 18px 0px rgba(42, 87, 154, 0.15);
}
.func_sub_cols_v3 li img{
    width: revert-layer;
}

@media screen and (max-width:880px) {
    .func_sub_cols_v3{
        grid-template-columns: repeat(3,1fr);
        gap: 32px;
    }
}
@media screen and (max-width:580px) {
    .func_sub_cols_v3{
        gap: 8px;
    }
    .func_sub_cols_v3 li{
        height: 44px;
    }
    .func_sub_cols_v3 li img {
        width: 50%;
    }
}

/* EC向け商品検索ツール「GENIEE SEARCH for EC」とは？ */
.ec_cpt_grey_cta{
    display: flex;
    padding-top: 104px;
    padding-bottom: 104px;

    background-image: url(../images/solution_pages/cta_gr_bg_pc.png);
    background-size: cover;
    background-position: bottom;
}
.ec_cpt_grey_cta .section_main{

}
.ec_cpt_grey_cta .section_main .ec_cpt_grey_box{
    display: flex;
    flex-direction: column;
    gap: 64px;
}
.ec_cpt_grey_cta .section_main .ec_cpt_grey_box h2{
    color: #2A579A;
    font-feature-settings: 'palt' on;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 160%; /* 57.6px */
    letter-spacing: 2.88px;
    margin:0;
}
.ec_cpt_grey_cta .section_main .ec_cpt_grey_box h2 br{
    display: none;
}
.ec_cpt_grey_cta .section_main .ec_cpt_grey_box p{
    display: flex;
    flex-direction: column;
    margin:0;
    gap: 26px;
}
.ec_cpt_grey_cta .section_main .ec_cpt_grey_box p span{
    color: #0E203B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
}
.ec_cpt_grey_cta .section_main .ec_cpt_grey_box p span br{
    display: block;
}

@media screen and (max-width: 880px){
    .ec_cpt_grey_cta {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .ec_cpt_grey_cta .section_main .ec_cpt_grey_box h2 br{
        display: block;
    }
    .ec_cpt_grey_cta .section_main .ec_cpt_grey_box h2 {
        text-align: center;

        font-size: 20px;
        line-height: 160%; /* 32px */
        letter-spacing: 1.6px;
    }
    .ec_cpt_grey_cta .section_main .ec_cpt_grey_box {
        gap: 40px;
    }
    
}

@media screen and (max-width: 780px) {
    .ec_cpt_grey_cta {
        background-image: url(../images/solution_pages/cta_gr_bg_sp.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-color: #f1f4f8;
        /* background-size: contain; */
    }
}
@media screen and (max-width: 600px) {
    .ec_cpt_grey_cta {
        background-image: url(../images/solution_pages/cta_gr_bg_sp.png);
    }
    .ec_cpt_grey_cta .section_main .ec_cpt_grey_box p span br{
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .ec_cpt_grey_cta {
        background-size: contain;
    }
}


/* fv */
.func_fv_container{
    display: flex;
    width: 100%;
    /* padding-top: 152px; */
    padding-bottom: 100px;
    justify-content: center;

    /* padding-top: 80px; */
}

.func_fv_container .cont_main{
    display: flex;
    width: 95%;
    max-width: 1440px;
    justify-content: center;
}
.func_fv_container .cont_main .fv_cols{
    display: flex;
    width: 100%;
    max-width: 1200px;
    flex-direction: row;
    gap: 80px;
}
.func_fv_container .cont_main .fv_cols .fv_imgbox{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 510px;
}
.func_fv_container .cont_main .fv_cols .fv_imgbox img{
    max-width: 510px;
    z-index: 2;
}
.func_fv_container .cont_main .fv_cols .fv_imgbox .fv_main_img{
    max-width: 510px;
}
.func_fv_container .cont_main .fv_cols .fv_imgbox .bg_img{
    max-width: 500px;
    position: absolute;
    z-index: 0;
}
.func_fv_container .cont_main .fv_cols .fv_formbox{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    max-width: 440px;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox{
    margin: 0;
    color: #0E203B;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}
.func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox br{

}
.func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox span{
    color: #885AE7;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain{
    border-radius: 12px;
    background: #EAF0F7;

    display: flex;
    width: 100%;
    padding-top: 24px;
    /* padding-bottom: 32px; */
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* fv form custom  */
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea{
    display: flex;
    width: 84.094%;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form{
    max-width: unset;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form .input_group .wpcf7-not-valid {
    outline: unset;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form .input_group_wrap{
    flex-direction: row;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form .input_group.privacy{
    display: flex;
    justify-content: center;
    align-items: center;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form .input_group .wpcf7-list-item-label{
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    align-content: center;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form .submit-btn{
    display: none;
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .formarea form .submit-btn input{
    border-radius: 29px;
    background: #2A579A;
    box-shadow: 0 0 18px 0 rgba(42, 87, 154, 0.15);
}
.func_fv_container .cont_main .fv_cols .fv_formbox .formmain .fv_form_sol_btn{
    margin-bottom: 32px;
    border-style: none;
    width: 84.094%;
}

/* solutions/search custom */
.search_type_fv{
    padding-top: 104px;
    padding-bottom: 40px;
}
.search_type_fv .cont_main{
    
}

/* solutions/ec_search custom */
.ec_search_type_fv{
    padding-top: 104px;
    padding-bottom: 40px;
}
.ec_search_type_fv .cont_main{
    
}
@media screen and (max-width: 1020px) {
    .func_fv_container .cont_main .fv_cols {
        gap: 40px;
    }

    .func_fv_container .cont_main .fv_cols .fv_txtbox > h1 {
        font-size: 30px;
        line-height: 160%;
        letter-spacing: 0.9px;
    }
    .func_fv_container .cont_main .fv_cols .fv_txtbox > h1 .lgr_h1 {
        font-size: 36px;
        line-height: 160%; /* 57.6px */
        letter-spacing: 1.08px;
    }

    .func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox,
    .func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox span{
        font-size: 16px;
        line-height: 140%;
    }
}
@media screen and (max-width: 780px) {
    .func_fv_container .cont_main .fv_cols {
        flex-direction: column;
        align-items: center;
        width: 89.825%;
        gap: 32px;
    }

    .func_fv_container .cont_main .fv_cols .fv_txtbox {
        max-width: 510px;
        gap: 16px;
    }
    .func_fv_container .cont_main .fv_cols .fv_txtbox p{
        margin-bottom: 16px;
    }

    .func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox,
    .func_fv_container .cont_main .fv_cols .fv_formbox .fv_form_txtbox span{
        font-size: 13px;
        line-height: 140%;
    }
}
@media screen and (max-width: 767px) {
    .func_fv_container {
        padding-bottom: 48px;
        padding-top: 0px;
    }
}

.func_sub_fv .cont_main{
    max-width: 1440px;
}
.func_sub_fv .cont_main .fv_cols{
    /* max-width: 1220px; */
    gap: 64px;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox{
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox p{
    color: #0E203B;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 35.2px */
    letter-spacing: 0.66px;
    margin: 0;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox p .sp_br{
    display: none;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1{
    color: #2A579A;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 54px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 1.62px;
    margin: 0;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 span{
    color: #2A579A;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 48px */
    letter-spacing: 1.2px;
}

.func_sub_fv .cont_main .fv_cols .fv_left_infors .fcircle_txtbox{
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 100%;
    justify-content: center;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fcircle_txtbox div{
    display: flex;
    width: 130px;
    max-width: 130px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;

    color: #FFF;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 20.8px */
    letter-spacing: 0.8px;

    border-radius: 70px;
    background: linear-gradient(90deg, #885AE7 0%, #488DDF 100%);
}

/* ec_search fv bottom layout */
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fsquare_txtbox{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
    gap: 10px;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .fsquare_txtbox div{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 0.7px;

    display: flex;
    width: 100%;

    border-radius: 2px;

    max-width: 158px;
    width: 100%;
    height: 52px;
    justify-content: center;
    align-items: center;

    background: linear-gradient(90deg, #885AE7 0%, #488DDF 100%);
}

/* ai-search layout */
.func_sub_fv .cont_main .fv_cols .fv_left_infors .line_blk_box{
    display: flex;
    padding: 16px 24px;
    border: 1px solid #0E203B;
    max-width: 670px;
}
.func_sub_fv .cont_main .fv_cols .fv_left_infors .line_blk_box span{
    color: #0E203B;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.54px;
}

.func_sub_fv .cont_main .fv_cols .fv_imgbox{
    max-width: 670px;
}
.func_sub_fv .cont_main .fv_cols .fv_imgbox .fv_main_img{
    max-width: 602px;
}
.func_sub_fv .cont_main .fv_cols .fv_imgbox .bg_img{
    max-width: 500px;
    top: -68px;
    z-index: 0;
}

.func_sub_fv .cont_main .fv_cols .fv_txtbox > h1{
    margin: 0;
    font-size: 34px;
    line-height: 160%; /* 54.4px */
    letter-spacing: 1.02px;
}
.func_sub_fv .cont_main .fv_cols .fv_txtbox > p{
    margin: 0;

    color: #0E203B;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%; /* 27.2px */

    font-feature-settings: unset;
}

.fv_imgbox{
    display: flex;
    gap: 5px;
    align-items: center;
    align-self: center;
    flex-direction: column-reverse;
}
.fv_imgbox .mimg{
    display: flex;
    max-width: 680px;
    width: 100%;
    position: relative;
    justify-content: center;
}
.fv_imgbox .mimg img{
    display: block;
    width: 100%;
    height: auto;
}
.fv_imgbox .mimg video{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 !important;
}

.fv_imgbox .mimg .monitor_div{
    z-index: 1;
}

.fv_imgbox .mimg .monitor_div img{

}

.fv_imgbox .mimg .video_div{
    width: 100%;
    display: flex;
    justify-content: center;
    align-self: center;
    z-index: 1;

    padding-top: 25px;
    padding-bottom: 25px;
}

.fv_imgbox .mimg .video_div video{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0 !important;
}

.fv_imgbox .mimg .video_div .video_area{
    position: relative;
    width: 100%;
    display: flex;
    align-self: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 451 / 254.95;

    border-radius: 12px;
    box-shadow: 0 0 18.273px 0 rgba(42, 87, 154, 0.15);
}

.fv_imgbox .mimg .fv_bg_lines{

}
.fv_imgbox .mimg .fv_bg_lines img{
    display: block;
    width: 100%;
    height: auto;
}
.ai-search_type_fv{
    padding-top: 104px;
    padding-bottom: 40px;
}
.ai-search_type_fv .cont_main .fv_cols {
    /* max-width: 1220px; */
    gap: 32px;
}
.ai-search_type_fv .cont_main .fv_cols .fv_imgbox .mimg .video_div .video_area {

}
.ai-search_type_fv .cont_main .fv_cols .fv_imgbox .mimg .video_div .video_area video
{
    display: block;
    width: 100%;
    /* height: auto; */
    object-fit: contain;
    margin: 0 !important;
    background: black;
}

/* solutions/search fv custom  */
.search_type_fv{

}
.search_type_fv .cont_main .fv_cols{

}
.search_type_fv .cont_main .fv_cols .fv_left_infors{
    width: 55%;
}
.search_type_fv .cont_main .fv_cols .fv_formbox{

}

@media screen and (max-width:1105px) {
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox p{
        font-size: 18px;
        line-height: 160%; /* 25.6px */
        letter-spacing: 0.48px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox p .sp_br{
        display: block;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1{
        font-size: 40px;
        line-height: 120%; /* 24px */
        letter-spacing: 0.6px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 span{
        font-size: 36px;
        line-height: 120%;
        letter-spacing: 0.81px;
    }
}

@media screen and (max-width:880px) {
    .func_sub_fv {
        padding-bottom: 48px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_txtbox > h1 {
        font-size: 30px;
        line-height: 160%;
        letter-spacing: 0.9px;
    }
}
@media screen and (max-width:780px) {
    .func_sub_fv .cont_main .fv_cols{
        gap: 32px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_txtbox > h1 {
        text-align: center;
    }
    .func_sub_fv .cont_main .fv_cols .fv_txtbox > p br{
        display: none;
    }
    .func_sub_fv .cont_main .fv_cols .fv_txtbox .blue_btn_n {
        align-self: center;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors{
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .ai-search_type_fv{
        padding-top: 36px;
    }
}

@media screen and (max-width:600px) {
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox p{
        font-size: 16px;
        line-height: 160%; /* 25.6px */
        letter-spacing: 0.48px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1{
        font-size: 20px;
        line-height: 120%; /* 24px */
        letter-spacing: 0.6px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 span{
        font-size: 27px;
        line-height: 120%;
        letter-spacing: 0.81px;
    }
}
@media screen and (max-width:500px) {
    .func_sub_fv .cont_main .fv_cols .fv_txtbox > h1 {
        font-size: 22px;
        letter-spacing: 0.66px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_txtbox > p {
        font-size: 14px;
        line-height: 170%; /* 23.8px */
    }
    .func_sub_fv .cont_main .fv_cols .fv_txtbox > p .sp_br{
        display: block;
    }

    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox p{
        font-size: 16px;
        line-height: 160%; /* 25.6px */
        letter-spacing: 0.48px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1{
        font-size: 20px;
        line-height: 120%; /* 24px */
        letter-spacing: 0.6px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 span{
        font-size: 27px;
        line-height: 120%;
        letter-spacing: 0.81px;
    }

    .func_sub_fv .cont_main .fv_cols .fv_left_infors .line_blk_box{
        padding: 16px 16px;
    }
    .func_sub_fv .cont_main .fv_cols .fv_left_infors .line_blk_box span{
        font-size: 12px;
        line-height: 160%; /* 19.2px */
        letter-spacing: 0.36px;
    }

    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fcircle_txtbox div {
        font-size: 12px;
        line-height: 130%; /* 15.6px */
        letter-spacing: 0.6px;
    }

    .func_sub_fv .cont_main .fv_cols .fv_left_infors .fsquare_txtbox div{
        font-size: 12px;
        line-height: 130%; /* 15.6px */
        letter-spacing: 0.6px;
    }
}

/* GENIEE SEARCHの代表的な機能 */
.core_f_section_sol{
    overflow: hidden;
}
.core_f_section_sol .section_main{
    width: 100%;
}
.core_features_cols{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.core_features_cols .cfe_cols_itm{
    width: 100%;
    display: flex;
    position: relative;
    min-height: 470px;
}
.core_features_cols .cfe_cols_itm .cfe_cols_itm_inner{
    display: flex;
    min-height: 430px;
    padding-top: 40px;
    position: relative;
    left: -140px;
}
.core_features_cols .cfe_cols_itm .cfe_inner_right{
    display: flex;
    min-height: 430px;
    width: 100%;
    padding-top: 40px;
    position: relative;
    right: -140px;
    left: unset;
}
.core_features_cols .cfe_cols_itm .cfe_inner_right {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.core_features_cols .cfe_cols_itm .imgbox{
    display: flex;
    max-width: 700px;
    min-width: 700px;
    position: relative;
    width: 100%;
    align-items: center;
}
.core_features_cols .cfe_cols_itm .imgbox .m_imgbox_inner{
    display: flex;
    width: 100%;
    justify-content: center;
}
.core_features_cols .cfe_cols_itm .imgbox img{
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
}
.core_features_cols .cfe_cols_itm .imgbox .m_imgbox_inner .monitor_in_img{
    position: absolute;
    width: 77%;
    z-index: 0;
    top: 18px;
}
.core_features_cols .cfe_cols_itm .imgbox .m_imgbox_inner .monitor_img{

}
.core_features_cols .cfe_cols_itm .txtbox{
    display: flex;
    flex-direction: column;
    padding-top: 16px;
}
.core_features_cols .cfe_cols_itm .txtbox > span{
    display: flex;
    width: 58px;
    height: 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    color: #FFF;
    text-align: center;
    font-family: Overpass;
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 17px */

    border-radius: 15px;
    background: linear-gradient(270deg, #45D39A 0%, #31BBCC 100%);
}
.core_features_cols .cfe_cols_itm .txtbox > h3{
    color: #2A579A;
    font-family: "Noto Sans JP";
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 160%; /* 44.8px */
    margin: 0;

    margin-top: 24px;
    margin-bottom: 32px;
}
.core_features_cols .cfe_cols_itm .txtbox > p{
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 26px;
    font-feature-settings: unset;
}
.core_features_cols .cfe_cols_itm .txtbox > p span{
    color: #0E203B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    font-feature-settings: unset;
}
.core_features_cols .cfe_cols_itm .txtbox .white_btn_n{
    margin-top: 16px;
    display: inline-flex;  
    max-width: 310px;
}

@media screen and (max-width:1440px) {
    .core_features_cols{
        overflow: hidden;
    }
}

@media screen and (max-width:1100px) {
    .core_features_cols .cfe_cols_itm .cfe_cols_itm_inner {
        left: -100px;
    }
    .core_features_cols .cfe_cols_itm .cfe_inner_right {
        right: -100px;
    }
    .core_features_cols .cfe_cols_itm .imgbox {
        max-width: 500px;
        min-width: 500px;
    }
    .core_features_cols .cfe_cols_itm .imgbox .m_imgbox_inner .monitor_in_img {
        top: unset;
    }
}
@media screen and (max-width:780px) {

    .core_features_cols .cfe_cols_itm .imgbox .m_imgbox_inner {
        justify-content: unset;
    }
    .core_features_cols .cfe_cols_itm .imgbox .m_imgbox_inner .monitor_in_img {
        width: 88%;
    }

    /* 공통: inner들의 위치 offset 제거 */
    .core_features_cols .cfe_cols_itm .cfe_cols_itm_inner,
    .core_features_cols .cfe_cols_itm .cfe_inner_right {
        flex-direction: column;
        left: 0;
        right: 0;
        width: 100%;
        padding-top: 64px;
    }

    /* 모바일에서는 이미지 최대로 꽉 차게 (삐져나가지 않게) */
    .core_features_cols .cfe_cols_itm .imgbox {
        width: 100%;
        max-width: unset;
        min-width: auto; /* min-width 제거 */
    }  
    .core_features_cols .cfe_cols_itm .imgbox .monitor_img {
        width: 120%;
        max-width: unset;
    }

    .core_features_cols .cfe_cols_itm .cfe_cols_itm_inner .monitor_img {
        position: relative;
        display: flex;
        justify-content: end;
    }
    .core_features_cols .cfe_cols_itm .cfe_cols_itm_inner .monitor_in_img {
        position: relative;
        display: flex;
        justify-content: end;
        left: 0;
    }
    .core_features_cols .cfe_cols_itm .cfe_inner_right .monitor_img {
        position: relative;
        display: flex;
        justify-content: flex-start;
    }
    .core_features_cols .cfe_cols_itm .cfe_inner_right .monitor_in_img {
        position: relative;
        display: flex;
        justify-content: flex-start;
        right: 0;
    }

    .core_features_cols .cfe_cols_itm .cfe_cols_itm_inner .imgbox .m_imgbox_inner {
        justify-content: flex-end;
    }

    .core_features_cols .cfe_cols_itm .cfe_inner_right .imgbox .m_imgbox_inner {
        justify-content: flex-start;
    }


    .core_features_cols .cfe_cols_itm .txtbox {
        width: 79%;
        padding-left: 0;
        padding-right: 0;
        align-self: flex-start;
    }
    .core_features_cols .cfe_cols_itm .cfe_cols_itm_inner .txtbox{
        align-self: flex-start;
        padding-left: 16px;
    }
    .core_features_cols .cfe_cols_itm .cfe_inner_right .txtbox{
        align-self: flex-end;
        padding-right: 16px;
    }

    .core_features_cols .cfe_cols_itm .txtbox > h3 {
        font-size: 20px;
        line-height: 160%; /* 32px */
        margin-top: 16px;
        margin-bottom: 24px;
    }
    .core_features_cols .cfe_cols_itm .txtbox > p span {
        font-size: 14px;
        line-height: 170%; /* 23.8px */
    }
}

/* よくある質問 */
.faq_cols{
    display: flex;
    width: 100%;
    justify-content: center;
    max-width: 1200px;
    gap: 48px;
}
.faq_cols .faq_cols_title{
    
}
.faq_cols .faq_cols_title h2{
    color: #0E203B;
    font-size: 30px;
    font-weight: 900;
    line-height: 160%; /* 48px */
    margin: 0;
}

.faq_cols_lists {
    display: flex;
    max-width: 942px;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}

.faq_cols_lists .ques{
    border-bottom:  1px solid rgba(14, 32, 59, 0.10);
}

.faq_cols_lists .ques .quesdiv{ 
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}
/* .faq_cols_lists .ques:nth-child(1) .quesdiv{
    padding-top: 0px;
} */

.faq_cols_lists .ques .quesdiv .qb{
    display: flex;
    align-self: center;
}

.faq_cols_lists .ques .quesdiv .qb span{

    color: #488DDF;
    font-family: Overpass;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
}

.faq_cols_lists .ques .quesdiv .qbt{
    width: 80%;

    color: #0E203B;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
}

.faq_cols_lists .ques .quesdiv .arr{
    position: absolute;
    right: 24px;
    width: 24px;
    /* top: 24px;*/
    height: 24px; 
    background-image: url(../images/tabler-icon-plus.png);
    background-size: contain;
}

.faq_cols_lists .ques .quesdiv .arr.active{
    /* position: absolute; */
    right: 24px;
    width: 24px;
    /* top: 24px; */
    height: 24px;
    background-image: url(../images/tabler-icon-minus.png);
    background-size: contain;
}

.faq_cols_lists .ques .quesval{ 
    display: none;
    /* display: block; */
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /* transition: all .3s;
    transform: translateY(0px); */
    overflow: hidden;
    /* padding: 24px; */
    height: auto;
    /* padding-top: 8px; */
    
}
.faq_cols_lists .ques .quesval .quesval_inner{
    display: flex;
    padding: 24px;
    padding-top: 0;
    gap: 16px;
}

.faq_cols_lists .ques .quesval .abtt{
    /* position: absolute; */
}
.faq_cols_lists .ques .quesval .abtt span{
    color: #3BC7B4;
    font-family: Overpass;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
}

.faq_cols_lists .ques .quesval > span{ 
    color: #62656B;
    text-align: justify;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: 0.48px;

    display: block;
    padding: 24px;
    padding-top: 8px;
}
.faq_cols_lists .ques .quesval .quesval_inner .lgr_abtlist{
    display: flex;
    flex-direction: column;
    width: 89.263%;
}
.faq_cols_lists .ques .quesval .quesval_inner > span{
    width: 89.263%;
}
.faq_cols_lists .ques .quesval .quesval_inner > span,
.faq_cols_lists .ques .quesval .quesval_inner .lgr_abtlist span,
.faq_cols_lists .ques .quesval .quesval_inner .lgr_abtlist ul li{
    color: #0E203B;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

@media screen and (max-width:880px) {
    .faq_cols {
        gap: 64px;
        flex-direction: column;
    }
}

@media screen and (max-width: 700px){
    .faq_cols_lists .ques .quesdiv span {
        font-size: 16px;
    }
    .faq_cols_lists .ques .quesval > span{ 
        font-size: 14px;
        line-height: 170%;
    }
    .faq_cols_lists .ques .quesdiv .qbt{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 24px */
        letter-spacing: 0.48px;
    }
    .faq_cols_lists .ques .quesdiv .arr,
    .faq_cols_lists .ques .quesdiv .arr.active {
        width: 20px;
        top: 28px;
        height: 20px;
    }
}


.ectype-section-d{

}
.ectype-section-d .section_main{
    
}
@media screen and (max-width: 880px) {
    .ectype-section-d .section_main {
        width: 100%;
    }
}

.select_ecresult_results{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 64px;
    overflow: hidden;
}
.select_ecresult_results .select_ecresult_btns{
    width: 100%;
    display: flex;
    justify-content: center;
}
.select_ecresult_results .select_ecresult_btns .btns_inner{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.select_ecresult_results .select_ecresult_btns button{
    display: flex;
    border-style: none;
    color: #2A579A;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 20.8px */
    letter-spacing: 0.8px;

    border-radius: 4px;
    border: 1.5px solid #2A579A;
    background: #FFF;

    height: 60px;
    align-items: center;
    justify-content: center;
    min-width: 180px;
}
.select_ecresult_results .select_ecresult_btns .active{
    border-radius: 4px;
    background: #2A579A;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 20.8px */
    letter-spacing: 0.8px;
}

.select_ec_values{
    display: flex;
    width: 100%;
    justify-content: center;
}
.select_ec_values .slider-container {
    display: flex;
    max-width: 1200px;
    width: 100%;
}
.select_ec_values .slider-container .ec_result_cards_slider{
    display: flex;
    gap: 45px;
    width: 100%;
}

.select_ec_values .ec_result_cards{
    display: flex;
    width: 100%;
    justify-content: center;
}

.select_ec_values .ec_result_cards .card{
    display: flex;
    width: 100%;
    max-width: 368px;

    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 0 18px 0 rgba(42, 87, 154, 0.15);
}
.select_ec_values .ec_result_cards .card .card_inner{
    display: flex;
    flex-direction: column;
    gap: 24px;

    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    width: 100%;
}
.select_ec_values .ec_result_cards .card .card_inner > span{
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;

    display: flex;
    justify-content: center;
    height: 36px;
    align-items: center;

    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, #885AE7 0%, #488DDF 100%);
}
.select_ec_values .ec_result_cards .card .card_inner .imgbox{
    display: flex;
    
}
.select_ec_values .ec_result_cards .card .card_inner .imgbox img{
    display: block;
    width: 100%;
    height: auto;
}
.select_ec_values .ec_result_cards .card .card_inner .txtbox{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.select_ec_values .ec_result_cards .card .card_inner .txtbox span{
    color: #0E203B;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 32px */
}
.select_ec_values .ec_result_cards .card .card_inner .txtbox p{
    color: #0E203B;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
    margin: 0;
}

@media screen and (max-width:1024px) {
    .select_ecresult_results .select_ecresult_btns {

    }
    .select_ecresult_results .select_ecresult_btns .btns_inner{
        /* overflow: scroll;
        display: flex;
        width: 100%; */
        /* display: flex;
        flex-wrap: wrap; */
        grid-template-columns: repeat(6, 1fr);
    }

    .select_ecresult_results .select_ecresult_btns .btns_inner button:nth-child(1),
    .select_ecresult_results .select_ecresult_btns .btns_inner button:nth-child(2),
    .select_ecresult_results .select_ecresult_btns .btns_inner button:nth-child(3) {
        grid-column: span 2; 
    }

    .select_ecresult_results .select_ecresult_btns .btns_inner button:nth-child(4),
    .select_ecresult_results .select_ecresult_btns .btns_inner button:nth-child(5) {
        grid-column: span 3; 
    }

    .select_ecresult_results .select_ecresult_btns button {
        min-width: unset;
    }

    .select_ec_values .ec_result_cards {
        flex-direction: column;
    }

    .select_ec_values .slider-container .ec_result_cards_slider {
        gap: 20px;
    }
}

@media screen and (max-width:880px) {
    .ectype-section-d .section_main .select_ecresult_results .select_ecresult_btns {
        width: 91%;
    }
    .select_ec_values .ec_result_cards .card {
        max-width: unset;
        margin: 10px 10px;
    }
}

/* Pain Points */
/* AI検索で解決できる4つの課題 */
.func_sub_cols{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%;
    max-width: 1200px;
    gap: 24px;
}
.func_sub_cols .func_sub_col_itm{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 24px;
    gap: 24px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 18px 0px rgba(42, 87, 154, 0.15);
    position: relative;
}
.func_sub_cols .func_sub_col_itm .imgbox{
    
}
.func_sub_cols .func_sub_col_itm .imgbox img{
    max-width: 200px;
}
.func_sub_cols .func_sub_col_itm .txtbox{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.func_sub_cols .func_sub_col_itm .txtbox h3{
    margin: 0;
    color: #0E203B;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    text-align: center;
}
.func_sub_cols .func_sub_col_itm svg{
    position: absolute;
    bottom: -40px;
}

.func_sub_col_off{

}
.func_sub_col_off > span{
    color: #2A579A;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
}

.usecases_sub_cols{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%;
    max-width: 1200px;
    gap: 56px;

    padding-top: 64px;
    padding-bottom: 64px;

    border-radius: 12px;
    background: #2A579A;
    box-shadow: 0 0 18px 0 rgba(42, 87, 154, 0.15);
    position: relative;
    overflow: hidden;
}

.usecases_sub_cols{
    /* position: absolute; */
}
.usecases_sub_cols .uc_lt_imgbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    display: flex;
}
.usecases_sub_cols .uc_rb_imgbox {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45%;
    display: flex;
}

.func_sub_cols_num3{
    grid-template-columns: repeat(3,1fr);
    gap: 48px;
}


/* bluetype cols item */
.func_sub_col_itm_blue{
    
    box-shadow: 0px 0px 18px 0px rgba(42, 87, 154, 0.15);

    display: flex;
    gap: 48px;
    align-items: center;
    text-align: left;
    padding: 64px;
    padding-bottom:56px;
    padding-top: 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.50);

    position: relative;
}
.func_sub_col_itm_blue:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.func_sub_col_itm_blue .imgbox{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    max-width: 320px;
    width: 100%;
    aspect-ratio: 320 / 200;
}
.func_sub_col_itm_blue .txtbox {
    display: flex;
    flex-direction: column;
    /* gap: 24px; */
    color: #FFF;
    width: 100%;
}
.func_sub_col_itm_blue .txtbox span{
    border-radius: 14px;
    background: linear-gradient(270deg, #45D39A 0%, #31BBCC 100%);
    display: flex;
    width: 44px;
    height: 23px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.func_sub_col_itm_blue .txtbox h3{
    margin: 0;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 160%; /* 32px */
    padding-top: 16px;
    font-feature-settings: 'palt' on;
    padding-bottom: 24px;
}
.func_sub_col_itm_blue .txtbox h3 br{
    /* display: none; */
}
.func_sub_col_itm_blue .txtbox p{
    margin: 0;
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
    text-align: left;
    font-feature-settings: unset;
}

@media screen and (max-width:1150px) {
    .func_sub_col_off > span {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .func_sub_cols .func_sub_col_itm .txtbox h3 {
        font-size: 15px;
    }
}
@media screen and (max-width:1000px) {
    .func_sub_cols .func_sub_col_itm .txtbox h3 {
        font-size: 12px;
    }
}

@media screen and (max-width:1020px) {
    .func_sub_cols{
        gap: 24px;
    }
}

@media screen and (max-width:880px) {
    .func_sub_cols{
        grid-template-columns: repeat(1,1fr);
    }
    .func_sub_col_itm_blue .txtbox h3 br{
        /* display: block; */
    }
    .func_sub_cols .func_sub_col_itm .txtbox h3 {
        font-size: 16px;
    }
    .func_sub_cols .func_sub_col_off .func_sub_col_itm svg {
        display: none;
    }
    .func_sub_cols .func_sub_col_off:last-child .func_sub_col_itm svg {
        display: block;
        bottom: -80px;
    }
    .func_sub_col_itm_blue{
        gap: 24px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 32px;
    }
}

@media screen and (max-width:680px) {
    .func_sub_col_itm_blue{
        flex-direction: column;
    }
    .func_sub_col_itm_blue .txtbox h3,
    .func_sub_col_itm_blue .txtbox span {
        text-align: center;
        align-self: center;
    }
    .func_sub_col_itm_blue .txtbox h3{
        padding-top: 8px;
        padding-bottom: 24px;
    }
    .usecases_sub_cols {
        gap: 32px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
}



/* recommend page custom  */
/* section */
.recomm_sec_custom{

}
.recomm_sec_custom .section_main{
}
.recomm_sec_custom .sectin_n_textbox{

}
.recomm_sec_custom .sectin_n_textbox p{
    margin: 0;
    color: #0E203B;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
}
.sectin_n_textbox_type2 {
    display: flex;
    justify-content: center;
}
.sectin_n_textbox_type2 h3{
    margin: 0;
    color: #0E203B;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 160%; /* 48px */
}
.sectin_n_textbox_type2 h3 .sp_br{
    display: none;
}

@media screen and (max-width: 880px) {
    .sectin_n_textbox_type2 h3 {
        color: #0E203B;
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        line-height: 160%; /* 28.8px */
    }
    .sectin_n_textbox_type2 h3 .sp_br{
        display: block;

    }
}

.recomm_sec_custom .section_n_imgbox{
    display: flex;
    max-width: 1200px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    border-radius: 12px;
    background: #FFF;   

    aspect-ratio: 1200/640;
}
.recomm_sec_custom .section_n_imgbox picture{
    display: flex;
    max-width: 980px;
    aspect-ratio: 980/490;
    width: 82%;
}
.recomm_sec_custom .section_n_imgbox picture img{
    display: block;
    width: 100%;
    height: auto;
}

.recomm_sec_custom .section_n_imgbox_divide_box{
    display: flex;
    flex-direction: column;
    gap: 32px;

    width: 100%;
    max-width: 1200px;
}

.recomm_sec_custom .section_n_imgbox_divide{
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 48px;
    padding-bottom: 48px;

    border-radius: 12px;
    background: #FFF;
}
.recomm_sec_custom .section_n_imgbox_divide h4{
    margin: 0;
    color: #2A579A;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 160%; /* 44.8px */
}
.recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide{
    display: flex;
    gap: 64px;
    width: 90%;
    max-width: 1004px;
    align-self: center;
}
.recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide .imgbox_sub{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}
.recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide .imgbox_sub > span{
    border-radius: 14px;
    background: linear-gradient(270deg, #45D39A 0%, #31BBCC 100%);

    display: flex;
    /* width: 54px; */
    height: 28px;
    justify-content: center;
    align-items: center;
    gap: 9.31px;

    color: #FFF;
    max-width: 54px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 16px */

    align-self: center;
    width: 100%;
}
.recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide .imgbox_sub > div{
    border-radius: 7.446px;
    background: #FFF;
    box-shadow: 0 0 22.263px 0 rgba(42, 87, 154, 0.15);
    padding: 10px;

    display: flex;
    max-width: 470px;
    align-items: center;
}
.recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide .imgbox_sub > div img{
    display: block;
    width: 100%;
    height: auto;
}
.recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide .imgbox_sub > p{
    margin: 0;

    color: #0E203B;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    font-feature-settings: normal;
}

.recomm_sec_custom .sol_infor_recommbox{
    display: flex;
    flex-direction: column;
    gap: 56px;
}
.recomm_sec_custom .sol_infor_recommbox > h3{ 
    margin: 0;

    color: #2A579A;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 160%; /* 48px */
}
.recomm_sec_custom .sol_infor_recommbox > h3 .sp_br{
    display: none;
}
.recomm_sec_custom .sol_infor_recommbox .infor_cols{ 
    display: flex;
    max-width: 1200px;
    gap: 48px;
}
.recomm_sec_custom .sol_infor_recommbox .infor_cols .cols_itm{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.recomm_sec_custom .sol_infor_recommbox .infor_cols .cols_itm > div{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.recomm_sec_custom .sol_infor_recommbox .infor_cols .cols_itm > div img{
    max-width: 300px;
}
.recomm_sec_custom .sol_infor_recommbox .infor_cols .cols_itm > span{
    color: #0E203B;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */

    margin-top: 24px;
    margin-bottom: 16px;
}
.recomm_sec_custom .sol_infor_recommbox .infor_cols .cols_itm > p{
    margin: 0;
    color: #0E203B;
    font-feature-settings: unset;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
}

.recomm_sec_custom .strength_cols{
    display: flex;
    flex-direction: column;
    max-width: 1200px;
}
.recomm_sec_custom .strength_cols .cols_itm{
    display: flex;
    gap: 48px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.recomm_sec_custom .strength_cols .cols_itm .txtbox{
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}
.recomm_sec_custom .strength_cols .cols_itm .txtbox > div{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.recomm_sec_custom .strength_cols .cols_itm .txtbox > div span{
    display: flex;
    max-width: 54px;
    width: 100%;
    height: 28px;
    justify-content: center;
    align-items: center;
    gap: 9.31px;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 16px */

    border-radius: 14px;
    background: linear-gradient(270deg, #45D39A 0%, #31BBCC 100%);
}
.recomm_sec_custom .strength_cols .cols_itm .txtbox > div h4{
    color: #2A579A;
    font-family: "Noto Sans JP";
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 160%; /* 44.8px */
    margin: 0;

    padding-bottom: 24px;
    border-bottom: 1px solid #2A579A;
}
.recomm_sec_custom .strength_cols .cols_itm .txtbox > p{
    margin: 0;
    color: #0E203B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    font-feature-settings: unset;
}
.recomm_sec_custom .strength_cols .cols_itm .imgbox{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 520px;
}
.recomm_sec_custom .strength_cols .cols_itm:nth-child(even){
    flex-direction: row-reverse;
}

.recomm_sec_custom .feature_usecase_slider .item .use_imgbox{
    position: relative;
}
.recomm_sec_custom .feature_usecase_slider .item .use_imgbox span{
    position: absolute;
    top: 0;
    left: 0;

    color: #FFF;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 15.6px */
    
    border-radius: 0 0 12px 0;
    background: linear-gradient(90deg, #885AE7 0%, #488DDF 100%);
    
    display: inline-flex;
    height: 32px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.recomm_sec_custom .feature_usecase_slider {
    margin-bottom: 80px;
}

@media screen and (max-width:880px) {
    .recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide {
        flex-direction: column;
        gap: 40px;
    }
    .recomm_sec_custom .section_n_imgbox_divide .imgbox_sub_divide .imgbox_sub {
        align-items: center;
    }
    .recomm_sec_custom .sol_infor_recommbox .infor_cols{ 
        flex-direction: column;
    }

    .recomm_sec_custom .strength_cols .cols_itm,
    .recomm_sec_custom .strength_cols .cols_itm:nth-child(even){
       flex-direction: column;
       align-items: center;
    }

    .recomm_sec_custom .sol_infor_recommbox > h3{
        display: none;
    }

    .recomm_sec_custom .section_n_imgbox_divide h4 {
        font-size: 20px;
        line-height: 160%; /* 32px */
    }
}


@media screen and (max-width: 780px) {
    .recomm_sec_custom .section_n_imgbox{
        aspect-ratio: unset;
    }
    .recomm_sec_custom .section_n_imgbox picture{
        aspect-ratio: unset;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .recomm_sec_custom .strength_cols {
        gap: 64px;
    }
    .recomm_sec_custom .strength_cols .cols_itm {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 500px) {
    .recomm_sec_custom .strength_cols .cols_itm .txtbox {
        gap: 24px;
    }
    .recomm_sec_custom .strength_cols .cols_itm .txtbox > div {
        gap: 16px;
        align-items: center;
    }
    .recomm_sec_custom .strength_cols .cols_itm .txtbox > div h4 {
        width: 100%;
        padding-bottom: 0;
        text-align: center;
        border-bottom: none;

        font-size: 20px;
        line-height: 160%; /* 32px */
    }
    .recomm_sec_custom .strength_cols .cols_itm .txtbox > p {
        font-size: 14px;
        line-height: 170%; /* 23.8px */
    }
}

/* recommend fv custom  */
.recomm_fv_m{
    padding-top: 104px;
    padding-bottom: 40px;
}
.recomm_fv_m .cont_main .fv_cols{
    gap: 32px;
}
.recomm_fv_m .cont_main .fv_cols .fv_left_infors{
    gap: 22px;
}
.recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_left_txtbox .ftop_txt {
    color: #2A579A;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 43.2px */
    letter-spacing: 1.08px;
}
.recomm_fv_m .cont_main .fv_cols .fv_left_infors .line_blk_box {
    max-width: 590px;
    width: 81.045%;
    text-align: center;
    justify-content: center;
}

.recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_imgbox .mimg{

}
.recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_imgbox .mimg .img_div{
    max-width: 590px;
    display: flex;
    width: 100%;
    align-items: center;
}
.recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_imgbox .mimg .img_div img{
    display: block;
    width: 100%;
    height: auto;
    max-width: unset;
}

@media screen and (max-width: 1105px) {
    .recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 {
        font-size: 27px;
        line-height: 120%;
        letter-spacing: 0.81px;
    }
    .recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 .ftop_txt{
        font-size: 16px;
        line-height: 120%; /* 19.2px */
        letter-spacing: 0.48px;
    }
}

.recomm_fv_m .cont_main .fv_cols .fv_formbox .formmain .formarea form .btndiv{
    display: none;
}

@media screen and (max-width:767px) {
    .recomm_fv_m {
        padding-top: 30px;
    }
    .recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 {
        
    }
    .recomm_fv_m .cont_main .fv_cols .fv_left_infors .fv_left_txtbox h1 .ftop_txt{
        
    }
}

/* ec_search, search fv bottom slider custom  */
.search_fv_bt_slider_section{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.search_fv_bt_slider_section .section_main{
    
}
.search_fv_bt_slider_section .slider-container{
    max-width: 1200px;
    width: 95%;
    /* padding: 0 15px; */
    box-sizing: border-box;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    margin-top: 64px;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_imgbox {
    border-radius: 12px;
    aspect-ratio: 368 / 207;
    background: #CFCFCF;
    overflow: hidden;
    box-shadow: 0px 0px 18px 0px rgba(42, 87, 154, 0.15);
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .title{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .title span{
    color: rgba(14, 32, 59, 0.50);
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 15.6px */
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .title h3{
    color: #0E203B;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    margin: 0;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox > p{
    color: #0E203B;
    text-align: justify;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
    margin: 0;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .infor_txt{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .infor_txt .infor_txt_item{
    display: flex;
    gap: 6px;
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .infor_txt .infor_txt_item .ttl{
    display: flex;
    height: 18px;
    padding: 0 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 2px;
    border: 1px solid #2A579A;

    color: #2A579A;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 14.3px */
}
.search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 a .use_txtbox .infor_txt .infor_txt_item .txt{
    color: #2A579A;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}
.search_fv_bt_slider_section .usecase_sol_btn{

}
.search_fv_bt_slider_section .usecase_sol_btn{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 64px;
}
.search_fv_bt_slider_section .usecase_sol_btn a{
    max-width: 270px;
    height: 48px;
}
.search_fv_bt_slider_section .usecase_sol_btn a div {
    max-width: 33px;
    height: 33px;
    border-radius: 16.5px;
}

@media screen and (max-width:880px){
    .search_fv_bt_slider_section .slider-container {
        width: 100%;
    }
    .search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 {
        grid-template-columns: unset;
        gap: unset;
        margin-top: 64px;
    }
    .search_fv_bt_slider_section .slider-container .feature_usecase_slider_2 .item {
        display: flex;
        width: 100%;
        margin: 20px 12px;
        flex-direction: column;
        gap: 24px;
        /* max-width: 340px; */
    }
}


/* Our Strengths */
.search_os_imgsection .section_main .imgscrollbox .imgscrollbox_inner{
    overflow: scroll;
    scrollbar-width: none;
}

@media screen and (max-width:700px) {
    .search_os_imgsection .section_main .imgscrollbox {
        overflow: hidden;
        width: 100%;
    }
    .search_os_imgsection .section_main .imgscrollbox .imgscrollbox_inner {
        overflow: scroll;
    }
    .search_os_imgsection .section_main .imgscrollbox .imgscrollbox_inner picture img{
        min-width: 671px;
    }
}

.breadcrumb_set_section{
    position: relative;
}