/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/* セミナーLP共通 */
{
%
include
'../../common/css/seminar.css'
%
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

button, .button {
    color: #fff;
    background-color: #FB7C17;
    -webkit-transition: opacity .15s linear, border-color .15s linear, color .15s linear;
    -o-transition: opacity .15s linear, border-color .15s linear, color .15s linear;
    transition: opacity .15s linear, border-color .15s linear, color .15s linear;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active {
    background-color: #FB7C17;
    border-color: #FB7C17;
    opacity: 0.7;
}

.buttonBlack {
    -webkit-transition: opacity .15s linear, border-color .15s linear, color .15s linear;
    -o-transition: opacity .15s linear, border-color .15s linear, color .15s linear;
    transition: opacity .15s linear, border-color .15s linear, color .15s linear;
}

.buttonBlack:hover,
.buttonBlack:focus,
.buttonBlack:active {
    opacity: 0.7;
}


.ttlTxt,
.ttlLine {
    display: block;
}

.ttlLine {
    padding-top: 20px;
}

.row-number-1.dnd_area-row-0-background-image > .row-fluid {
    position: relative;
    float: none;
    display: block;
    max-width: 1500px;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.row-number-1.dnd_area-row-0-background-image > .row-fluid > .dnd-column {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.row-number-1.dnd_area-row-0-background-image span {
    display: block;
    text-align: left;
}


.row-number-1.dnd_area-row-0-background-image .row-number-3 {
    position: absolute;
    right: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%;*/
    margin-right: auto;
    margin-left: auto;
}

#cta_button_8787918_11468eaf-ad5f-420a-bf0d-d4ed45420a4c {
    display: inline-block;
}


#cta_button_8787918_11468eaf-ad5f-420a-bf0d-d4ed45420a4c img {
    max-width: inherit !important;
    width: 100%;
    height: auto;
}

.widget_1653451293852-flexbox-positioning {
    display: block !important;
}

#hs_cos_wrapper_widget_1653451293852 {
    background-color: transparent;
    border: 0;
}

#hs_cos_wrapper_widget_1636634114566 {
    background-color: transparent;
}

.row-number-20 {
    position: relative;
}

#cta_button_8787918_fa02aa72-a317-4dab-9903-6ecd867a6634 img {
    width: 100% !important;
    height: auto !important;
}


/*****************************************/
/* フロントエンド対応ここから（手動更新分） */
/*****************************************/

.dnd_area-row-2-padding.dnd-section {
    padding-bottom: 0 !important;
}

.widget-type-cta {
    background-color: transparent !important;
}

#hs_cos_wrapper_widget_1652944059158,
#hs_cos_wrapper_widget_1675230061008 {
    background-color: transparent;
}

#cta_button_8787918_fa02aa72-a317-4dab-9903-6ecd867a6634 {
    -webkit-transition: opacity .15s linear, border-color .15s linear, color .15s linear;
    -o-transition: opacity .15s linear, border-color .15s linear, color .15s linear;
    transition: opacity .15s linear, border-color .15s linear, color .15s linear;
}

#cta_button_8787918_fa02aa72-a317-4dab-9903-6ecd867a6634:hover,
#cta_button_8787918_fa02aa72-a317-4dab-9903-6ecd867a6634:focus,
#cta_button_8787918_fa02aa72-a317-4dab-9903-6ecd867a6634:active {
    opacity: 0.7;
}

/* mv */
#hs_cos_wrapper_widget_1653451293852 {
    position: relative;
    width: 100%;
    height: 100%;
}

#hs_cos_wrapper_widget_1653451293852_ {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#hs-cta-img-72349629-798a-4dfe-a61c-825dc85c9b9f {
    width: 100%;
}

/* お申し込み */
#hs_cos_wrapper_widget_1734327188679 #hs_form_target_widget_1734327188679 input[type="text"],
#hs_cos_wrapper_widget_1734327188679 #hs_form_target_widget_1734327188679 input[type="email"],
#hs_cos_wrapper_widget_1734327188679 #hs_form_target_widget_1734327188679 input[type="tel"],
#hs_cos_wrapper_widget_1734327188679 #hs_form_target_widget_1734327188679 select {
    color: #000 !important;
}


.cell_1675067419684-vertical-alignment.cell_1675067419684-padding.dnd-column,
.dnd-column.cell_1734997215784-vertical-alignment.cell_1734997215784-padding {
    position: relative;
    padding-bottom: 60px;
}

.cell_1675067419684-vertical-alignment.cell_1675067419684-padding.dnd-column #hs_cos_wrapper_widget_1675067791105,
.dnd-column.cell_1734997215784-vertical-alignment.cell_1734997215784-padding #hs_cos_wrapper_module_17349972157847 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#hs_cos_wrapper_module_17349972157846 p:last-child,
#hs_cos_wrapper_widget_1675067492533 p:last-child {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

