/* solutions style sheet  */
/* add date : 0913 */
section{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.section_blue{
    background: var(--blue-50, #F1F8FE);
}
.section_blue_45{
    background: var(--blue-45, #D9EAFE);
}
.section_public_cta{
    margin-bottom: 80px;
}

@media screen and (max-width: 880px) {
    .section_public_cta{
        margin-bottom: 64px;
    }
}

span{
    color: var(--black, #252729);
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h2{
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
}


.section_main{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    gap: 40px;
    width: 100%;
}
.section_main .title{
    color: var(--black, #252729);
    text-align: center;

}
.section_main .title span,
.section_main .title h2{
    font-size: 40px;
    line-height: normal;
    color: var(--black, #252729);
}
.section_main .title span br,
.section_main .title h2 br{
    display: none;
}
@media screen and (max-width: 1023px) {
    .section_main #blu_title span br,
    .section_main #blu_title h2 br{
        display: block;
    }
}
@media screen and (max-width: 880px) {
    .section_main .title span,
    .section_main .title h2{
        font-size: 24px;
    }
    .section_main {
        padding-top: 64px;
        padding-bottom: 64px;
        gap: 24px;
    }
}
@media screen and (max-width: 780px) {
    .section_main .title span br,
    .section_main .title h2 br{
        display: block;
    }
}

.fv_sol_section{
    margin-top: 94px;
}

/* sol page title */
.solvlists{
    gap: 32px;
}
.solvlists .sol_title{
    display: flex;
    flex-direction: column;
}
.solvlists .sol_title h2{
    color: var(--black, #252729);
    text-align: center;
    font-size: 40px;
    line-height: normal;
}
.solvlists .sol_title h2 .mini{
    display: none;
}
@media screen and (max-width: 880px) {
    .solvlists {
        gap: 16px;
    }
    .solvlists .sol_title h2{
        font-size: 24px;
    }
}
@media screen and (max-width: 480px) {
    .solvlists .sol_title h2 .mini {
        display: block;
    }
}


/* solutions general fv  */

.fv_sol_main{
    display: flex;
    width: 95%;
    max-width: 1280px;
    padding-top: 40px;
    justify-content: center;
    padding-bottom: 40px;
    gap: 48px;
}
.fv_sol_main .fv_infobox{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.fv_sol_main .fv_infobox .fv_lbl{
    display: flex;
}
.fv_sol_main .fv_infobox .fv_lbl span{
    color: var(--black, #252729);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    /* width: 100%; */
    max-width: 380px;
    background: var(--blue-50, #F1F8FE);
    height: 67px;
    align-items: center;
    justify-content: center;

    padding-left: 32px;
    padding-right: 32px;
}
.fv_sol_main .fv_infobox .fv_lbl_cx span{
    /* max-width: 472px; */
}
.fv_sol_main .fv_infobox .fv_lbl_public span{
    max-width: 448px;
}

.fv_sol_main .fv_infobox .fv_txtbox{
    display: flex;
    flex-direction: column;
    gap: 16px; 
}
.fv_sol_main .fv_infobox .fv_txtbox .title{
    display: flex;
    flex-direction: column;

    color: var(--black, #252729);

    font-family: "Noto Sans JP";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.fv_sol_main .fv_infobox .fv_txtbox .title br{
    display: block;
}

.fv_sol_main .fv_infobox .fv_txtbox .title span{
    color: var(--black, #252729);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-feature-settings: normal;
}
.fv_sol_main .fv_infobox .fv_txtbox .title .blue_txt{
    color: var(--blue, #0974E8);
}

.fv_sol_main .fv_infobox .fv_txtbox .sub_title{
    color: var(--black, #252729);
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
    width: 102%;
}

.fv_sol_main .fv_infobox .fv_videobox{
    display: flex;
    width: 100%;
    max-width: 640px;
}
.fv_sol_main .fv_infobox .fv_videobox video{
    display: block;
    width: 100%;
    height: auto;
}
.fv_sol_main .fv_formbox{
    display: flex;
    width: 100%;
    max-width: 424px;
    border-radius: 6px;
    background: var(--gray-40, #F7F7F8);
    flex-direction: column;
    padding-top: 32px;
    gap: 16px;
    height: max-content;
    padding-bottom: 32px;
}

.fv_sol_main .fv_formbox .fv_formbox_title{
    display: flex;
    flex-direction: column;
}
.fv_sol_main .fv_formbox .fv_formbox_title span{
    color: var(--blue, #0974E8);
    text-align: center;

    font-size: 20px;
    line-height: normal;
}
.fv_sol_main .fv_formbox .fv_formbox_main{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form{
    display: flex;
    width: 100%;
    justify-content: center;
}
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form{
    display: flex;
    flex-direction: column;
    gap: 1.2rem;    
    width: 95%;
    max-width: 360px;
}
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form .hs_submit{
    display: none;
}
.fv_sol_main .fv_formbox .fv_formbox_main .btndiv{
    display: flex;
    width: 100%;
    justify-content: center;
}
.fv_sol_main .fv_formbox .fv_formbox_main .btndiv button{
    display: flex;
    width: 95%;
    justify-content: center;
}
.fv_sol_main .fv_formbox .fv_formbox_main .btndiv span{
    color: var(--white,  #FFF);
    text-align: center;
    
    font-size: 14px;
    line-height: normal;
}

/* firstview form custom  */
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form > div > .input{

}
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form > div > .input input{
    display: flex;
    max-width: 360px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid var(--gray-30, #DCDEE0);
    background: var(--white, #FFF);
}
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form > div > .input textarea{

}
.fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form .hs_privacypolicy .input ul .hs-form-booleancheckbox input{
    width: fit-content;
}

@media screen and (max-width: 1160px) {
    .fv_sol_main .fv_infobox .fv_txtbox .title{
        font-size: 30px;
    }
    .fv_sol_main .fv_infobox .fv_txtbox .title span {
        font-size: 30px;
    }
    .fv_sol_main .fv_infobox .fv_lbl_cx span{
        font-size: 20px;
    }

    .fv_sol_main .fv_infobox .fv_txtbox .sub_title br{
        display: none;
    }
}
@media screen and (max-width: 920px) {
    .fv_sol_main {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .fv_sol_main .fv_formbox {
        max-width: unset;
    }
    .fv_sol_main .fv_infobox .fv_videobox {
        align-self: center;
    }
    .fv_sol_main .fv_infobox .fv_txtbox {
        width: 101%;
        gap: 8px;
    }
    .fv_sol_main .fv_infobox .fv_lbl {
        justify-content: center;
    }
    .fv_sol_main {
        padding-top: 0;
    }
    .fv_sol_main .fv_infobox {
        width: 87.734%;
    }
    .fv_sol_main .fv_formbox .fv_formbox_main .hbspt-form form {
        width: 87.203%;
    }
}
@media screen and (max-width: 500px) {
    .fv_sol_main .fv_infobox .fv_lbl span {
        font-size: 18px;
        height: 50px;

        width: 100%;
        padding: 0;
    }
    .fv_sol_main .fv_infobox .fv_txtbox .title span {
        font-size: 32px;
    }


    .fv_sol_main .fv_infobox .fv_txtbox .title {
        /* font-size: 0; */
        /* display: contents; */
    }

    .fv_sol_main .fv_infobox .fv_txtbox .public_fv span{
        font-size: 32px;
    }

    .fv_sol_main .fv_infobox .fv_txtbox .sub_title {
        font-size: 18px;
    }
    .fv_sol_main .fv_infobox {
        gap: 24px;
    }
    .fv_sol_main {
        gap: 24px;
    }
    .fv_sol_main .fv_infobox .fv_txtbox .title br {
        display: none;
    }

    .fv_sol_main .fv_infobox .fv_txtbox .title .cx_blue_fvtxt,
    .fv_sol_main .fv_infobox .fv_txtbox .title .cx_blue_fvtxt .blue_txt {
        font-size: 28px;
    }
}



.logo_section{
    /* overflow: hidden; */
}

.logoslider{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 64px;
}
.logoslider .imgbox{
    width: 3500px;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    animation: bannermove 7s linear infinite;
}
.logoslider .imgbox div{
    display: flex;
    width: 100%;
}
.logoslider .imgbox div img{
    display: block;
    width: 100%;
    height: auto;
}
@keyframes bannermove {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-13%, 0);
    }
}
.logo_section .logo-slider-container-all{
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media screen and (max-width: 1900px){
    .logoslider .imgbox{
        width: 2864px;
        gap: 16px;
    }
}
@media screen and (max-width: 780px){
    .logoslider {
        height: 50px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .logoslider .imgbox{
        width: 2152px;
        gap: 8px;
    }
}



/* テックタッチで システム導入のよくある課題を解決 */
.triangle_type{
    display: flex;
}
.triangle_type svg{
    
}

.whboxes_type1{
    display: flex;
    width: 95%;
    max-width: 1280px;
    gap: 32px;
}
.whboxes_type1 .whboxes_type1_itm{
    display: flex;
    width: 100%;
    border-radius: 6px;
    background: var(--white, #FFF);
    padding-top: 32px;
    padding-bottom: 32px;
    justify-content: center;
}
.whboxes_type1 .whboxes_type1_itm p{ 
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 90.3%;
}
.whboxes_type1 .whboxes_type1_itm p span{ 
    color: var(--black, #252729);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.whboxes_type1 .whboxes_type1_itm p .orange_txt{ 
    color: var(--red, #FF595E);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.whboxes_type1 .whboxes_type1_itm p .orange_txt .dot_txt{
    color: var(--red, #FF595E);
    font-family: "Open Sans";
}
/* public version  */
.whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub{
    display: flex;
    flex-direction: column;
    width: 95%;
    max-width: 560px;
    gap: 24px;
}
.whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub > span{
    display: flex;
    color: var(--black, #252729);
    text-align: center;
    font-size: 32px;
    line-height: normal;
    display: flex;
    justify-content: center;
}
.whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub ul{
    list-style: disc;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
}
.whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub ul li{
    color: var(--black, #252729);
    font-size: 24px;
    line-height: normal;
    font-weight: 700;
}
.whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub ul li .redtxt{
    color: var(--red, #FF595E);
    font-size: 24px;
    line-height: normal;
}

@media screen and (max-width: 1260px) {
    .whboxes_type1 .whboxes_type1_itm p span,
    .whboxes_type1 .whboxes_type1_itm p .orange_txt {
        font-size: 18px;
    }
}
@media screen and (max-width: 960px) {
    .whboxes_type1 {
        gap: 16px;
    }
    .whboxes_type1 .whboxes_type1_itm p span,
    .whboxes_type1 .whboxes_type1_itm p .orange_txt {
        font-size: 16px;
    }
}
@media screen and (max-width: 880px) {
    .whboxes_type1 {
        flex-direction: column;
        width: 87.47%;
        margin-top: 16px;
    }
    .whboxes_type1 .whboxes_type1_itm {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .whboxes_type1 .whboxes_type1_itm p span,
    .whboxes_type1 .whboxes_type1_itm p .orange_txt {
        font-size: 18px;
    }


    .whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub{
        width: 85.37%;
    }

    .whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub > span {
        font-size: 24px;
    }
    .whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub ul {
        padding-left: 28px;
    }
    .whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub ul li,
    .whboxes_type1 .whboxes_type1_itm .whboxes_type1_sol_pub ul li .redtxt {
        font-size: 18px;
    }
}

.whboxes_type2 {
    display: flex;
    width: 95%;
    max-width: 1280px;
    background: var(--white, #FFF);
    padding-top: 32px;
    padding-bottom: 32px;
    justify-content: center;
    gap: 80px;
    align-items: center;
}
.whboxes_type2 .whboxes_type2_main {
    display: flex;
    width: 95%;
    align-items: center;
    justify-content: center;
    gap: 80px;
}
.whboxes_type2 .whboxes_type2_left{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 650px;
}
.whboxes_type2 .whboxes_type2_left span{
    color: var(--black, #252729);
    font-size: 24px;
    line-height: normal;
}
.whboxes_type2 .whboxes_type2_left .wh_black_txt{
    color: var(--black, #252729);
    font-size: 32px;
    line-height: normal;
}
.whboxes_type2 .whboxes_type2_left .blue_txt{
    color: var(--blue, #0974E8);
    font-size: 32px;
    line-height: normal;
}
.whboxes_type2 .whboxes_type2_left span br{
    display: none;
}

.whboxes_type2 .left_cx {

}
.whboxes_type2 .left_public{
    max-width: 421px;
}

.whboxes_type2 .whboxes_type2_right{
    display: flex;
    width: 100%;
    max-width: 321px;
}
.whboxes_type2 .whboxes_type2_right img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 321px;
}
.whboxes_type2 .whboxes_type2_left .wh_black_txt .wh_lgr_txt{
    color: var(--black, #252729);
    font-size: 32px;
    line-height: normal;
}
.whboxes_type2 .whboxes_type2_left .wh_black_txt .wh_mini_txt{
    display: none;
}

@media screen and (max-width: 1020px) {
    .whboxes_type2 .whboxes_type2_left .blue_txt,
    .whboxes_type2 .whboxes_type2_left .wh_black_txt,
    .whboxes_type2 .whboxes_type2_left .wh_black_txt .wh_lgr_txt {
        display: contents;
    } 
}
@media screen and (max-width: 880px) {
    .whboxes_type2 {
        width: 87.47%;
    }
    .whboxes_type2 .whboxes_type2_left {
        width: 89.861%;
    }
    .whboxes_type2 .whboxes_type2_main {
        flex-direction: column;
        width: 95%;
        gap: 16px;
    }
    .whboxes_type2 .whboxes_type2_left span br{
        display: block;
    }
    .whboxes_type2 .whboxes_type2_left span{
        font-size: 14px;
        text-align: center;
        line-height: inherit;
    }
    .whboxes_type2 .whboxes_type2_left .wh_black_txt .wh_lgr_txt{
        display: none;
    }
    .whboxes_type2 .whboxes_type2_left .wh_black_txt .wh_mini_txt{
        display: contents;
        color: var(--black, #252729);
        font-size: 18px;
        line-height: normal;
    }
    .whboxes_type2 .whboxes_type2_left .blue_txt,
    .whboxes_type2 .whboxes_type2_left .wh_black_txt{
        display: contents;
    } 
    .whboxes_type2 .whboxes_type2_left .blue_txt,
    .whboxes_type2 .whboxes_type2_left .wh_black_txt {
        font-size: 18px;
    }
    .whboxes_type2 .left_cx .whboxes_type2 .whboxes_type2_left .blue_txt, 
    .whboxes_type2 .left_cx .wh_black_txt{
        display: flex;
    }
    .whboxes_type2 .left_cx {
        align-items: center;
    }
}

/* public title div  */
.wh_type3_public_title{
    display: flex;
    /* flex-direction: column; */
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.wh_type3_public_title span{
    color: var(--black, #252729);
    text-align: center;
    font-size: 40px;
    line-height: normal;
}

@media screen and (max-width: 880px) {
    .wh_type3_public_title{
        flex-direction: column;
    }
    .wh_type3_public_title span{
        font-size: 24px;
    }
}


.whboxes_type3{
    display: flex;
    width: 95%;
    max-width: 1280px;
    gap: 32px;
}

.whboxes_type3 .whboxes_type3_itm{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 6px;
    background: var(--white, #FFF);
    padding-top: 32px;
    padding-bottom: 32px;
    gap: 32px;
}
.whboxes_type3 .whboxes_type3_itm .imgbox{
    display: flex;
    width: 100%;
    justify-content: center;
}
.whboxes_type3 .whboxes_type3_itm .imgbox img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 280px;
}
.whboxes_type3 .whboxes_type3_itm .txtbox{
    display: flex;
    flex-direction: column;
    width: 84.13%;
    align-self: center;
    gap: 32px;
}
.whboxes_type3 .whboxes_type3_itm .txtbox  .toptxt{
    display: flex;
    flex-direction: column;
    text-align: center;
    min-height: 105px;
    justify-content: center;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span{
    color: var(--blue, #0974E8);
    text-align: center;
    font-size: 24px;
    line-height: normal;
}
.whboxes_type3 .whboxes_type3_itm .txtbox .bottxt{
    display: flex;
}
.whboxes_type3 .whboxes_type3_itm .txtbox .bottxt span{
    color: var(--black, #252729);
    font-size: 14px;
    font-weight: 400;
    line-height: 200%; /* 28px */
}

.type3_public .whboxes_type3_itm .txtbox .toptxt {
    min-height: unset;
}
.type3_public .whboxes_type3_itm ,
.type3_public .whboxes_type3_itm .txtbox {
    gap: 24px;
}

@media screen and (max-width: 1350px) {
    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span {
        font-size: 20px;
    }
}
@media screen and (max-width: 1150px) {
    .whboxes_type3 {
        gap: 16px;
    }
    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span {
        font-size: 18px;
    }
}
@media screen and (max-width: 990px) {
    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span {
        font-size: 16px;
    }
}

@media screen and (max-width: 880px) {
    .whboxes_type3 {
        width: 87.47%;
    }
    .whboxes_type3 {
        flex-direction: column;
    }
    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span {
        font-size: 18px;
    }
    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span br{
        display: none;
    }
    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt {
        min-height: unset;
    }
    .whboxes_type3 .whboxes_type3_itm .txtbox {
        gap: 16px;
        width: 84.76%;
    }
    .whboxes_type3 .whboxes_type3_itm {
        padding-top: 24px;
        padding-bottom: 24px;
        gap: 16px;
    }

    .type3_public .whboxes_type3_itm .txtbox {
        width: 85.37%;
    }
    .type3_public .whboxes_type3_itm .imgbox img{
        max-width: 240px;
    }
}
@media screen and (max-width: 550px) {
    .type3_public .whboxes_type3_itm .txtbox .toptxt{
        align-items: center;
    }
    .type3_public .whboxes_type3_itm .txtbox .toptxt span{
        display: flex;
    }
}


/* solutions/cx type  */
.whboxes_type3_cx{
    display: flex;
    flex-direction: column;
    width: 95%;
    max-width: 1280px;
    gap: 32px;
}
.whboxes_type3_cx .wh_type3_cx_title{
    display: flex;
    justify-content: center;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.whboxes_type3_cx .wh_type3_cx_title span{
    color: var(--black, #252729);
    text-align: center;
    font-size: 40px;
    line-height: normal;
}
.whboxes_type3_cx .wh_type3_cx_cols{
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(2, 1fr);
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm{
    display: flex;
    border-radius: 6px;
    background: var(--white, #FFF);
    padding-top: 32px;
    padding-bottom: 32px;
    justify-content: center;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_main{
    display: flex;
    width: 89.746%;
    flex-direction: column;
    gap: 24px;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top{
    display: flex;
    gap: 32px;
    justify-content: space-between;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .wh_type3_cx_itm_top_txtbox{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .numbox{
    display: flex;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .numbox span{
    color: var(--black, #252729);
    text-align: center;
    
    font-size: 40px;
    line-height: normal;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .subtitlebox{
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .subtitlebox span{
    color: var(--black, #252729);
    font-size: 14px;
    font-weight: 400;
    line-height: 200%; /* 28px */
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox{
    display: flex;
    flex-direction: column;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox span{
    color: var(--blue, #0974E8);
    font-size: 24px;
    line-height: normal;
}

.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .wh_type3_cx_itm_top_imgbox{
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 180px;
}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .wh_type3_cx_itm_top_imgbox img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 180px;
}

.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_bot{

}
.whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_bot span{
    color: var(--black, #252729);
    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
}
@media screen and (max-width: 1262px) {
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox span {
        color: var(--blue, #0974E8);
        font-size: 20px;
        line-height: normal;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top {
        gap: 20px;
    }
}
@media screen and (max-width: 1150px) {
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox span br{
        display: none;
    }
}

@media screen and (max-width: 880px) {
    .whboxes_type3_cx .wh_type3_cx_title {
        display: none;
    }
    .whboxes_type3_cx .wh_type3_cx_cols {
        grid-gap: 16px;
        grid-template-columns: repeat(1, 1fr);
        width: 92.071%;
        align-self: center;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_main {
        width: 85.37%;
        gap: 16px;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .wh_type3_cx_itm_top_imgbox img {
        max-width: 240px;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox {
        display: flex;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox span br{
        display: block;
    }

    .whboxes_type3 .whboxes_type3_itm .txtbox .toptxt span .public_br_txt {
        display: block;
    }
}
@media screen and (max-width: 650px) {
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top {
        flex-direction: column;
        gap: 16px;
        justify-content: space-between;
        align-items: center;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .wh_type3_cx_itm_top_txtbox {
        width: 100%;
    }
}   
@media screen and (max-width: 450px) {
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .numbox span {
        font-size: 32px;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_top .mtitlebox span {
        font-size: 18px;
    }
    .whboxes_type3_cx .wh_type3_cx_cols .wh_type3_cx_itm .wh_type3_cx_itm_bot span {
        font-size: 14px;
    }
}



.whboxes_type4{
    display: flex;
    width: 95%;
    max-width: 1280px;
    background: var(--white, #FFF);
    padding-top: 32px;
    padding-bottom: 32px;
    justify-content: center;
    /* gap: 80px; */
    align-items: center;
}
.whboxes_type4 .whboxes_type4_main{
    display: flex;
    width: 95%;
    justify-content: center;
    gap: 32px;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .videobox{
    display: flex;
    max-width: 592px;
    width: 100%;
}
/* .whboxes_type4 .whboxes_type4_main .whboxes_type4_left .videobox video, */ 
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .videobox video{
    display: block;
    width: 100%;
    height: auto;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox{
    display: flex;
    margin-top: 16px;
    justify-content: end;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox > a{
    border-style: none;

    border-radius: 3px;
    border: 1px solid var(--blue, #0974E8);
    display: flex;
    max-width: 124px;

    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox > a svg{
    
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox > a span{
    color: var(--blue, #0974E8);
    text-align: center;

    font-size: 14px;
    line-height: normal;
}

.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox > a:hover,
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox > a:hover span{
    transition: all .3s;
    color: var(--blue-10, #075BB7);
    border-color: var(--blue-10, #075BB7);
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox > a:hover svg path{
    transition: all .3s;
    stroke: var(--blue-10, #075BB7);
}

.whboxes_type4 .whboxes_type4_main .whboxes_type4_right{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_right > span{
    color: var(--black, #252729);

    font-size: 24px;
    line-height: normal;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_right p{
    display: flex;
    flex-direction: column;
}
.whboxes_type4 .whboxes_type4_main .whboxes_type4_right p span{
    color: var(--black, #252729);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 32px */
}

@media screen and (max-width: 880px) {
    .whboxes_type4 .whboxes_type4_main {
        flex-direction: column;
        gap: 0px;
        width: 85.37%;
    }
    .whboxes_type4 {
        width: 87.47%;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .whboxes_type4 .whboxes_type4_main .whboxes_type4_left .btnbox {
        display: none;
    }
    .whboxes_type4 .whboxes_type4_main .whboxes_type4_left {
        align-items: center;
    }
    .whboxes_type4 .whboxes_type4_main .whboxes_type4_right {
        padding-top: 16px;
        padding-bottom: 0px;
    }
}
@media screen and (max-width: 650px) {
    .whboxes_type4 .whboxes_type4_main .whboxes_type4_right > span {
        font-size: 18px;
    }
    .whboxes_type4 .whboxes_type4_main .whboxes_type4_right p span {
        font-size: 14px;
    }
}

/* テックタッチの機能 */
/* main margin - > custom  */
.section_main_sol_type2{
    padding-bottom: 0px;
}

.solution_blue_box{
    display: flex;
    justify-content: center;
    max-width: 1280px;
    width: 95%;
    flex-direction: column;
    background: var(--blue-50, #F1F8FE);
    padding-top: 32px;
    padding-bottom: 60px;
    gap: 32px;
}
.solution_blue_box .sol_topbox{
    display: flex;
    width: 95%;
    max-width: 1120px;
    align-self: center;
    gap: 80px;
}
.solution_blue_box .sol_topbox .infobox{
    display: flex;
    width: 100%;
    gap: 32px;
    align-self: center;
}
.solution_blue_box .sol_topbox .infobox .imgbox{
    display: flex;
    width: 100%;
    max-width: 200px;
    align-items: center;
}
.solution_blue_box .sol_topbox .infobox .imgbox img{
    display: block;
    width: 100%;
    height: auto;
}
.solution_blue_box .sol_topbox .infobox .txtbox{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.solution_blue_box .sol_topbox .infobox .txtbox > h3{
    color: var(--blue, #0974E8);
    font-size: 32px;
    line-height: normal;
    width: 104%;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.solution_blue_box .sol_topbox .infobox .txtbox p{
    margin: 0;
    color: var(--black, #252729);
    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
}
.solution_blue_box .sol_topbox .videobox{
    display: flex;
    width: 100%;
    max-width: 450px;
    align-items: anchor-center;
}
.solution_blue_box .sol_topbox .videobox video,
.solution_blue_box .sol_topbox .videobox img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
.solution_blue_box .sol_botbox{
    display: flex;
    width: 95%;
    max-width: 1120px;
    align-self: center;
    gap: 32px;
}
.solution_blue_box .sol_botbox .sol_itm{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    flex: 1;
}
.solution_blue_box .sol_botbox .sol_itm .imgbox{
    display: flex;
    justify-content: center;
    width: 100%;

    aspect-ratio: 16/9; 
    overflow: hidden;
}
.solution_blue_box .sol_botbox .sol_itm .imgbox picture{
    aspect-ratio: 1;
    display: flex;
    width: 100%;
}
.solution_blue_box .sol_botbox .sol_itm .imgbox img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.solution_blue_box .sol_botbox .sol_itm .imgbox video{

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution_blue_box .sol_botbox .sol_itm .imgbox .rpaimg{
    object-fit: contain;
}

.solution_blue_box .sol_botbox .sol_itm .txtbox{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt{
    display: flex;
    flex-direction: column;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span{
    color: var(--blue, #0974E8);
    text-align: center;

    font-size: 24px;
    line-height: normal;
}
.solution_blue_box .sol_botbox .sol_itm .txtbox .second_txt{
    color: var(--black, #252729);
    font-size: 14px;
    
    font-weight: 400;
    line-height: 200%; /* 28px */
}
.solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span .pc_sol_func_br{
    display: block;
}
.solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span .sp_sol_func_br{
    display: none;
}

@media screen and (max-width: 1200px) {
    .solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span{
    
        font-size: 19px;
    }
}


@media screen and (max-width: 1000px) {
    .solution_blue_box .sol_topbox {
        gap: 40px;
    }
    .solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span{
    
        font-size: 16px;
    }
}


@media screen and (max-width: 880px) {
    .solution_blue_box .sol_topbox {
        flex-direction: column;
        align-items: center;
        width: 85.37%;
        gap: 16px;
    }
    .solution_blue_box .sol_botbox {
        flex-direction: column;
        width: 85.37%;
    }
    .solution_blue_box .sol_topbox .videobox {
        max-width: 592px;
    }
    .solution_blue_box .sol_botbox .sol_itm .imgbox {
        max-width: 592px;
        align-self: center;
    }
    .solution_blue_box {
        width: 87.469%;
        padding-bottom: 24px;
        padding-top: 24px;
    }
    .solution_blue_box .sol_topbox .infobox .txtbox {
        gap: 16px;
    }
    .solution_blue_box .sol_topbox .infobox {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .solution_blue_box .sol_botbox .sol_itm {
        gap: 16px;
    }
    .solution_blue_box .sol_botbox .sol_itm .txtbox {
        gap: 16px;
    }
    .solution_blue_box .sol_topbox .infobox .txtbox > h3{
        text-align: center;
        font-size: 20px;
    }
    .solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span{
    
        font-size: 18px;
    }
    .solution_blue_box .sol_topbox .infobox .txtbox p{
        font-size: 14px;
    }
    .solution_blue_box .sol_botbox .sol_itm .txtbox .txt_lst{
        flex-direction: row;
        justify-content: center;
    }

    .solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt {
        display: inline-table;
        align-self: center;
        max-width: 280px;
        text-align: center;
        font-size: 0;
    }
    .solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span .pc_sol_func_br{
        display: none;
    }
    .solution_blue_box .sol_botbox .sol_itm .txtbox .first_txt span .sp_sol_func_br{
        display: block;
    }
}


/* solution ex page cta  */
.solution_ex_cta{
    display: flex;
    justify-content: center;
    max-width: 1280px;
    width: 95%;
    flex-direction: column;
    background: var(--blue-50, #F1F8FE);
    padding-top: 80px;
    padding-bottom: 80px;
}
.solution_ex_cta .solution_ex_cta_main{
    display: flex;
    width: 95%;
    align-self: center;
    max-width: 946px;
    gap: 20px;
    align-items: center;
}
.solution_ex_cta .txtbox{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.solution_ex_cta .txtbox > h2{
    color: var(--blue, #0974E8);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.solution_ex_cta .txtbox > p{
    margin: 0;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 32px;
}
.solution_ex_cta .txtbox > p span{
    color: var(--black, #252729);

    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
}
.solution_ex_cta .txtbox > div {
    display: flex;
    width: 100%;
}
.solution_ex_cta .txtbox > div > a{
    max-width: 240px;
}
.solution_ex_cta .txtbox .miniimgbox{
    display: none;
}
.solution_ex_cta .txtbox .miniimgbox img{
    display: block;
    width: 100%;
    height: auto;
}

.solution_ex_cta .imgbox{
    display: flex;
    width: 100%;
    max-width: 480px;
    align-items: center;
}
.solution_ex_cta .imgbox img{
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 880px) {
    .solution_ex_cta .solution_ex_cta_main {
        flex-direction: column;
        width: 87.201%;
    }
    .solution_ex_cta .imgbox{
        display: none;
    }
    .solution_ex_cta .txtbox .miniimgbox{
        display: flex;
        margin-top: 16px;
        max-width: 480px;
        align-self: center;
    }
    .solution_ex_cta {
        width: 100%;
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .solution_ex_cta .txtbox > h2 {
        display: flex;
        align-self: center;
    }
    .solution_ex_cta .txtbox > p {
        margin-top: 16px;
        margin-bottom: 24px;
        text-align: center;
    }
    .solution_ex_cta .txtbox > div {
        justify-content: center;
    }
    .solution_ex_cta .txtbox > div > a {
        max-width: 327px;
    }
}
@media screen and (max-width: 600px) {
    .solution_ex_cta .txtbox > h2 {
        font-size: 20px;
    }
    .solution_ex_cta .txtbox > p {
        text-align: left;
    }
    .solution_ex_cta .txtbox > p span {
        font-size: 14px;
    }
    
}

/* solutions bot form parts */
.sol_form_main{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 95%;
    max-width: 640px;
}
.sol_form_main .sol_form_top_deco{
    display: flex;
    gap: 24px;
    align-items: center;
}
.sol_form_main .sol_form_top_deco .miniformtitlebox{
    display: none;

}
.sol_form_main .sol_form_top_deco .miniformtitlebox span{
    color: var(--blue, #0974E8);
    text-align: center;
    font-size: 24px;
    line-height: normal;
    letter-spacing: inherit;
    font-feature-settings: normal;
}

.sol_form_main .sol_form_top_deco .imgbox{
    display: flex;
}
.sol_form_main .sol_form_top_deco .imgbox img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 140px;
}
.sol_form_main .sol_form_top_deco .txtbox{
    
}
.sol_form_main .sol_form_top_deco .txtbox > span{
    color: var(--black, #252729);
    text-align: center;
    font-size: 24px;
    line-height: normal;
}
.sol_form_main .sol_form_top_deco .txtbox > ul{
    display: flex;
    flex-direction: column;
    list-style: disc;
    padding: revert;
    padding-left: 27px;
}
.sol_form_main .sol_form_top_deco .txtbox > ul > li{
    color: var(--black, #252729);

    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
}

.sol_form_main .sol_form_top_deco .txtbox p{
    display: flex;
    flex-direction: column;
}
.sol_form_main .sol_form_top_deco .txtbox p span{
    color: var(--black, #252729);
    font-size: 24px;
    line-height: normal;
}
.sol_form_main .sol_form_top_deco .txtbox .sol_public_txt{
    color: var(--black-0, #252729);
    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
    margin-top: 16px;
    display: flex;
}


.sol_form_main .sol_form_area{
    display: flex;
    padding-top: 32px;
    padding-bottom: 32px;
    flex-direction: column;
    border-radius: 6px;
    background: var(--white, #FFF);
}
.sol_form_main .sol_form_area .title{
    display: flex;
    flex-direction: column;
    text-align: center;
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.sol_form_main .sol_form_area .title span{
    color: var(--blue, #0974E8);
    text-align: center;

    font-size: 20px;
    line-height: normal;
}
.sol_form_main .sol_form_area .title .blue_txt_lgr{
    font-size: 32px;
}

/* bottom form custom */
.sol_form_main .sol_form_area .bot_form_main{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.sol_form_main .sol_form_area .bot_form_main .hbspt-form{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}
.sol_form_main .sol_form_area .bot_form_main .hbspt-form form{
    
}
.sol_form_main .sol_form_area .bot_form_main .btndiv{
    display: flex;
    width: 100%;
    justify-content: center;
}
.sol_form_main .sol_form_area .bot_form_main .btndiv button span{
    color: var(--white,  #FFF);
    text-align: center;

    font-size: 14px;
    line-height: normal;
}

@media screen and (max-width: 650px) {
    .sol_form_main {
        gap: 0px;
    }
    .sol_form_main .sol_form_area .bot_form_main .hbspt-form form {
        width: 91.79%;
    }
    .sol_form_main .sol_form_top_deco {
        flex-direction: column;
    }
    .sol_form_main .sol_form_top_deco .txtbox > span {
        display: flex;
        justify-content: center;
        font-size: 20px;
    }
    .sol_form_main .sol_form_area {
        background: transparent;
        padding-bottom: 0;
    }
    .sol_form_main .sol_form_top_deco .miniformtitlebox{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        letter-spacing: inherit;
        font-feature-settings: normal;
    }
    .sol_form_main .sol_form_area .title {
        display: none;
    }
    .sol_form_main .sol_form_top_deco .imgbox img {
        max-width: 240px;
    }

    .sol_form_main .sol_form_top_deco .txtbox p span{
        font-size: 20px;
    }
    
    .sol_form_main .sol_form_top_deco .txtbox .sol_public_txt{
        margin-top: 0;
        text-align: left;
    }
}
@media screen and (max-width: 450px) {
    .sol_form_main .sol_form_top_deco .txtbox {
        width: 91.79%;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

.solutiontype{

}
.solutiontype .card_list{
    width: 95%;
    display: flex;
    gap: 24px;
    justify-content: center;
}
.solutiontype .card_list .card-container {

}
.solutiontype .btn_div{
    display: flex;
}
.solutiontype .btn_div a{
    color: var(--blue, #0974E8);
    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
    cursor: pointer;
    text-decoration: none;
}
.solutiontype .btn_div a:hover{
    color: var(--blue-10, #075BB7);
    transition: all .3s;
}

.card_list_main{
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
}

.card_list_main .card-list{
    display: flex;
    gap: 24px;
    width: 95%;
    align-self: center;
    justify-content: center;
}
.card_list_main .btn_div{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
@media screen and (max-width: 880px) {
    .solutiontype .card_list {
        width: 87.47%;
    }
    .card_list_main .card-list{
        width: 87.47%;
    }
    .card_list_main .btn_div{
        margin-top: 24px;
    }
}
@media screen and (max-width: 767px) {
    .card_list_main .card-list{
        flex-direction: column;
    }
    .solutiontype .card_list {
        flex-direction: column;
    }
}

/* hubspot form  */

.cta_wh_type_custom{
    gap: 40px;
    display: flex;
    width: 95%;
    max-width: 865px;
    justify-content: space-between;
}
.cta_wh_type_custom_left{
    display: flex;
    flex-direction: column;
}
.cta_wh_type_custom_left .lgr_txt{
    letter-spacing: inherit;
    font-feature-settings: normal;
}
.cta_wh_type_custom_left .lgr_txt span{
    color: var(--blue, #0974E8);
    font-size: 40px;
    line-height: normal;    
}
.cta_wh_type_custom_left .sub_txt{
    display: flex;
    margin-top: 24px;
    flex-direction: column;
    margin-bottom: 32px;
}
.cta_wh_type_custom_left .sub_txt span{
    color: var(--black, #252729);
    font-size: 16px;
    font-weight: 400;
    line-height: 200%; /* 32px */
}
.cta_wh_type_custom_left .btn_div{
    
}
.cta_wh_type_custom_left .btn_div a{
    max-width: 327px;
}
.cta_wh_type_custom_right{
    display: flex;
}
.cta_wh_type_custom_right .mini_txt{
    display: none;
}
.cta_wh_type_custom_right .mini_txt span{
    color: var(--blue, #0974E8);
    text-align: center;

    font-size: 20px;
    line-height: normal;
}
.cta_wh_type_custom_right .imgbox{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.cta_wh_type_custom_right .imgbox img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 240px;   
}

/* lgwan custom  */
.lgwancta{
    max-width: 991px;
    align-items: center;
}
.lgwancta .cta_wh_type_custom_left{
    max-width: 711px;
    width: 100%;

}
.lgwancta .cta_wh_type_custom_left .sub_txt{
    margin-bottom: 0;
}
.lgwancta .cta_wh_type_custom_right{
    width: 100%;
    max-width: 240px;
}

@media screen and (max-width: 880px) {
    .cta_wh_type_custom {
        width: 87.202%;
    }
    .cta_wh_type_custom_left .lgr_txt span {
        font-size: 35px;
    }
    .lgwancta .cta_wh_type_custom_right {
        max-width: unset;
    }
    .lgwancta .cta_wh_type_custom_right .mini_txt span {
        text-align: left;
        font-size: 24px;
    }
}
@media screen and (max-width: 780px) {
    .cta_wh_type_custom {
        flex-direction: column-reverse;
        gap: 16px;
    }
    .cta_wh_type_custom_left {
        align-self: center;
    }
    .cta_wh_type_custom_right .mini_txt {
        display: flex;
        justify-content: center;
        letter-spacing: inherit;
        font-feature-settings: normal;
    }
    .cta_wh_type_custom_left .lgr_txt {
        display: none;
    }
    .cta_wh_type_custom_left .sub_txt {
        margin-top: 0px;
        margin-bottom: 24px;
    }
    .cta_wh_type_custom_right {
        flex-direction: column;
        gap: 16px;
    }
    .cta_wh_type_custom_left .btn_div {
        display: flex;
        justify-content: center;
    }
    .cta_wh_type_custom_left .sub_txt span {
        display: contents;
        font-size: 14px;
    }
    .lgwancta{
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

/* public page cta padding custom  */
.sol_public_support_cta .section_main{
    padding-top: 0;
}

/* public page card list (fv) custom  */
.sol_public_card_list_section{
    display: flex;
    width: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
.sol_public_card_list_section ul{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 95%;
    max-width: 1188px;
}
.sol_public_card_list_section .btn_div{
    display: flex;
    width: 100%;
    justify-content: center;
}
@media screen and (max-width: 880px) {
    .sol_public_card_list_section ul {
        width: 87.47%;
    }
    .sol_public_card_list_section{
        margin-top: 64px;
        margin-bottom: 64px;
    }
}
@media screen and (max-width: 767px) {
    .sol_public_card_list_section ul{
        grid-template-columns: repeat(1,1fr);
    }
}


.cx_support_cta .section_main{
    padding-top: 0;
}