@charset "UTF-8";
header {
    background-color: #fff;
    transition: .5s all;
}

header.is-animation {
    background: #fff;
    transition: .5s all;
}


/*-- 共通CSS ------------------------------------------------------------------------------*/


/*-- インタビュー一覧 ------------------------------------------------------------------------------*/

.in_interview_list_area {
    max-width: 1730px;
    width: 100%;
    margin: auto;
    position: relative;
}

.in_interview_list_area02 {
    max-width: 1730px;
    width: 100%;
    margin: auto;
    position: relative;
}

.in_interview_list_area:after {
    content: "";
    max-width: 495px;
    width: 100%;
    height: 495px;
    background: url(../img/in_interview_list_icon.png)no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.in_interview_list_area02:after {
    content: "";
    max-width: 495px;
    width: 100%;
    height: 495px;
    background: url(../img/in_interview_list_icon.png)no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.in_interview_list_wrap {
    padding: 100px 15px;
}

.in_interview_list_inner01 {
    max-width: 1367px;
    margin: 60px 0 0 auto;
    position: relative;
    z-index: 9;
}

.in_interview_list_inner02 {
    max-width: 1367px;
    position: relative;
    margin: 60px 0 0 0;
    z-index: 9;
}

.in_interview_list_inner03 {
    margin: 0 0 0 auto;
}

.in_interview_img01 {
    max-width: 960px;
    width: 100%;
    margin: auto;
}

.in_interview_img02 {
    max-width: 960px;
    width: 100%;
    margin: auto;
}

.in_interview_list_txt_area {
    max-width: 590px;
    width: 100%;
    padding: 48px 15px;
    background: #fff;
    box-shadow: 3px 3px 20px rgb(51 8 103 / 10%);
    margin: 40px auto 0;
}

.in_interview_list_txt_inner {
    max-width: 420px;
    width: 100%;
    margin: auto;
}

.in_interview_list_tit_box {
    display: flex;
    align-items: baseline;
}

.in_interview_list_tit {
    font-size: 200%;
    font-weight: 500;
    color: #0C509B;
    font-family: 'Josefin Sans', sans-serif;
    margin: 0 18px 0 0;
}

.in_interview_list_num {
    font-family: 'Josefin Sans', sans-serif;
    color: #0C509B;
    font-size: 400%;
    line-height: 0.5em;
}

.in_interview_btn01 {
    display: block;
    max-width: 285px;
    width: 100%;
    padding: 14px;
    border-radius: 50px;
    border: 1px solid #0C509B;
    text-align: center;
    color: #0C509B;
	background: #FFF;
    letter-spacing: 0.1em;
    font-size: 100%;
    font-weight: 700;
    margin: 30px 0 0 0;
	transition: ease 0.5s all;
}

.in_interview_btn01:hover {
    background: #0C509B;
    color: #fff;
}

.in_interview_list_txt {
    font-size: 100%;
    font-weight: 500;
    color: #0C509B;
    margin: 30px 0 0 0;
}

.in_interview_list_inner01 .in_interview_list_txt_area {
    position: relative;
}

.in_interview_list_inner02 .in_interview_list_txt_area {
    position: relative;
}

.in_interview_img01 img {
    border-radius: 50px 0 50px 0;
}

.in_interview_img02 img {
    border-radius: 0 50px 0 50px;
}

@media screen and (min-width: 768px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /*-- インタビュー一覧 ------------------------------------------------------------------------------*/
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 768px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 992px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 992px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1200px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    .in_interview_list_inner01 .in_interview_list_txt_area {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .in_interview_list_inner02 .in_interview_list_txt_area {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .in_interview_list_txt_area {
        margin: 0;
    }
    .in_interview_img01 {
        margin: 0 0 0 auto;
    }
    .in_interview_img02 {
        margin: 0;
    }
    .in_interview_list_inner01 {
        margin: 140px 0 0 auto;
    }
    .in_interview_list_inner02 {
        margin: 140px 0 0 0;
    }
    .in_interview_list_tit {
        font-size: 237.5%;
        margin: 0 27px 0 0;
    }
    .in_interview_list_num {
        font-size: 500%;
    }
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 1200px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1700px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}


/* min-width: 1700px ここまで */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */