@charset "UTF-8";
/*================
座談会TOP
================*/
#TALK_IDX .mv-wrap-01{
    background: url(/recruit/imgs/talk/talk_idx_mv.jpg) no-repeat center/cover;
}
/*===ページ全体===*/
#TALK_IDX .main .section{
    margin: 150px 0 80px;
}
#TALK_IDX .main .section:last-child{
    margin-bottom: 0;
}
#TALK_IDX .main .section > *:last-child{
    margin-bottom: 0;
}
/*==タイトル==*/
#TALK_IDX .main .cnt-bg-01{
    padding: 63px 0 78px;
    margin-bottom: 80px;
}
#TALK_IDX .main .cnt-bg-01 .ttl-02 {
    text-align: center;
    background: none;
    padding: 0;
    width: 100%;
}
#TALK_IDX .main .cnt-bg-01 .num{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
/*括弧付き*/
#TALK_IDX .main .sub-ttl-cnt .inner{
    background: #102045;
}
#TALK_IDX .main .sub-ttl-cnt .ttl-wrap{
    min-height: 214px;
    position: relative;
}
#TALK_IDX .main .sub-ttl-cnt .ttl-02{
    color: #fff;
    background: none;
    box-sizing: border-box;
    padding: 30px 40px;
    width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#TALK_IDX .main .sub-ttl-cnt .ttl-02::before,
#TALK_IDX .main .sub-ttl-cnt .ttl-02::after{
    content:'';
    width: 80px;
    height: 80px;
    position: absolute;
    display: inline-block;
}
#TALK_IDX .main .sub-ttl-cnt .ttl-02::before{
    border-left: solid 3px #fff;
    border-top: solid 3px #fff;
    top:0;
    left: 0;
}
#TALK_IDX .main .sub-ttl-cnt .ttl-02::after{
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
    bottom:0;
    right: 0;
}
/*括弧付き 背景あり*/
#TALK_IDX .main .sub-ttl-cnt.type-02 .ttl-wrap,
#TALK_IDX .main .sub-ttl-cnt.type-03 .ttl-wrap{
    min-height: 450px;
}
/*括弧付き PC背景 SP縦積み*/
#TALK_IDX .main .sub-ttl-cnt.type-03 .flex-wrap-02 {
    align-items: center;
    box-sizing: border-box;
}
#TALK_IDX .main .sub-ttl-cnt.type-03 .flex-cnt-01{
    width: 800px;
    max-width: 100%;
}
#TALK_IDX .main .sub-ttl-cnt.type-03 .ttl-02{
    width: 720px;
}
/*QA*/
#TALK_IDX .main .qa{
    text-indent: -1.1em;
    padding-left: 1.1em;
}
/*テキスト*/
#TALK_IDX .main .txt-08{
    text-indent: -2.3em;
    padding-left: 2.3em;
    margin-top: 12px;
}
#TALK_IDX .main .txt-07 + .txt-08{
    margin-top: 20px;
}
#TALK_IDX .main .txt-bold{
    color: #105CED;
}
/*並び*/
#TALK_IDX .main .cnt-img{
    margin: 80px auto;
}
#TALK_IDX .main .cnt-01,
#TALK_IDX .main .cnt-02,
#TALK_IDX .main .cnt-03{
    margin-top: 80px;
    margin-bottom: 100px;
}
/*交互ver*/
#TALK_IDX .main .cnt-02{
    gap: 0 70px;
    align-items: flex-start;
}
#TALK_IDX .main .cnt-02.type-02{
    flex-direction: row-reverse;
}
#TALK_IDX .main .cnt-02 .flex-cnt-01:nth-child(odd){
    flex: 1;
}
#TALK_IDX .main .cnt-02 .flex-cnt-01:nth-child(even){
    width: 410px;
    border-radius: 5px;
    overflow: hidden;
}
/*画像縦積みver*/
#TALK_IDX .main .cnt-03 .cnt-img{
    margin: 0 auto 40px;
}
#TALK_IDX .main .cnt-03 .btn-01{
    text-align: center;
    margin-top: 20px;
}
/*コメント*/
#TALK_IDX .main .cmt{
    display: flex;
    gap: 20px;
    /* margin-top: 20px; */
}
#TALK_IDX .main .cmt + .cmt{
    margin-top: 20px;
}
#TALK_IDX .main .cmt .person{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100px;
}
#TALK_IDX .main .cmt .person img{
    border-radius: 5px;
    overflow: hidden;
}
#TALK_IDX .main .cmt .voice{
    flex: 1;
}
#TALK_IDX .main .cmt .voice .txt-07 + .txt-07{
    margin-top: 16px;
}
/*===メンバー紹介===*/
#TALK_IDX .main .section-member{
    margin-top: 150px;
}
#TALK_IDX .main .section-member .ttl-03{
    text-align: center;
}
#TALK_IDX .main .section-member .txt-05{
    margin-top: 5px;
}
#TALK_IDX .main .section-member .member-list{
    gap: 100px;
    margin-top: 40px;
    justify-content: center;
}
#TALK_IDX .main .section-member .member-list .flex-cnt-01{
    width: calc((100% - 100px * 2) / 3);
    display: flex;
    flex-direction: column;
}
#TALK_IDX .main .section-member .member-list .info-cnt{
    flex-grow: 1;
}
#TALK_IDX .main .section-member .img-cnt{
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}
#TALK_IDX .main .section-member .txt-10{
    margin-top: 15px;
}
#TALK_IDX .main .section-member .btn-01{
    margin-top: 20px;
}
/*===振り返り===*/
#TALK_IDX .main .section-lookb{
    margin-bottom: 60px;
}
#TALK_IDX .main .section-lookb .txt-05{
    margin-top: 100px;
}
/*===その他===*/
#TALK_IDX .main .section-other{
    margin-top: 60px;
}

