@charset "UTF-8";


/*
* 募集概要
*/
article.recruit section.row .inner {
    margin-left: 17.368vw;
    margin-right: 17.368vw;
    margin-top: 50px;
    margin-bottom: 50px;
}
article.recruit h2.wp-block-heading {
    line-height: 70px;
    margin-top: 30px;
    margin-bottom: 30px;
}
article.recruit p.subtitle {
    margin: 30px 0;
    line-height: 50px;
}
article.recruit p.link {
    margin: 20px 0;
    position: relative;
}
article.recruit p.link a:after {
    content: url(../img/btn.png);
    position: relative;
    top: 5px;
    left: 5px;
}
article.recruit .wp-element-caption {
    text-align: center;
}
article.recruit .wp-element-caption a {
    display: flex;
    align-items: center;
    justify-content: center;
}
article.recruit .wp-element-caption a img {
	margin-right: 0.5vw;
}

@media screen and (max-width:480px) {
    article.recruit section.row .inner {
        margin-left: auto;
        margin-right: auto;
        width: 92%;
    }
}
/*
* interview
*/
article.interview p {
    font-size: 16px;
    line-height: 26px;
}

section.interview .inner,
section.interview_header .inner {
    margin-left: 17.368vw;
    margin-right: 17.368vw;
}

