/* font-size */
h1 {
    font-size: min(1.875vw, 36px);
}

@media screen and (max-width:768px) {
    h1 {
        font-size: max(5.4vw, 20px);
    }
}

/* section01 メインイメージ********************************************************** */
.interview_sec01 {
    width: 100vw;
    height: calc(56.25vw - 80px);
    position: relative;
}

.interview_sec01_inn {
    position: relative;
}

.interview_sec01_inn .interview_top_ink {
    width: 56vw;
    position: absolute;
    top: 80%;
    left: 10%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

@media screen and (max-width:768px) {
    .interview_sec01 {
        height: auto;
    }

    .interview_sec01_inn.interview01_sec01_inn {
        background-image: url(../img/interview/interview_main_img01-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview02_sec01_inn {
        background-image: url(../img/interview/interview_main_img02-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview03_sec01_inn {
        background-image: url(../img/interview/interview_main_img03-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview04_sec01_inn {
        background-image: url(../img/interview/interview_main_img04-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview05_sec01_inn {
        background-image: url(../img/interview/interview_main_img05-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview06_sec01_inn {
        background-image: url(../img/interview/interview_main_img06-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview07_sec01_inn {
        background-image: url(../img/interview/interview_main_img07-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview08_sec01_inn {
        background-image: url(../img/interview/interview_main_img08-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview09_sec01_inn {
        background-image: url(../img/interview/interview_main_img09-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview10_sec01_inn {
        background-image: url(../img/interview/interview_main_img10-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn.interview11_sec01_inn {
        background-image: url(../img/interview/interview_main_img11-sp.png);
        border-bottom-left-radius: 9vw;
    }

    .interview_sec01_inn {
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        width: 100vw;
        height: calc(163vw - 50px);
    }
}

.interview_top_ttl {
    width: 46.875vw;
    padding-left: 7.1875vw;
    padding-top: 3.7vw;
}

.interview_top_ttl p {
    margin-bottom: 1.3vw;
}

.interview_top_ttl img {
    margin-bottom: 1.3vw;
}

@media screen and (max-width:768px) {
    .interview_top_ttl {
        width: 70vw;
        padding-top: 8.5vw;
    }
}

.interview_top_img img {
    border-bottom-left-radius: 3vw;
}

.interview_top_img {
    width: 73.5vw;
    height: 52.8vw;
    position: absolute;
    top: -80px;
    right: 0;
    z-index: -1;
}

.interview_top_txt {
    width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.375vw;
}

.interview_top_txt h1 {
    line-height: 1.5;
    margin-bottom: 2.3vw;
}

@media screen and (max-width:768px) {
    .interview_top_txt {
        width: 95vw;
        margin-left: 0;
        padding-top: 50vw;
    }

    .interview_top_txt h1 {
        padding-left: 5.4vw;
        text-shadow: 0 0 0.4em rgba(255, 255, 255, 1);
    }
}

.interview_top_profile_box {
    font-weight: 600;
    line-height: 1.5;
}

.interview_top_profile_box .interview_name {
    background-color: #262e40dc;
    display: inline-block;
    padding: 3vw 3.65vw;
}

.interview_hashtag {
    display: flex;
    flex-direction: row;
}

.interview_hashtag li {
    background-color: #f0f0f2;
    border-radius: 50px;
    padding: 0.5vw 1vw;
    margin-right: 0.5vw;
    margin-top: 1.5625vw;
    font-weight: 400;
}

@media screen and (max-width:768px) {
    .interview_hashtag {
        width: 90vw;
        flex-wrap: wrap;
    }

    .interview_hashtag li {
        display: inline-block;
        padding: 2vw 4vw;
        margin: 1vw 1vw;
    }

    .interview_top_profile_box .interview_name {
        padding: 3vw 5.4vw;
    }
}

/* section02 入社前********************************************************** */
.interview_sec02 {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 7.3vw;
    padding-bottom: 7.3vw;
}

.interview_sec02_box {
    width: 28.125vw;
    max-width: 540px;
}

.interview_sec02_box .external_link_btn{
    font-weight:600;
    border-bottom:#e8383d 1px solid;
    transition:all 0.3s;
}
.interview_sec02_box .external_link_btn:hover{
    color:#e8383d;
}

@media screen and (max-width:768px) {
    .interview_sec02 {
        width: 90vw;
        flex-direction: column;
        margin-top: 15.5vw;
    }

    .interview_sec02_box {
        width: 90vw;
        max-width:none;
        margin-bottom: 19.2vw;
    }
}

.interview_sec02 h1 {
    padding-bottom: 16px;
    padding-left: 4.2vw;
    margin-bottom: 23px;
    /* border-bottom: 1px solid #2fbce1; */
    position: relative;
}

.interview_sec02 p {
    line-height: 2;
}

.interview_sec02 .interview_sec02_box:first-child h1::before {
    position: absolute;
    content: '';
    width: 2.6vw;
    height: 1.82vw;
    background-size: cover;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.interview_sec02 .interview_sec02_box:first-child h1.mark-blue::before {
    background-image: url(../img/interview/school_mark_blue.png);
}

.interview_sec02 .interview_sec02_box:first-child h1.mark-red::before {
    background-image: url(../img/interview/school_mark_red.png);
}

.interview_sec02 .interview_sec02_box:first-child h1.mark-green::before {
    background-image: url(../img/interview/school_mark_grn.png);
}

.interview_sec02 .interview_sec02_box:first-child h1.mark-purple::before {
    background-image: url(../img/interview/school_mark_pur.png);
}

.interview_sec02 .interview_sec02_box:first-child h1.mark-yellow::before {
    background-image: url(../img/interview/school_mark_ylw.png);
}

.interview_sec02 .interview_sec02_box:last-child h1::before {
    position: absolute;
    content: '';
    width: 1.25vw;
    height: 1.82vw;
    background-size: cover;
    left: 1vw;
    top: 40%;
    transform: translateY(-50%);
}

.interview_sec02 .interview_sec02_box:last-child h1.mark-blue::before {
    background-image: url(../img/interview/join_mark_blue.png);
}

.interview_sec02 .interview_sec02_box:last-child h1.mark-red::before {
    background-image: url(../img/interview/join_mark_red.png);
}

.interview_sec02 .interview_sec02_box:last-child h1.mark-green::before {
    background-image: url(../img/interview/join_mark_grn.png);
}

.interview_sec02 .interview_sec02_box:last-child h1.mark-purple::before {
    background-image: url(../img/interview/join_mark_pur.png);
}

.interview_sec02 .interview_sec02_box:last-child h1.mark-yellow::before {
    background-image: url(../img/interview/join_mark_ylw.png);
}

@media screen and (max-width:768px) {
    .interview_sec02 h1 {
        padding-left: 10vw;
    }

    .interview_sec02 .interview_sec02_box:first-child h1::before {
        width: 8vw;
        height: 6vw;
        top: 30%;
    }

    .interview_sec02 .interview_sec02_box:last-child h1::before {
        width: 5vw;
        height: 7.2vw;
        top: 30%;
    }
}

/* section03 キャリアパス********************************************************** */
.interview_sec03 {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.interview_sec03 h1 {
    margin-bottom: 16px;
    padding-left: 4.2vw;
    position: relative;
}

.interview_sec03 h1::before {
    position: absolute;
    content: '';
    width: 2.6vw;
    height: 1.8vw;
    background-size: cover;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.interview_sec03 h1.mark-blue::before {
    background-image: url(../img/interview/career_mark_blue.png);
}

.interview_sec03 h1.mark-red::before {
    background-image: url(../img/interview/career_mark_red.png);
}

.interview_sec03 h1.mark-green::before {
    background-image: url(../img/interview/career_mark_grn.png);
}

.interview_sec03 h1.mark-purple::before {
    background-image: url(../img/interview/career_mark_pur.png);
}

.interview_sec03 h1.mark-yellow::before {
    background-image: url(../img/interview/career_mark_ylw.png);
}

.interview_sec03_inn {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
}

.interview_sec03 table {
    padding-top: 3.65vw;
    padding-bottom: 3.65vw;
    width: 50vw;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

.interview_sec03 table th {
    position: relative;
    width: 10vw;
    vertical-align: middle;
    text-align: left;
    padding-left: 2vw;
}

.interview_sec03 table th::before {
    position: absolute;
    content: '';
    width: 0.85vw;
    height: 0.625vw;
    background-size: cover;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

.interview_sec03 table.table_lblue th::before {
    background-image: url(../img/interview/check_mark_lblue.png);
}

.interview_sec03 table.table_red th::before {
    background-image: url(../img/interview/check_mark_red.png);
}

.interview_sec03 table.table_green th::before {
    background-image: url(../img/interview/check_mark_grn.png);
}

.interview_sec03 table.table_purple th::before {
    background-image: url(../img/interview/check_mark_pur.png);
}

.interview_sec03 table.table_yellow th::before {
    background-image: url(../img/interview/check_mark_ylw.png);
}

.interview_sec03 table td {
    width: 40vw;
    vertical-align: middle;
    line-height: 1.5;
    padding: 1vw;
}

@media screen and (max-width:768px) {
    .interview_sec03 {
        width: 90vw;
    }

    .interview_sec03 h1 {
        padding-left: 10vw;
    }

    .interview_sec03 h1::before {
        width: 5.2vw;
        height: 3.6vw;
    }

    .interview_sec03_inn {
        width: 90vw;
        padding-top: 10vw;
        padding-top: 5vw;
    }

    .interview_sec03 table {
        width: 80vw;
    }

    .interview_sec03 table th {
        display: block;
        width: 25vw;
    }

    .interview_sec03 table th::before {
        width: 3.8vw;
        height: 2.6vw;
        top: 30%;
    }

    .interview_sec03 table td {
        display: block;
        width: 80vw;
        padding: 5vw;
    }
}


/* section04 インタビュー********************************************************** */
.interview_sec04 {
    width: 100vw;
    padding-top: 14vw;
    padding-bottom: 14vw;
    background-image: url(../img/interview/bg_gray_2.png);
    background-size: 110%;
    background-position: top;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top: 7vw;
}

.interview_sec04_box {
    width: 83vw;
    max-width: 1600px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 7vw;
    margin-bottom: 7vw;
}

.interview_sec04_box01,
.interview_sec04_box03 {
    margin-left: auto;
    margin-right: 0;
}

.interview_sec04_box02 {
    flex-direction: row-reverse;
    margin-left: 0;
    margin-right: auto;
}

.interview_sec04_box_img img {
    border-radius: 1vw;
}

.interview_sec04_box_img {
    width: 51.75vw;
    max-width: 1000px;
}

.interview_sec04_box01 .interview_sec04_box_img,
.interview_sec04_box03 .interview_sec04_box_img {
    transform: translateX(4vw);
}

.interview_sec04_box02 .interview_sec04_box_img {
    transform: translateX(-4vw);
}

.interview_sec04_box_txt {
    width: 31.25vw;
    line-height: 1.5;
}

.interview_sec04_box_txt h2 {
    margin-bottom: 1vw;
}

.interview_sec04_box_txt h3 {
    line-height: 2;
}

.interview_sec04_box_txt p {
    margin-top: 1.5vw;
    line-height: 2;
}

@media screen and (max-width:768px) {
    .interview_sec04_box {
        width: 90vw;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        margin-top: 14vw;
        margin-bottom: 7vw;
    }

    .interview_sec04_box02 {
        flex-direction: column;
    }

    .interview_sec04_box_img {
        width: 90vw;
        margin-top: 5vw;
    }

    .interview_sec04_box_img img {
        border-radius: 4vw;
    }

    .interview_sec04_box01 .interview_sec04_box_img,
    .interview_sec04_box03 .interview_sec04_box_img {
        transform: translateX(0vw);
    }

    .interview_sec04_box02 .interview_sec04_box_img {
        transform: translateX(0vw);
    }

    .interview_sec04_box_txt {
        width: 90vw;
    }

    .interview_sec04_box_txt h2 {
        margin-bottom: 2vw;
    }

    .interview_sec04_box_txt h3 {
        line-height: 1.8;
    }

    .interview_sec04_box_txt p {
        margin-top: 3vw;
    }

}

/* section05 タイムスケジュール********************************************************** */
.interview_sec05 {
    background-image: url(../img/interview/schedule_back_PC.png);
    background-size: 100%;
    background-position: center;
}

@media screen and (max-width:768px) {
    .interview_sec05 {
        background-image: url(../img/interview/schedule_back_SP.png);
    }
}

.interview_sec05 .interview_sec05_inn {
    width: 62.5vw;
    max-width: 1200px;
    margin: 0 auto 14vw auto;
    padding-bottom: 7vw;
    padding-top: 7vw;
}

.interview_sec05 h1 {
    margin-bottom: 4.5vw;
    padding-left: 4.2vw;
    position: relative;
}

.interview_sec05 h1::before {
    position: absolute;
    content: '';
    width: 2.6vw;
    height: 2.6vw;
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.interview_sec05 h1.mark-blue::before {
    background-image: url(../img/interview/time_mark_blue.png);
}

.interview_sec05 h1.mark-red::before {
    background-image: url(../img/interview/time_mark_red.png);
}

.interview_sec05 h1.mark-green::before {
    background-image: url(../img/interview/time_mark_grn.png);
}

.interview_sec05 h1.mark-purple::before {
    background-image: url(../img/interview/time_mark_pur.png);
}

.interview_sec05 h1.mark-yellow::before {
    background-image: url(../img/interview/time_mark_ylw.png);
}

.interview_sec05 .interview_sec05_inn ul li ul {
    line-height: 3;
}

.interview_sec05 .interview_sec05_inn ul li ul li {
    padding-left: 90px;
    position: relative;
    white-space: nowrap;
}

.interview_sec05 .interview_sec05_inn ul li ul li::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: 50%;
    left: 52px;
    transform: translateY(-50%);
    z-index: 2;
}

.interview_sec05 .interview_sec05_inn ul.red_list_mark li ul li::before {
    background-color: #e8383d;
}

.interview_sec05 .interview_sec05_inn ul.green_list_mark li ul li::before {
    background-color: #51b779;
}

.interview_sec05 .interview_sec05_inn ul.lblue_list_mark li ul li::before {
    background-color: #2fbce1;
}

.interview_sec05 .interview_sec05_inn ul.purple_list_mark li ul li::before {
    background-color: #be64a4;
}

.interview_sec05 .interview_sec05_inn ul.yellow_list_mark li ul li::before {
    background-color: #f8d031;
}

.interview_sec05 .interview_sec05_inn ul li ul li::after {
    position: absolute;
    content: '';
    background-color: white;
    width: 1px;
    height: 40px;
    top: 100%;
    left: 59.5px;
    transform: translateY(-50%);
    z-index: 1;
}

.interview_sec_box02 ul li:last-child::after {
    width: 0px !important;
}

.interview_sec05 .interview_sec05_inn ul li ul li span {
    padding-right: 2.3vw;
}

.interview_sec_box {
    display: flex;
    flex-direction: row;
}
.interview_sec_box span{
    font-weight:600;
}

.interview_sec_box .interview_sec_box01,
.interview_sec_box .interview_sec_box02 {
    width: 31.25vw;
}

@media screen and (max-width:1200px) {
    .interview_sec05 .interview_sec05_inn {
        width: 80vw;
    }

    .interview_sec_box .interview_sec_box01,
    .interview_sec_box .interview_sec_box02 {
        width: 40vw;
    }
    .interview_sec05 .interview_sec05_inn ul li ul li {
        padding-left: 45px;
    }
    
    .interview_sec05 .interview_sec05_inn ul li ul li::before {
        left: 10px;
    }
    .interview_sec05 .interview_sec05_inn ul li ul li::after {
        left: 18.5px;
    }
}

@media screen and (max-width:768px) {
    .interview_sec05 .interview_sec05_inn {
        width: 90vw;
    }

    .interview_sec05 h1 {
        padding-left: 10vw;
    }

    .interview_sec05 h1::before {
        width: 5.2vw;
        height: 5.2vw;
        top: 35%
    }

    .interview_sec_box {
        display: flex;
        flex-direction: column;
    }

    .interview_sec_box .interview_sec_box01,
    .interview_sec_box .interview_sec_box02 {
        width: 90vw;
    }

    .interview_sec05 .interview_sec05_inn ul li ul li {
        padding-left: 40px;
    }

    .interview_sec05 .interview_sec05_inn ul li ul li::before {
        left: 11px;
    }

    .interview_sec05 .interview_sec05_inn ul li ul li::after {
        left: 19.5px;
    }
}

/* section06 仕事のやりがい********************************************************** */
.interview_sec06 {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7vw;
    padding-bottom: 7vw;
}

.interview_sec06_box {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.interview_sec06_box_img {
    width: 36.5vw;
    position: relative;
}

.interview_sec06_box_img::after {
    position: absolute;
    content: '';
    width: 18.75vw;
    height: 9vw;
    background-size: 100%;
    background-repeat: no-repeat;
    top: -4vw;
    right: -6.25vw;
}

.interview_sec06_box_img.fukidashi01::after {
    background-image: url(../img/interview/fukidashi01.png);
}

.interview_sec06_box_img.fukidashi02::after {
    background-image: url(../img/interview/fukidashi02.png);
}

.interview_sec06_box_img.fukidashi03::after {
    background-image: url(../img/interview/fukidashi03.png);
}

.interview_sec06_box_img.fukidashi04::after {
    background-image: url(../img/interview/fukidashi04.png);
}

.interview_sec06_box_img.fukidashi05::after {
    background-image: url(../img/interview/fukidashi05.png);
}

.interview_sec06_box_img.fukidashi06::after {
    background-image: url(../img/interview/fukidashi06.png);
}

.interview_sec06_box_img.fukidashi07::after {
    background-image: url(../img/interview/fukidashi07.png);
}

.interview_sec06_box_img.fukidashi08::after {
    background-image: url(../img/interview/fukidashi08.png);
}

.interview_sec06_box_img.fukidashi09::after {
    background-image: url(../img/interview/fukidashi09.png);
}

.interview_sec06_box_img.fukidashi10::after {
    background-image: url(../img/interview/fukidashi10.png);
}

.interview_sec06_box_img.fukidashi11::after {
    background-image: url(../img/interview/fukidashi11.png);
}

.interview_sec06_box_img::before {
    position: absolute;
    content: "仕事のやりがいとは？";
    top: -6vw;
    right: -3.15vw;
    font-size: min(1.35vw, 26px);
    font-weight: 600;
}
@media screen and (max-width:1200px) {
    .interview_sec06_box_img::after {
        right:0;
    }
    .interview_sec06_box_img::before {
        right: 3.15vw;
    }
}

.interview_sec06_box_img-red::before {
    color: #e8383d;
}

.interview_sec06_box_img-lblue::before {
    color: #2fbce1;
}

.interview_sec06_box_img-green::before {
    color: #51b779;
}

.interview_sec06_box_img-purple::before {
    color: #be64a4;
}

.interview_sec06_box_img-yellow::before {
    color: #f8d031;
}

.interview_sec06_box_txt {
    width: 26vw;
}

.interview_sec06_box_txt_inn01 {
    margin-bottom: 3.75vw;
}

.interview_sec06_box_txt_inn {
    border-left: 1px solid #262e40;
    padding-left: 1.5625vw;
}

.interview_sec06_box_txt_inn h4 {
    padding-bottom: 1.875vw;
}

.interview_sec06_box_txt_inn p {
    line-height: 2;
}

@media screen and (max-width:768px) {
    .interview_sec06 {
        width: 90vw;
        padding-top: 14vw;
        padding-bottom: 14vw;
    }

    .interview_sec06_box {
        flex-direction: column-reverse;
    }

    .interview_sec06_box_img {
        width: 90vw;
    }

    .interview_sec06_box_img::before {
        display: none;
    }

    .interview_sec06_box_txt {
        width: 90vw;
    }

    .interview_sec06_box_img::after {
        width: 37.5vw;
        height: 18vw;
        top: 3.75vw;
        right: 0vw;
    }

    .interview_sec06_box_img::before {
        font-size: max(4.8vw, 18px);
    }

    .interview_sec06_box_txt_inn {
        border-left: 0px;
        padding-left: 0;
        margin-bottom: 7vw;
    }

    .interview_sec06 h4 {
        padding-bottom: 3.75vw;
    }

    .interview_sec06_box_img h4 {
        padding-bottom: 7.5vw;
    }
}


/* section07 学生さんへメッセージ********************************************************** */
.interview_sec07 {
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1vw;
    margin-top: 7vw;
    margin-bottom: 7vw;
    position: relative;
}

.interview_sec07_box_txt_ttl {
    position: absolute;
    width: 42vw;
    right: 2.4vw;
    top: 1.875vw;
}

.interview_sec07_box {
    display: flex;
    flex-direction: row;
    align-items: end;
}

.interview_sec07_box_img {
    width: 28.5vw;
    max-width: 548px;
}

.interview_sec07_box_txt {
    width: 34vw;
    padding-right: 7.6vw;
    padding-bottom: 8vw;
    line-height: 2;
}

@media screen and (max-width:1200px) {
    .interview_sec07_box_txt {
        padding-right: 3vw;
        padding-bottom: 4vw;
        line-height: 1.5;
    }
}

@media screen and (max-width:768px) {
    .interview_sec07 {
        width: 90vw;
        border-radius: 4vw;
        margin-top: 14vw;
        margin-bottom: 14vw;
    }

    .interview_sec07_box {
        flex-direction: column-reverse;
    }

    .interview_sec07_box_txt_ttl {
        position: static;
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6vw;
    }

    .interview_sec07_box_img {
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
    }

    .interview_sec07_box_txt {
        width: 80vw;
        margin-left: auto;
        margin-right: auto;
        line-height:2;
    }
}

/* section08 リンク********************************************************** */
.interview_sec08 {
    background-color: #f0f0f2;
    overflow: hidden;
}

@media screen and (max-width:768px) {
    .interview_sec08 .slick-next:before {
        display: none;
    }

    .interview_sec08 .slick-prev:before {
        display: none;
    }
}

.interview_sec08 h1 {
    color: #51b779;
    padding-left: 2.8125vw;
    position: relative;
    font-size: min(1.875vw 36px);
    font-family: "Josefin Sans", sans-serif;
}

.interview_sec08 h1::before {
    content: '';
    position: absolute;
    width: 1.5625vw;
    height: 2px;
    background-color: #51b779;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width:768px) {
    .interview_sec08 h1 {
        padding-left: 5vw;
    }

    .interview_sec08 h1::before {
        width: 3vw;
    }
}

/* OTHER INTERVIEW */
.other_interview_link_article {
    padding-top: 5vw;
    padding-bottom: 10vw;
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.other_interview_links {
    width: 46vw;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.6875vw;
}

@media screen and (max-width:768px) {
    .other_interview_link_article {
        width: 100vw;
    }

    .other_interview_links_ttl {
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
    }

    .other_interview_links {
        width: 100vw;
    }
}

.other_interview_links li a {
    transition: all 0.3s;
}

.other_interview_links li a:hover {
    opacity: 0.8;
}

.other_interview_links li .interview_link_btn img {
    border-radius: 1vw;
}

.other_interview_links li .interview_link_btn {
    width: 13.54vw;
    max-width: 260px;
    height: 20.05vw;
    max-height: 385px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.interview_link_btn_txt {
    width: 13.54vw;
    max-width: 260px;
    position: absolute;
    background-color: #262e40dc;
    padding-top: 1.35vw;
    padding-bottom: 1.8vw;
    padding-left: 1.5625vw;
    bottom: 0;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
    line-height: 1.5;
}

@media screen and (max-width:768px) {
    .other_interview_links li .interview_link_btn img {
        border-radius: 4vw;
    }

    .other_interview_links li .interview_link_btn {
        width: 64vw;
        max-width: 240px;
        height: 58.9vw;
        max-height: 220px;
    }

    .interview_link_btn_txt {
        width: 64vw;
        max-width: 240px;
        border-bottom-left-radius: 4vw;
        border-bottom-right-radius: 4vw;
        padding-left:5vw;
        padding-right:auto;
    }
}

.interview_link_btn_txt p:last-child {
    font-weight: 700;
    padding-top: 12px;
}

.slick-dots li button::before {
    font-size: 30px;
    top: 5vw;
}

/* CROSS TALK */
.cross_talk_link_article {
    padding-top: 5vw;
    padding-bottom: 7.55vw;
    width: 62.5vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.crosstalk_links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 4.6875vw;
}

.crosstalk_link_btn {
    position: relative;
}
.crosstalk_link_btn a .crosstalk_link_btn_img_box{
    transition: all 0.3s;
}
.crosstalk_link_btn a:hover .crosstalk_link_btn_img_box{
    opacity:0.7;
}

.crosstalk_link_btn01 a .crosstalk_link_btn_arrow .cls_crosstalk-1 {
    transition: all 0.3s;
}

.crosstalk_link_btn01 a .crosstalk_link_btn_arrow .cls_crosstalk-2 {
    transition: all 0.3s;
}

.crosstalk_link_btn01 a:hover .crosstalk_link_btn_arrow .cls_crosstalk-1 {
    fill: #262e40;
}

.crosstalk_link_btn01 a:hover .crosstalk_link_btn_arrow .cls_crosstalk-2 {
    fill: white;
}

.crosstalk_link_btn02 a .crosstalk_link_btn_arrow .cls_crosstalk-1 {
    transition: all 0.3s;
}

.crosstalk_link_btn02 a .crosstalk_link_btn_arrow .cls_crosstalk-2 {
    transition: all 0.3s;
}

.crosstalk_link_btn02 a:hover .crosstalk_link_btn_arrow .cls_crosstalk-1 {
    fill: #262e40;
}

.crosstalk_link_btn02 a:hover .crosstalk_link_btn_arrow .cls_crosstalk-2 {
    fill: white;
}

.crosstalk_link_btn_arrow {
    position: absolute;
    width: 2.6vw;
    height: 2.6vw;
    bottom: 0;
    right: 0;
}

.crosstalk_link_btn_img_box img {
    border-radius: 1vw;
}

.crosstalk_link_btn_img_box {
    width: 30vw;
    max-width: 570px;
    position: relative;
}

.crosstalk_link_btn_txt {
    position: absolute;
    bottom: 0;
    width: 30vw;
    max-width: 570px;
    background-color: rgba(38,46,64,0.8);
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    padding-left: 2vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
}

.crosstalk_link_txt_box {
    width: 30vw;
    max-width: 570px;
    margin-left:auto;
    margin-right:auto;
    order: 2;
    padding-top: 1.5625vw;
    line-height: 1.5;
}

.crosstalk_link_txt_box_inn{
    width:27vw;
    max-width:518vw;
}


@media screen and (max-width:768px) {
    .cross_talk_link_article {
        width: 90vw;
        padding-top:15vw;
    }

    .crosstalk_links {
        flex-direction: column;
        padding-top:0;
    }

    .crosstalk_link_btn::after {
        display: none;
    }

    .crosstalk_link_btn_img_box {
        display: flex;
        flex-direction: column;
        width: 90vw;
        margin-top: 4vw;
        margin-bottom: 4vw;
    }

    .crosstalk_link_btn_img_box img {
        border-radius: 4vw;
    }

    .crosstalk_link_txt_box {
        width:90vw;
        max-width:none;
        padding-top: 0;
        margin-bottom: 4vw
    }


    .crosstalk_link_btn_txt {
        order: 1;
        position: static;
        width: 90vw;
        max-width:none;
        border-bottom-left-radius: 0vw;
        border-bottom-right-radius: 0vw;
        padding-top: 4vw;
        padding-bottom: 4vw;
        padding-left: 0;
        margin-top: 4vw;
        margin-bottom: 4vw;
        text-align: center;
        line-height:1.5;
    }

    .crosstalk_link_btn_img {
        order: 3;
        width: 90vw;
        max-width:none;
    }
}

/* 一覧に戻るボタン */
.interview_sec08 .recruit_section_viewmore_btn {
    display: flex;
    justify-content: center;
    padding-bottom: 7.5vw;
}

@media screen and (max-width:768px) {
    .interview_sec08 .recruit_section_viewmore_btn {
        display: block;
        text-align: center;
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
    }
}