/* PC */
@media only screen and (min-width: 768px) {

    .secTtl {
        margin-bottom: 40px !important;
    }

    /* mv */
    .row-number-1.dnd_area-row-0-background-image .row-number-3 {
        bottom: 73px;
        width: 770px;
    }

    #hs_cos_wrapper_widget_1653451293852_ {
        bottom: -36px;
    }

    /* mv下ボタン */
    .row-number-2 .dnd-section {
        padding-top: 40px;
        padding-bottom: 40px !important;
    }

    .row-number-4 .dnd-section {
        padding-top: 70px;
    }


    /* mbi */
    .row-number-19 {
        position: relative;

    }

    /*.row-number-20 .row-number-22 {*/
    /*    position: absolute;*/
    /*    bottom: 120px;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    margin-right: auto;*/
    /*    margin-left: auto;*/
    /*}*/
    /* このセミナーについて、セミナープログラム、こんな方におすすめ,お申し込み */
    .body-container > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-number-4,
    .body-container > .row-fluid-wrapper > .row-fluid > .widget-type-cell > .row-number-6 {
        max-width: 756px;
        margin-right: auto;
        margin-left: auto;
    }

    /* フッター近辺、Neuromagic、Havas紹介 */
    #hs_cos_wrapper_dnd_area-module-10,
    #hs_cos_wrapper_module_1636632980910 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        height: 215px;
    }

    .cell_1636632957825-vertical-alignment {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }


    .row-number-1.dnd_area-row-0-background-image {
        height: 612px;
    }

    .container-fluid .dnd-section {
        padding: 60px 20px;
    }

    .row-number-10 {
        max-width: 756px;
        margin-left: auto;
        margin-right: auto;
    }

    /*     .dnd_area-row-9-padding {
            padding-bottom: 80px !important;
        }
     */
    /*   おすすめのセミナー   */
    .body-container-wrapper .cell_1653979692486-row-1-vertical-alignment > .row-fluid {
        align-items: stretch;
    }

    .body-container-wrapper .cell_1653979692486-row-1-vertical-alignment > .row-fluid > .dnd-column {
        background-color: #fff;
    }
}

@media only screen and (min-width: 768px)and (max-width: 1500px) {
    .row-number-1.dnd_area-row-0-background-image {
        height: 40.8vw;
    }

    .row-number-1.dnd_area-row-0-background-image .row-number-3 {
        bottom: 4.86vw;
        width: 51.3vw;
    }

    #cta_button_8787918_11468eaf-ad5f-420a-bf0d-d4ed45420a4c {
        width: 16.67vw;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1240px) {
    /* mbi */
    .row-number-19 {
        position: relative;

    }

    /*.row-number-20 .row-number-22 {*/
    /*    position: absolute;*/
    /*    bottom: calc(80px + 3.2vw);*/
    /*}*/
}


/* SP */
@media only screen and (max-width: 768px) {
    /* mv */
    #hs_cos_wrapper_widget_1631087120018 {
        width: 100vw;
        height: 153.6vw;
        background-image: url('https://landing.neuromagic.com/hubfs/ai-seminar2/img/sp/img_mv_sp.jpg');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
    }

    #hs_cos_wrapper_widget_1631087120018 img {
        display: none;
    }


    /*.row-number-1.dnd_area-row-0-background-image .row-number-3 {*/
    /*    bottom: 15vw;*/
    /*}*/
    #hs_cos_wrapper_widget_1653451293852_ {
        bottom: 15vw;
        width: 86vw;
    }

    #hs-cta-270d24d4-e5c2-47e1-8790-196182854889 {
        text-align: center;
    }

    #cta_button_8787918_11468eaf-ad5f-420a-bf0d-d4ed45420a4c {
        display: block;
        width: 85vw;
        margin-right: auto;
        margin-left: auto;
    }

    /* mv下ボタン */
    .row-number-2 .dnd-section {
        padding-top: 20px;
        padding-bottom: 20px !important;
    }

    .row-number-4 .dnd-section {
        padding-top: 20px;
    }

    /* 講師紹介 */
    .cell_16550719773072-padding.dnd-column {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    /* mbi */
    /*.row-number-20 .row-number-22 {*/
    /*    position: absolute;*/
    /*    bottom: calc(40px + 3vw);*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    width: 45%;*/
    /*    margin-right: auto;*/
    /*    margin-left: auto;*/
    /*}*/
    /* フッター近辺、Neuromagic、Havas紹介 */
    #hs_cos_wrapper_dnd_area-module-10 .kl-logos,
    #hs_cos_wrapper_module_1636632980910 .kl-logos {
        padding: 0;
    }

    #hs_cos_wrapper_dnd_area-module-10 .kl-logos__item,
    #hs_cos_wrapper_module_1636632980910 .kl-logos__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #hs_cos_wrapper_dnd_area-module-10 img,
    #hs_cos_wrapper_module_1636632980910 img {
        width: 100%;
        height: auto;
    }

    .container-fluid .dnd-section {
        padding: 40px 20px;
    }

    /*     .dnd_area-row-9-padding {
            padding-bottom: 60px !important;
        } */
    /* 講師紹介 */
    #hs_cos_wrapper_module_16369517379045 img,
    #hs_cos_wrapper_widget_1631097806737 img,
    #hs_cos_wrapper_module_16528691176472 img {
        width: 100%;
    }

    .aboutLogo {
        width: 78vw;
        margin-right: auto;
        margin-left: auto;
    }

    .aboutLogoImg {
        width: 100% !important;
        max-width: inherit;
        height: auto !important;
    }

    /* 会社紹介 */
    .cell_16750668757143-row-3-vertical-alignment .cell_1675067419687-hidden {
        display: block !important;
    }

    #hs_cos_wrapper_widget_1675067201046 > .kl-logos > .kl-logos__item,
    #hs_cos_wrapper_widget_1675067419189 > .kl-logos > .kl-logos__item {
        flex-basis: 100%;
    }

    #hs_cos_wrapper_widget_1675067419189 {
        padding-top: 20px;
    }

    #hs_cos_wrapper_widget_1675067613589 .kl-rich-text p:last-child {
        padding-bottom: 0 !important;
    }

    .cell_16750664471572-padding {
        padding-top: 28px !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

}