/***********************************************/
/* 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;
}

.kl-navbar>a:first-of-type {
    height: 32px;
    width: 177px;
}

#hs_cos_wrapper_widget_1631087120018 {
    position: relative;
}

.mvBtnlink {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    background-color: #fb7c17;
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

.mvBtnlink:hover {
    text-decoration: none;
}

.body-container-wrapper .widget-type-cta,
.body-container-wrapper .widget-type-cta:hover {
    background-color: transparent;
}

.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;
}

div#hs_cos_wrapper_widget_1698044936368 label {
    color: #fff;
}

.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_c624a624-edaa-469a-9d54-fa9b2260c9cf {
    display: inline-block;
}


#cta_button_8787918_c624a624-edaa-469a-9d54-fa9b2260c9cf 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;
}

/*****************************************/
/* form                                  */
/*****************************************/

#hs_cos_wrapper_widget_1701824743931 label {
    color: #fff;
}

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

/* SP */
@media only screen and (max-width: 768px) {
    /* mv下ボタン */
    .row-number-2 .dnd-section {
        padding-top: 20px;
        padding-bottom: 20px !important;
    }

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

    /* 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;
    }
}

.cell_1675832329472-row-1-vertical-alignment .kl-card__image {
    position: relative;
    aspect-ratio: 1080/540;
    overflow: hidden;
}

.cell_1675832329472-row-1-vertical-alignment .kl-card__image > img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}

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

}

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

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

    /* 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;
    }


}


@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);

    }

    .cell_1675832329472-row-1-vertical-alignment > .row-fluid {
        align-items: stretch;
    }

}

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

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

#hs_cos_wrapper_widget_1652944059158 {
    background-color: transparent;
}


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

    .mvBtnlink {
        bottom: 86px;
        width: 320px;
        height: 60px;
        font-size: 24px;
        border-radius: 20px;
    }

    .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;
    }

    .cell_1675832329472-row-1-vertical-alignment .kl-card_tagListWrap {
        min-height: 10em;
    }

    .cell_1675832329472-row-1-vertical-alignment > .row-fluid {
        align-items: stretch;
    }
    /*.dnd_area-row-9-padding {*/
    /*    padding-bottom: 80px !important;*/
    /*}*/
}

@media only screen and (min-width: 768px)and (max-width: 1500px) {
    .mvBtnlink {
        bottom: 5.73vw;
        width: 21.3vw;
        height: 4vw;
        font-size: 1.6vw;
        border-radius: 1.33vw;
    }
    .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_c624a624-edaa-469a-9d54-fa9b2260c9cf {
        width: 16.67vw;
    }
}

/* SP */
@media only screen and (max-width: 768px) {
    .kl-navbar.content-wrapper > a {
        display: block;
        width: 177px;
        height: auto;
    }

    .mvBtnlink {

        bottom: 17vw;
        width: 80vw;
        height: 14vw;
        font-size: 6vw;
        border-radius: 4vw;
        bottom: 17vw;
    }

    #hs_cos_wrapper_widget_1631087120018 {
        width: 100vw;
        height: 153.6vw;
        background-image: url('https://landing.neuromagic.com/hubfs/240h9_AI_seminar/img/sp/bg_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;
    }

    #cta_button_8787918_c624a624-edaa-469a-9d54-fa9b2260c9cf {
        display: block;
        width: 85vw;
        margin-right: auto;
        margin-left: 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: 320px;
    }

}