/*==section-01==*/
#TALK_IDX .main .section-01 .sub-ttl-cnt-01 .inner{
    background: url(/recruit/imgs/talk/talk_idx_ttl_img01.jpg) no-repeat center / cover;
}
/*==section-02==*/
#TALK_IDX .main .section-02 .sub-ttl-cnt-01 .inner{
    background: url(/recruit/imgs/talk/talk_idx_ttl_img02.jpg) no-repeat center / cover;
}
#TALK_IDX .main .section-02 .sub-ttl-cnt-02 .inner{
    background: url(/recruit/imgs/talk/talk_idx_ttl_img03.jpg) no-repeat center / cover;
}
/*==section-03==*/
#TALK_IDX .main .section-03 .sub-ttl-cnt-01 .inner{
    background: url(/recruit/imgs/talk/talk_idx_ttl_img04.jpg) no-repeat center / cover;
}
/*==section-04==*/
#TALK_IDX .main .section-04 .sub-ttl-cnt-01 .inner{
    background: url(/recruit/imgs/talk/talk_idx_ttl_img05.jpg?v2) no-repeat center / cover;
}
/*==section-05==*/
#TALK_IDX .main .section-05{
    margin-bottom: 145px;
}
#TALK_IDX .main .section-05 .sub-ttl-cnt-01 .inner{
    background: url(/recruit/imgs/talk/talk_idx_ttl_img06.jpg) no-repeat center / cover;
}
#TALK_IDX .main .section-05 .cnt-02{
    margin-bottom: 80px;
}



