@charset "UTF-8";
 /*
.seminarMainArea__imgArea {
    border-radius: 30px;
}
*/

.contents__inner {
    overflow: hidden;
}

.col_contents {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    position: relative;
}

.col_contents.fixed {
    /*flex-direction: column;*/
}
.wrap > main {overflow: inherit;}
.sideWrap {
    background: #000048;
    width: 460px;
    overflow-y: scroll;
    overflow-X: hidden;
    top: var(--header-height);
    position: sticky;
    height: calc(100vh - var(--header-height));
}
.sideWrap .side_inner {
    position: relative;
    padding: 40px;
}
.sideWrap .side_inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-style: solid;
    border-width: 81px 43px 0 0;
    border-color: #06C755 transparent transparent transparent;
}
.sideWrap .side_inner::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 81px 43px;
    border-color: transparent transparent #06C755 transparent;
}
.sideWrap .side_inner--red::before {
    border-color: #FF0033 transparent transparent transparent;
}
.sideWrap .side_inner--red::after {
    border-color: transparent transparent #FF0033 transparent;
}
.sideWrap .side_inner--navy::before {
    border-color: #7F7F9B transparent transparent transparent;
}
.sideWrap .side_inner--navy::after {
    border-color: transparent transparent #7F7F9B transparent;
}

.sideWrap.fixed {
   
}
 /* 
.sideWrap.fixed.fixed02 {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    height: calc(100vw - 88px);
}
*/
.sideWrap .txtBox {
    color: #fff;
    text-align: center;
}

.sideWrap .txtBox .ttl {
    margin-bottom: 39px;
    font-size: 36px;
    font-family: "UD新ゴ DB";
}

.sideWrap .txtBox .txt {
    font-size: 20px;
}

.sideWrap .txtBox .note {
    font-size: 14px;
    text-indent: -1em;
    padding: 1em;
}

.sideWrap form {
    background: #fff;
    width: 360px !important;
    padding: 30px;
    border-radius: 10px;
}

.sideWrap form * {
    width: 100% !important;
}
.mktoForm .mktoRequiredField label.mktoLabel {
    font-family: "UD新ゴ B";
    display: flex;
    align-items: center;
    flex-direction: row;
}
.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    display: block;
    width: auto!important;
    font-size: 0;
}
.mktoButtonRow {margin-left: 0!important;}
.mktoForm button.mktoButton {margin: 0!important}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
    display: inline-block !important;
}

.contents#SeminarNewTemplate {
    width: calc(100% - 460px);
}

.contents {}

.backBtn {
    width: 100%;
    margin-bottom: 60px;
}

.pagePannel__inner {
    min-width: 285px;
}

.formBtn {
    display: none;
}

.about__box {
    border-bottom: 1px dashed #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 32px;
}

.about__box+.about__box {
    padding-top: 32px;
}

.center {
    text-align: center;
}

.about__title {
    text-align: right;
    width: 35%;
}

.about__description {
    padding-left: 32px;
    width: 50%;
    text-align: left;
}

.about__detail {
    margin-top: 70px;
}

.contents__inner--small {
    max-width: 933px;
}

.interview__box {
    display: flex;
    padding: 60px 0;
    text-align: left;
}

.interview__box .interview__imgBox,
.interview__box .interview__imgBox--border {
    max-width: 240px;
    max-height: 240px;
    width: 24%;
    height: 24%;
    border-radius: 100%;
    margin-right: 50px;
    overflow: hidden;
}

.interview__box .interview__imgBox--border {
    border: 2px solid #ddd;
}

.interview__box .interview__imgBox img,
.interview__box .interview__imgBox--border img {
    width: 100%;
    height: 100%;
}

.interview__box .interview__txtBox {
    flex: 1 0 0%;
}

.interview__box .interview__txtBox .company {
    font-size: 1.4rem;
    color: #999;
}

.interview__box .interview__txtBox .subTtle {
    font-size: 1.4rem;
}

.interview__box .interview__txtBox .interviewee {
    font-size: 1.6rem;
    margin-bottom: 30px;
}

.interview__box .interview__txtBox .infoTxt {
    font-size: 1.6rem;
}

