@charset "utf-8";

/* ==================================================================
    interview.css

=================================================================== */
/* --------------------------------
    □ 背景色
-------------------------------- */
#interview .contents {
    background: rgb(242,255,236);
    background: linear-gradient(180deg, rgba(242,255,236,1) 0%, rgba(241,244,255,1) 100%);
}

/* --------------------------------
    □ intvw
-------------------------------- */
section#intvw p.intro-text {
    margin-bottom: 50px;
    text-align: center;
}
section#intvw .accent {
    background: url(../../images/recruit/interview/intvw01.jpg) no-repeat center;
    background-size: cover;
    padding: 65px 45px 40px;
    box-sizing: border-box;
    border: 1px solid #1A1311;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 49px;
    min-height: 417px;
}
section#intvw .subsection#interview02 .accent {
    background: url(../../images/recruit/interview/intvw02.jpg) no-repeat center;
    background-size: cover;
    flex-direction: row;
}
section#intvw .subsection#interview03 .accent {
    background: url(../../images/recruit/interview/intvw03.jpg) no-repeat center;
    background-size: cover;
}
section#intvw .tltArea {
    width: 60%;
    max-width: 502px;
    background: #fff;
    padding: 65px 20px 30px;
    box-sizing: border-box;
    border: 1px solid #1A1311;
    position: relative;
}
section#intvw .tltArea .icon {
    position: absolute;
    top: -25px;
    left: 18px;
}
section#intvw .tltArea h3 {
    font-size: 2.8rem;
    text-align: left;
    margin-bottom: 20px;
}
section#intvw .tltArea p {
    letter-spacing: 0.03em;
    margin-bottom: 0;
}
section#intvw .tltArea p .year {
    font-size: 1.8rem;
}
section#intvw .tltArea p .name {
    font-size: 2.3rem;
    padding-right: 4px;
}
section#intvw .tltArea p .dept {
    font-size: 1.5rem;
    background-color: #E0EAB7;
    border: 1px solid #1A1311;
    padding: 4px 8px;
    width: fit-content;
    white-space: nowrap;
}
section#intvw .whitebox h4 {
    font-size: 2.3rem;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 28px;
    text-indent: -1.8em;
    padding-left: 1.8em;
}
section#intvw .whitebox p.text {
    font-size: 1.6rem;
    margin-bottom: 0;
}
section#intvw .whitebox p.text + h4 {
    margin-top: 62px;
}
section#intvw .whitebox h5 {
    margin-bottom: 10px;
}
section#intvw .whitebox p.text + h5 {
    margin-top: 28px;
}


/* タブレット用
-------------------------------------------- */
@media (max-width: 999px) and (min-width: 768px) {

    /* --------------------------------
        □ intvw
    -------------------------------- */
    section#intvw .accent {
        padding-right: 4%;
        padding-left: 4%;
    }
}


/* SP用
-------------------------------------------- */
@media only screen and (max-width : 767px) {

    /* --------------------------------
        □ intvw
    -------------------------------- */
    section#intvw p.intro-text {
        margin-bottom: 30px;
    }
    section#intvw .whitebox {
        padding: 0;
    }
    section#intvw .accent,
    section#intvw .subsection#interview02 .accent,
    section#intvw .subsection#interview03 .accent {
        background: none;
        border: none;
        padding: 0;
        flex-direction: column;
        margin-bottom: 0;
    }
    section#intvw .txtArea {
        margin-left: 4%;
        margin-right: 4%;
        margin-bottom: 30px;
    }
    section#intvw .tltArea {
        width: 100%;
        max-width: 100%;
        padding: 50px 4% 30px;
        box-sizing: border-box;
        border: none;
    }
    section#intvw .tltArea .icon {
        zoom: 0.8;
        left: 4%;
    }
    section#intvw .tltArea h3 {
        font-size: 2rem;
        padding-bottom: 12px;
    }
    section#intvw .tltArea p .year {
        font-size: 1.5rem;
    }
    section#intvw .tltArea p .name {
        font-size: 1.8rem;
    }
    section#intvw .tltArea p .dept {
        display: block;
        padding: 0px 8px;
        margin-top: 4px;
    }
    section#intvw .whitebox h4 {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    section#intvw .whitebox p.text {
        font-size: 1.5rem;
    }
    section#intvw .whitebox p.text + h4 {
        margin-top: 30px;
    }
    section#intvw .whitebox p.text + h5 {
        margin-top: 20px;
    }
}