/* --------------------------------------------
SP
--------------------------------------------*/
@media only screen and (max-width: 768px) {
    /*================
    座談会TOP
    ================*/
    #TALK_IDX .mv-wrap-01{
        background: url(/recruit/imgs/talk/talk_idx_mv_sp.jpg) no-repeat center/cover;
    }
    #TALK_IDX .mv-wrap-01 .ttl-wrap{
        margin: auto auto 10.417vw;
    }
    /*===ページ全体===*/
    #TALK_IDX .main .section{
        margin: 19.531vw 0 23.438vw;
    }
    #TALK_IDX .main .section:last-child{
        margin-bottom: 0;
    }
    /*==タイトル==*/
    #TALK_IDX .main .cnt-bg-01{
        margin-bottom: 15.625vw;
        padding: 15.625vw 0 19.531vw;
    }
    #TALK_IDX .main .cnt-bg-01 .ttl-02{
        text-align: left;
    }
    #TALK_IDX .main .cnt-bg-01 .num{
        text-align: center;
        margin-bottom: 2.604vw;
    }
    /*括弧付き*/
    #TALK_IDX .main .sub-ttl-cnt .inner{
        background: none;
    }
    #TALK_IDX .main .sub-ttl-cnt .ttl-wrap{
        background: #102045;
        padding: 10.417vw 5.208vw 11vw;
        min-height: inherit;
        position: relative;
    }
    #TALK_IDX .main .sub-ttl-cnt .ttl-02{
        width: 100%;
        display: block;
        padding: 5.208vw;
        margin: 0 auto;
        position: relative;
        transform: unset;
        top: unset;
        left: unset;
    }
    #TALK_IDX .main .sub-ttl-cnt .ttl-02::before,
    #TALK_IDX .main .sub-ttl-cnt .ttl-02::after{
        width: 10.417vw;
        height: 10.417vw;
    }
    #TALK_IDX .main .sub-ttl-cnt .ttl-02::before{
        border-left: solid 0.391vw #fff;
        border-top: solid 0.391vw #fff;
    }
    #TALK_IDX .main .sub-ttl-cnt .ttl-02::after{
        border-right: solid 0.391vw #fff;
        border-bottom: solid 0.391vw #fff;
    }
    /*括弧付き 背景あり*/
    #TALK_IDX .main .sub-ttl-cnt.type-02 .ttl-wrap,
    #TALK_IDX .main .sub-ttl-cnt.type-03 .ttl-wrap{
        min-height: inherit;
    }
    #TALK_IDX .main .sub-ttl-cnt.type-02 .ttl-wrap{
        background: none;
        padding: 20.573vw 5.208vw;
    }
    /*括弧付き PC背景 SP縦積み*/
    #TALK_IDX .main .sub-ttl-cnt.type-03 .flex-cnt-01{
        width: 100%;
    }
    #TALK_IDX .main .sub-ttl-cnt.type-03 .ttl-02{
        width: 79.167vw;
    }
    /*QA*/
    #TALK_IDX .main .qa{
        text-indent: -1.1em;
        padding-left: 1.1em;
    }
    /*テキスト*/
    #TALK_IDX .main .txt-08{
        text-indent: -2.3em;
        padding-left: 2.3em;
        margin-top: 2.604vw;
    }
    #TALK_IDX .main .txt-07 + .txt-08{
        margin-top: 3.385vw;
    }
    /*並び*/
    #TALK_IDX .main .cnt-img{
        margin: 13.021vw auto;
        padding: 0;
    }
    #TALK_IDX .main .cnt-01,
    #TALK_IDX .main .cnt-02,
    #TALK_IDX .main .cnt-03{
        margin-top: 15.625vw;
        margin-bottom: 18.531vw;
    }
    /*交互ver*/
    #TALK_IDX .main .cnt-02,
    #TALK_IDX .main .cnt-02.type-02{
        flex-direction: column;
        gap: 10.521vw 0;
    }
    #TALK_IDX .main .cnt-02 .flex-cnt-01,
    #TALK_IDX .main .cnt-02 .flex-cnt-01:nth-child(even){
        width: 100%;
    }
    #TALK_IDX .main .cnt-02 .flex-cnt-01:nth-child(even){
        border-radius: 0.651vw;
    }
    #TALK_IDX .main .cnt-02 .flex-cnt-01 .img-cnt {
        width: 100%;
        margin: 10.417vw 0;
        border-radius: 0.651vw;
        overflow: hidden;
    }
    /*画像縦積みver*/
    #TALK_IDX .main .cnt-03 .cnt-img{
        margin: 0 auto 7.813vw;
    }
    #TALK_IDX .main .cnt-03 .btn-01{
        margin-top: 5.208vw;
    }
    /*コメント*/
    #TALK_IDX .main .cmt{
        gap: 5.208vw;
        /* margin-top: 5.208vw; */
    }
    #TALK_IDX .main .cmt + .cmt{
        margin-top: 5.208vw;
    }
    #TALK_IDX .main .cmt .person{
        gap: 1.302vw;
        width: 19.531vw;
    }
    #TALK_IDX .main .cmt .person img{
        border-radius: 0.651vw;
    }
    #TALK_IDX .main .cmt .voice .txt-07 + .txt-07{
        margin-top: 3.604vw;
    }
    /*===メンバー紹介===*/
    #TALK_IDX .main .section-member{
        margin-top: 19.531vw;
    }
    #TALK_IDX .main .section-member .member-list{
        gap: 13.021vw 5.208vw;
        margin-top: 7.813vw;
        justify-content: flex-start;
    }
    #TALK_IDX .main .section-member .member-list .flex-cnt-01{
        width: calc((100% - 5.208vw * 1) / 2);
    }
    #TALK_IDX .main .section-member .img-cnt{
        border-radius: 0.651vw;
        margin-bottom: 3.906vw;
    }
    #TALK_IDX .main .section-member .txt-05{
        margin-top: 1.302vw;
    }
    #TALK_IDX .main .section-member .txt-10{
        margin-top: 2.604vw;
    }
    #TALK_IDX .main .section-member .btn-01{
        margin-top: 5.208vw;
    }
    #TALK_IDX .main .section-member .btn-01 a{
        min-width: unset;
        width: 100%;
        padding: 3.06vw 9.672vw 3.06vw 2.208vw;
    }
    #TALK_IDX .main .section-member .btn-01 .arrow2{
        right: 2.408vw;
    }
    /*===振り返り===*/
    #TALK_IDX .main .section-lookb{
        margin-bottom: 13.021vw;
    }
    #TALK_IDX .main .section-lookb .cnt-bg-01{
        margin-bottom: 0;
    }
    #TALK_IDX .main .section-lookb .cnt-03:nth-of-type(2){
        margin-top: 0;
    }
    #TALK_IDX .main .section-lookb .txt-05{
        margin-top: 19.531vw;
    }
    /*===その他===*/
    #TALK_IDX .main .section-other{
        margin-top: 13.021vw;
    }

    /*==section-01==*/
    #TALK_IDX .main .section-01 .sub-ttl-cnt-01 .inner{
        background: none;
    }
    /*==section-02==*/
    #TALK_IDX .main .section-02 .cnt-bg-01{
        margin-bottom: 0;
    }
    #TALK_IDX .main .section-02 .sub-ttl-cnt-01 .inner{
        background: url(/recruit/imgs/talk/talk_idx_ttl_img02_sp.jpg) no-repeat center / cover;
    }
    #TALK_IDX .main .section-02 .sub-ttl-cnt-02 .inner{
        background: none;
    }
    /*==section-03==*/
    #TALK_IDX .main .section-03 .cnt-bg-01{
        margin-bottom: 0;
    }
    #TALK_IDX .main .section-03 .sub-ttl-cnt-01 .inner{
        background: url(/recruit/imgs/talk/talk_idx_ttl_img04_sp.jpg) no-repeat center / cover;
    }
    /*==section-04==*/
    #TALK_IDX .main .section-04 .cnt-bg-01{
        margin-bottom: 0;
    }
    #TALK_IDX .main .section-04 .sub-ttl-cnt-01 .inner{
        background: url(/recruit/imgs/talk/talk_idx_ttl_img05_sp.jpg?v2) no-repeat center / cover;
    }
    #TALK_IDX .main .section-04 .sub-ttl-cnt-01.type-02 .ttl-wrap{
        padding: 25.273vw 5.208vw 24.773vw;
    }
    #TALK_IDX .main .section-04 .cnt-01{
        margin-bottom: 13.021vw;
    }
    /*==section-05==*/
    #TALK_IDX .main .section-05{
        margin-bottom: 23.438vw;
    }
    #TALK_IDX .main .section-05 .cnt-bg-01{
        margin-bottom: 0;
    }
    #TALK_IDX .main .section-05 .cnt-bg-01 .ttl-02{
        text-align: center;
    }
    #TALK_IDX .main .section-05 .sub-ttl-cnt-01 .inner{
        background: url(/recruit/imgs/talk/talk_idx_ttl_img06_sp.jpg) no-repeat center / cover;
    }
    #TALK_IDX .main .section-05 .cnt-02{
        margin-bottom: 13.021vw;
        flex-direction: column-reverse;
    }

}