.interview__box__01 {
    border: 1px solid #E0E0E0;
    padding: 60px;
}

.interview__box__02 {
    border: 1px solid #06C755;
    padding: 60px;
}

.carouseSWPanelList,
.nonCarouseSWPanelList {
    overflow: hidden;
    max-width: 940px;
    margin: auto;
}

.pagePannel__img {}

.sideWrap .mktoForm span {margin-left: 0!important;}
.mktoAsterix::after {margin-left: 0!important;margin-right: 10px!important;}
.mktoForm .mktoGutter {height: 1em!important;}
.mktoForm .mktoOffset {height: 0.8em!important;}
.mktoRequiredField strong {padding: 0!important;}
.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {padding-left: 0!important;}
#LblinquiryFormAgreement {margin-bottom: 0!important;padding-top: 0!important;}
#LblinquiryFormAgreement +.mktoGutter.mktoHasWidth {height: 0!important;}
.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid {padding-top: 0!important;}
@media (max-width: 1023px) {

.mktoForm .mktoRequiredField label.mktoLabel {margin-bottom: 0.8em!important;}
.mktoForm .mktoFormCol {margin-bottom: 1.2em!important;}
.mktoHtmlText.mktoHasWidth {margin-top: 1em!important;}

.wrap > main {overflow: hidden;}    
    .contents#SeminarNewTemplate {width: 100%;}
    .col_contents {
        position: static;
    }

    .pagePannel__tit {
        height: auto !important;
    }

    .contents__inner {
        overflow: inherit;
    }

    .formBtn {
        width: 64px;
        height: 80px;
        position: fixed;
        bottom: 125px;
        right: 14px;
        z-index: 9999;
        z-index: 20;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: 0.4s all ease;
        transition: 0.4s all ease
    }

    .formBtn.is-show {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .col_contents,
    .col_contents.fixed {
        flex-direction: column;
    }

    .sideWrap,
    .sideWrap.fixed,
    .sideWrap.fixed.fixed02 {
        position: inherit;
        width: 100%;
        overflow-y: inherit;
        height: auto!important;
        min-height: auto;
        max-height: 100%;
        z-index: 1;
        padding: 0;
    }

    .sideWrap .txtBox {
        margin-bottom: 4vw;
    }

    .sideWrap .txtBox .ttl {
        font-size: 8.266666vw;
    }

    .sideWrap .txtBox .txt {
        font-size: 4.533333vw;
    }

    .sideWrap .txtBox .note {
        font-size: 3.2vw;
    }

    .sideWrap form {
        width: 100% !important;
        padding: 8vw 5.333333vw;
    }

    .mktoForm .mktoFormRow .mktoField {
        font-size: 4vw;
    }

    .mainContents {
        
    }

    .contents {width: 100%;}

    .interview__box {
        display: block;
        /*padding: 10vw 5vw;*/
        padding: 0;
        text-align: left;
    }

    .interview__box .interview__txtBox {
        width: 100%;
        max-width: 100%;
    }

    .interview__box .interview__txtBox .interviewee {
        margin-bottom: 4vw;
    }

    .interview__box .interview__txtBox .company,
    .interview__box .interview__txtBox .subTtle {
        font-size: 1.3rem;
    }

    .interview__box .interview__txtBox .interviewee,
    .interview__box .interview__txtBox .infoTxt {
        font-size: 1.4rem;
    }

    .interview__box .interview__imgBox,
    .interview__box .interview__imgBox--border {
        margin-right: 0;
        width: 56vw;
        height: 56vw;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto 8vw;
        text-align: center;
    }

    .about__detail {
        font-size: 1.6rem;
    }

    .about__box {
        border-bottom: 1px dashed #cccccc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 32px;
    }

    .about__box+.about__box {
        padding-top: 32px;
    }

    .about__title {
        text-align: center;
        width: 35%;
    }

    .about__description {
        margin-top: 8px;
        padding-left: 0;
        text-align: center;
        width: 100%;
    }


    .pageH2Area--mtMedium {}
}

/*======220614’Ç‹L======*/

.mktoForm .mktoError {
    right:0!important;
}
.mktoForm .mktoLabel {padding-top: 0!important;padding-bottom: 0.3em!important;}