section.interview_header {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

section.interview01.interview_header {
    background-image: url(../img/interview_bg1.png);
    margin-top: 8vw;
}
section.interview02.interview_header {
    background-image: url(../img/interview_bg2.png);
    margin-top: 10.105vw;
}

section.interview_header .wrap {
    align-items: center;
}
section.interview_header .wrap .imageArea {
    /* margin-top: -3.842vw; */
    width: max(200px, 13.8vw);
}
section.interview_header .wrap .textArea {
    margin-left: 3.789vw;
    padding-top: 5.105vw;
    padding-bottom: 3.7vw;
}
section.interview_header .wrap .textArea .title {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
section.interview_header .wrap .textArea .roll span {
    font-size: 28px;
    line-height: 70px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    padding: 0 0.84vw;
    text-wrap: nowrap;
}
section.interview_header .wrap .textArea .initial span {
    font-family: 'Roboto', sans-serif;
    font-size: 70px;
    line-height: 70px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    padding: 0 0.84vw;
    text-wrap: nowrap;
}
section.interview_header .wrap .textArea .department {
    margin-top: 1.684vw;
}
section.interview_header .wrap .textArea .department span {
    font-size: 22px;
    color: #fff;
}
section.interview_header .wrap .textArea .education {
    margin-top: 0.842vw;
}
section.interview_header .wrap .textArea .education span {
    color: #fff;
}

section.interview .inner {
    margin-top: 3.684vw;
}
section.interview .inner.q3 {
    margin-top: 0;
}
section .wrap {
    display: flex;
}
section.interview .wrap > div {
    width: 50%;
}
section .wrap .textArea {
    margin-right: 2.894vw;
}
section.interview .inner.q2 .textArea {
    margin-bottom: 3.684vw;
}
.question .number {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 70px;
    line-height: 70px;
    margin-right: 5px;
}
.interview01 .question .number {
    color: #cad8f0;
}
.interview02 .question .number {
    color: #cad8d8;
}
.question .text {
    font-weight: bold;
    font-size: 22px;
    line-height: 70px;
}
.dot {
    margin-left: 2.263vw;
}
.answer .title {
    font-size: 30px;
    font-weight: bold;
    line-height: 46.5px;
    margin-top: 0.413vw;
    margin-bottom: 0.826vw;
}

.interview01 .answer .title {
    color: #0066cc;
}
.interview02 .answer .title {
    color: #006666;
}
.answer .text {
    line-height: 28px;
}
.answer .text p:not(:last-child) {
    margin-bottom: 0.826vw;
}
.answer .title span,
.answer .text p span {
    display: block;
}
.interview02.interview_sche {
    margin-bottom: 6.315vw;
}
section.interview.interview_sche .inner {
    margin-top: 4.210vw;
}
.interview_sche .schedule {
    background-color: #f5f5f5;
    position: relative;
    margin-right: 4.21vw;
}
.interview_sche .schedule .title_area {
    display: flex;
    align-items: center;
    position: absolute;
    top: calc(-75px/2);
    left: 2.105vw;
}
.interview_sche .schedule .title_area .title {
    font-size: 30px;
    font-weight: bold;
    line-height: 70px;
    display: block;
    margin-right: 0.526vw;
    margin-bottom: 0;
}
.interview_sche .schedule .title_area .subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    line-height: 70px;
    margin-top: 5px;
}
.interview01.interview_sche .schedule .title_area .subtitle {
    color: #0066cc;
}
.interview02.interview_sche .schedule .title_area .subtitle {
    color: #006666;
}
.interview_sche .schedule .wrap {
    padding-top: 4.315vw;
    padding-bottom: 4.315vw;
    margin-bottom: 0;
    align-items: center;
}
.interview_sche .schedule .textArea {
    margin-left: 3.526vw;
    margin-bottom: 0;
}

.interview_sche .schedule .textArea .row {
    display: flex;
}
.interview_sche .schedule .textArea .row span {
    display: block;
}
.interview_sche .schedule .textArea .time {
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    width: 4em;
}
.interview01.interview_sche .schedule .textArea .time {
    color: #0066cc;
}
.interview02.interview_sche .schedule .textArea .time {
    color: #006666;
}
.interview_sche .schedule .textArea .desc_area {
    margin-left: 20px;
}
.vline {
    width: 1px;
    height: 40px;
    margin-left: 2.7em;
    margin-top: 0.842vw;
    margin-bottom: 0.842vw;
}
.interview01 .vline {
    background-color: #0066cc;
}
.interview02 .vline {
    background-color: #006666;
}
.interview_sche .schedule .imageArea {
    margin-right: -4.21vw;
}

@media screen and (max-width:1200px) {
    
    section .wrap {
        flex-direction: column;
    }
    section.interview .wrap > div {
        width: 100%;
    }

    .imageArea img {
        margin: 0 auto;
    }

    section.interview_header .wrap .imageArea {
        /* width: 60%; */
        margin-top: 20px;
    }
    section.interview_header .wrap .textArea {
        margin: 0 auto 70px;
    }
    
    .interview_sche .schedule {
        margin-right: 0;
    }
    .interview_sche .schedule .wrap {
        padding-top: 60px;
        margin-top: 50px;
    }
    .interview_sche .schedule .wrap .textArea {
        margin-left: 0;
        margin-right: 0;
        padding-left: 4.526vw;
        padding-right: 4.526vw;
    }
    .interview_sche .schedule .wrap .imageArea {
        margin-top: 50px;
        margin-right: 0;
    }
    .dot {
        margin-left: 50px;
    }
    .answer .text p:not(:last-child) {
        margin-bottom: 10px;
    }
}
@media screen and (max-width:800px) {
    section.interview .inner,
    section.interview_header .inner {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:480px) {
    
    .question .number {
        font-size: 40px;
    }
    .question .text {
        font-size: 18px;
    }

    .answer .title {
        font-size: 20px;
        line-height: 35px;
    }

    .interview_sche .schedule .title_area .title {
        font-size: 16px;
        margin-right: 10px;
    }
    
    .dot {
        margin-left: 30px;
    }
}

/*
* crosstalk
*/
article.crosstalk p {
    /* font-size: 16px;
    line-height: 26px; */
}

section.crosstalk_header {
    background-image: url(../img/crosstalk_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 8.421vw;
    margin-bottom: 8.421vw;
    margin-left: 3.158vw;
}
section.members .inner,
section.crosstalk .inner {
    margin-left: 17.368vw;
    margin-right: 17.368vw;
}

section.crosstalk_header .wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

section.crosstalk_header .wrap .textArea {
    margin-left: 5.789vw;
    padding-top: 10.263vw;
    height: 32.894vw;
    position: relative;
    z-index: 2;
}
section.crosstalk_header .wrap .textArea .title span {
    font-size: clamp(18px, 3.684vw, 70px);
    line-height: clamp(28px, 3.684vw, 87.5px);
    font-weight: bold;
    color: #fff;
    background-color: #000;
    text-wrap: nowrap;
    display: inline-block;
    padding: 0 5px 5px;
}
section.crosstalk_header .wrap .textArea .title span:not(:last-child) {
    margin-bottom: 5px;
}
section.crosstalk_header .wrap .textArea .text {
    margin-top: 24px;
}
section.crosstalk_header .wrap .textArea .text span {
    line-height: 28px;
    color: #fff;
    display: block;
}
section.crosstalk_header .wrap .imageArea {
    width: 49.473vw;
    position: absolute;
    top: -2.105vw;
    left: 37.157vw;
}
section.crosstalk_header .wrap .imageArea img {
    width: 100%;
}

section.members .title {
    background-image: url(../img/crosstalk_bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 18.315vw;
    width: 100%;

    padding: 2.7vw 0 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    line-height: 70px;
    font-weight: bold;
}
section.members .memberArea {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -9.684vw;
}

section.members .memberArea .member {
    width: 13.789vw;
}
section.members .memberArea .member img {
    width: 100%;
}
section.members .memberArea .member .wrap {
    display: block;
}
section.members .memberArea .member span {
    display: block;
}
section.members .memberArea .member .initial {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
}
section.members .memberArea .member .desc {
    line-height: 28px;
}

section.crosstalk {
    margin-top: calc(3.842vw - 6px);
}
section.crosstalk .wrap {
    margin-bottom: 1.105vw;
    align-items: center;
}
section.crosstalk .question .number {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 70px;
    line-height: 70px;
    margin-right: 5px;
}
section.crosstalk.q1 .question .number {
    color: #cad8f0;
}
section.crosstalk.q2 .question .number {
    color: #f6dace;
}
section.crosstalk.q3 .question .number {
    color: #d0d8ca;
}
section.crosstalk.q4 .question .number {
    color: #ded0e3;
}
section.crosstalk.q5 .question .number {
    color: #cad8d8;
}

section.crosstalk .question .text {
    font-weight: bold;
    font-size: 22px;
    line-height: 70px;
}
.dot {
    margin-left: 2.263vw;
}

section.crosstalk .answer .title {
    font-size: 30px;
    font-weight: bold;
    line-height: 46.5px;
    margin-top: 0.413vw;
    margin-bottom: 1.315vw;
}
section.crosstalk.q1 .answer .title {
    color: #0066cc;
}
section.crosstalk.q2 .answer .title {
    color: #e26e20;
}
section.crosstalk.q3 .answer .title {
    color: #336600;
}
section.crosstalk.q4 .answer .title {
    color: #803698;
}
section.crosstalk .answer .imageArea {
    width: 8.210vw;
    margin-right: 1.052vw;
}
section.crosstalk .answer .imageArea img {
    width: 100%;
}
section.crosstalk .answer .imageArea .initial {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    /* line-height: 70px; */
    text-align: center;
}
section.crosstalk .answer .text {
    width: 56vw;
}
section.crosstalk:not(.q5) .answer .text p {
    /* margin-top: -1.75em; */
    margin-bottom: 1.75em;
}
section.crosstalk .answer > img {
    /* margin-bottom: 1.631vw; */
    width: 100%;
}

section.crosstalk .answer p.location { 
    text-align: right;
    margin-bottom: 1.631vw;
}
section.crosstalk.q5 .wrap {
    align-items: center;
}
section.crosstalk.q5 .answer .imageArea {
    margin-top: 0.947vw;
    width: 17.894vw;
    display: flex;
    flex-wrap: wrap;
}
section.crosstalk.q5 .answer .imageArea img {
    margin-right: 0.421vw;
    margin-bottom: 0.421vw;
    width: calc(50% - 0.421vw);
}
section.crosstalk.q5 .answer .text {
    width: 47.368vw;
    /* height: 8.21vw; */
    display: flex;
    align-items: center;
}
section.crosstalk.q5 .answer > img {
    margin-bottom: 6.315vw;
}
@media screen and (max-width: 1200px) {

    section.crosstalk .answer .imageArea img {
        margin: 0;
    }

    section.crosstalk_header .wrap {
        flex-direction: row;
    }
    
    section.crosstalk .wrap {
        flex-direction: row;
    }
    
    section.members .memberArea {
        margin-top: -5.684vw;
    }
}
@media screen and (max-width: 800px) {
    section.members .inner,
    section.crosstalk .inner {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        justify-content: space-around;
    }
    section.crosstalk .wrap {
        margin-bottom: 30px;
    }
    section.crosstalk_header .wrap .textArea {
        height: auto;
        margin-bottom: 30px;
    }
    section.members .memberArea {
        margin-top: 10px;
    }
    section.members .memberArea .member {
        width: 32.75vw;
        margin-bottom: 30px;
    }
    section.crosstalk .answer .imageArea {
        width: 19.5vw;
        margin-right: 20px;
    }
    section.crosstalk .answer .text {
        width: calc(100% - 19.5vw);
    }
    section.crosstalk.q5 .wrap {
        flex-direction: column;
    }
    section.crosstalk.q5 .answer .imageArea {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    section.crosstalk.q5 .answer .imageArea img {
        width: 24%;
    }
    section.crosstalk.q5 .answer .text {
        width: 100%;
    }
}
@media screen and (max-width: 510px) {

    section.crosstalk .wrap {
        flex-direction: column;
    }
    section.members .memberArea .member {
        width: 54.583vw;
        margin-left: auto;
        margin-right: auto;
    }
    section.crosstalk .question .number {
        font-size: 40px;
    }
    section.crosstalk .question .text {
        font-size: 14px;
    }
    section.crosstalk .answer .title {
        font-size: 20px;
        line-height: 35px;
    }
    
    section.crosstalk .answer .imageArea {
        width: 32.5vw;
    }
    section.crosstalk .answer .text {
        width: 100%;
    }
    
    section.crosstalk:not(.q5) .answer .text p {
        margin-bottom: 0;
    }
}