@charset "utf-8";
/***** REPORT-CSS *****/
.c-sp { display: block; }
.c-pc { display: none; }
@media screen and ( min-width: 960px ) {
    .c-sp { display: none; }
    .c-pc { display: block; }
}

.single-content.archive-report .entry-header {
    padding: 12vw 0 13vw;
}
.single-content.archive-report .entry-content,
.single-content.single-report .entry-content {
    padding-bottom: 0;
}
.single-content.archive-report .entry-content.lead-area::before {
    content: "";
    position: absolute;
    bottom: 99.8%;
    left: 0;
    width: 100%;
    height: 18vw;
    background-image: url('../images/subpage/report_head-bg.png?116');
    background-size: 100% auto;
    background-position: top center;
    z-index: 0;
}
.single-content.single-report .entry-content::before {
    display: none;
}

.single-content.single-report .entry-header {
    background: url(../images/subpage/interview_bg02-sp.jpg??);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 43vw 0 0;
    position: relative;
}
.single-content.single-report .entry-header.movie-head {
    background: url(../images/subpage/interview_bg01-sp.jpg);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 10vw 0 0;
}
.single-content.single-report .entry-header.movie-head .main::after {
    content: "";
    position: absolute;
    bottom: -17%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 18vw;
    background-image: url('../images/subpage/report_head-bg.png?116');
    background-size: 100% auto;
    background-position: top center;
    z-index: 0;
}
@media screen and ( min-width: 960px ) {
    .single-content.archive-report .entry-header {
        padding: 9vw 0 9vw;
    }
    .single-content.archive-report .entry-content.lead-area::before {
        height: 17.8vw;
        background-size: 101% auto;
    }

    .single-content.single-report .entry-header {
        background: url(../images/subpage/interview_bg02-pc.jpg???);
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding: 22vw 0 17vw;
    }
    .single-content.single-report .entry-header.movie-head {
        background: url(../images/subpage/interview_bg01-pc.jpg?);
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding: 7vw 0 0;
    }
    .single-content.single-report .entry-header.movie-head .main::after {
        bottom: -24%;
    }

    .single-content.single-report .breadcrumb {
        padding-top: 0;
        line-height: 1.4;
    }
}

/**** single-report ****/
.single-report .movie-head .main {
    position: relative;
}
.single-report .movie-head .main img {
    width: 85.5%;
    margin: auto;
}
.single-report .entry-header .info {
    width: 90%;
    margin: 5% auto 2%;
}
.single-report .entry-header .info .comment {
    font-size: min(24px, 240%);
    line-height: 1.5;
    margin-bottom: 3%;
}
.single-report .entry-header .profile .p-title {
    background-color: #c44500;
    color: #fff;
    display: inline-block;
    border-radius: 16px 16px 0 0;
    padding: 0px 23px;
    letter-spacing: 0.9px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: -1px;
}
.single-report .entry-header .profile .p-list_box {
    border: 2px solid #c44500;
    background: #fff;
    border-radius: 0 14px 14px;
    padding: 20px 20px 10px;
    box-sizing: border-box;
}
.single-report .entry-header .profile .p-list {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.single-report .entry-header .profile .p-list .heading {
    padding: 4px 6px 4px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    border-radius: 100px;
    font-size: 100%;
    background: #c44500;
    width: min(140px, 50%);
    margin-right: 10px;
}
.single-report .entry-header .profile .p-list .info-text {
    font-size: 100%;
    line-height: 1.2;
    width: 70%;
    font-size: 100%;
    margin: 0;
}
.single-report .entry-header .p-list_box .p-list.name {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 6px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #c44500;
}
.single-report .entry-header .p-list_box .p-list.name .jp {
    font-size: 134%;
    font-weight: 600;
}
.single-report .entry-header .p-list_box .p-list.name .jp .honor {
    font-size: 70%;
    font-weight: 500;
    margin-left: 5px;
}
.single-report .entry-header .p-list_box .p-list.name .en {
    font-size: 80%;
    font-weight: 500;
    color: #c44500;
    margin-bottom: -3px;
}
.single-report .wrapper_movie {
    padding-bottom: 5%;
}
.single-report .wrapper_text {
    background: #008299;
    background: linear-gradient(0deg, rgba(0, 130, 153, 1) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);
}
.single-report .wrapper_text::after {
    content: "";
    display: inline-block;
    background: url(../images/subpage/senior_midasi_bg_01.png) no-repeat;
    background-size: 100% auto;
    height: 45vw;
    width: 100%;
    position: absolute;
    bottom: 85%;
    left: 0;
    background-position: bottom center;
    z-index: 0;
}
@media screen and ( min-width: 960px ) {
    .single-report .movie-head .main img {
        width: 47.2%;
        margin-left: auto;
        margin-right: 5%;
        margin-top: -3%;
    }
    .single-report .entry-header .info {
        position: absolute;
        top: 56%;
        left: 10%;
        transform: translateY(-50%);
        z-index: 1;
        width: min(560px,40%);
        margin: auto;
    }
    .single-report .entry-header .info .comment {
        font-size: clamp(20px, 170%, 50px);
        margin-bottom: 4%;
        width: 110%;
    }
    .single-report .entry-header .profile .p-title {
        font-size: min(110%, 20px);
    }
    .single-report .entry-header .profile .p-list_box {
        padding: 3% 5%;
    }
    .single-report .entry-header .profile .p-list {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .single-report .entry-header .profile .p-list .heading {
        width: min(140px, 50%);
        margin-right: 10px;
        font-size: min(90%, 16px);
    }
    .single-report .entry-header .profile .p-list .info-text {
        width: 70%;
        font-size: min(90%, 16px);
        margin: 0;
    }
    .single-report .entry-header .p-list_box .p-list.name .jp {
        font-size: 164%;
    }
    .single-report .entry-header .p-list_box .p-list.name .en {
        font-size: 90%;
    }
    .single-report .wrapper_text {
        background: linear-gradient(0deg, rgba(0, 130, 153, 1) 51%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 100%);
    }
    .single-report .wrapper_text::after {
        bottom: 50%;
    }
}

/**** interview-content ****/
.single-report .interview-content {
    margin-top: 11%;
}
.single-report .interview-content .con-title,
.single-report .interview-content .photo-title {
    color: #fff;
    padding: 5% 0 3%;
    line-height: 1.4;
    position: relative;
    font-size: 133%;
}
.single-report .interview-content .photo-title {
    text-align: right;
}
.single-report .interview-content .con-title .t-text,
.single-report .interview-content .photo-title .t-text {
    position: relative;
    z-index: 1;
}
.single-report .interview-content .con-title::after {
    content: "";
    position: absolute;
    top: -39%;
    left: -5%;
    background-image: url(../images/subpage/interview_titlebg-orenge.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-top: 50%;
    padding-left: 81%;
}
.single-report .interview-content .photo-title::after {
    content: "";
    position: absolute;
    top: -51%;
    right: -3%;
    background-image: url(../images/subpage/interview_titlebg-blue.png);
    background-size: 110% auto;
    background-repeat: no-repeat;
    padding-top: 57%;
    padding-left: 73%;
}
.single-report .interview-content .content-box {
    position: relative;
    margin-top: 0;
}
@media screen and ( min-width: 600px ) {
    .single-report .interview-content .con-title,
    .single-report .interview-content .photo-title {
        font-size: 178%;
    }
}
@media screen and ( min-width: 960px ) {
    .single-report .interview-content {
        margin-top: 4%;
    }
    .single-report .interview-content .con-title,
    .single-report .interview-content .photo-title {
        font-size: min(30px,2.3vw);
    }
    .single-report .interview-content .con-title::after {
        top: 0;
        left: -13%;
        padding-top: 41%;
        padding-left: 53%;
    }
    .single-report .interview-content .photo-title::after {
        top: -24%;
        right: -12%;
        background-size: 100% auto;
        padding-top: 41%;
        padding-left: 53%;
    }
}

/**** c-movie_area/c-text_area ****/
.single-report .c-movie_area {
    position: relative;
    z-index: 2;
}
.single-report .c-movie_area .movie {
    aspect-ratio: 16 / 9;
    width: 100%;
    margin: auto;
    position: relative;
}
.single-report .c-text_area {
    position: relative;
    z-index: 1;
    padding-bottom: 13vw;
}
.single-report .c-text_area .content-box {
    position: relative;
    padding: 6vw 5vw;
}
.single-report .c-movie_area .movie::before,
.single-report .c-text_area .con-title::before {
    content: "";
    position: absolute;
    top: -54%;
    right: 0;
    background: url(../images/subpage/interview_img01-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-top: 32%;
    padding-left: 34%;
}
.single-report .c-text_area .con-title::before {
    top: -12vw;
    padding-top: 40%;
    padding-left: 40%;
    z-index: 1;
}
.single-report .c-movie_area .movie video {
    width: auto;
    height: 100%;
    border-radius: 23px;
    border: 2px solid #c44500;
    box-sizing: border-box;
    line-height: 0;
}
@media screen and ( min-width: 600px ) {
    .single-report .c-text_area .con-title::before {
        top: -12vw;
        padding-top: 32%;
        padding-left: 32%;
        z-index: 1;
    }
}
@media screen and ( min-width: 960px ) {
    .single-report .c-movie_area .movie {
        width: 90%;
    }
    .single-report .c-text_area {
        padding-bottom: 6vw;
    }
    .single-report .c-text_area .content-box {
        padding: 40px 60px;
    }
    .single-report .c-movie_area .movie::before,
    .single-report .c-text_area .con-title::before {
        top: -37.5%;
        right: -10%;
        background: url(../images/subpage/interview_img01-pc.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding-top: 21.5%;
        padding-left: 28%;
    }
    .single-report .c-text_area .con-title::before {
        top: -33.5%;
    }
    .single-report .c-movie_area .m-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        opacity: 1;
        transition: all 0.1s ease-in-out;
    }
    .single-report .c-movie_area .m-btn::before {
        content: "";
        background: url(../images/subpage/interview_icon-movie_on.svg) no-repeat;
        background-size: cover;
        width: 63px;
        height: 69px;
        display: inline-block;
        transition: all 0.1s ease-in-out;
    }
    .single-report .c-movie_area .movie:hover .m-btn::before {
        background: url(../images/subpage/interview_icon-movie.svg) no-repeat;
        background-size: cover;
    }
    .single-report .c-movie_area .movie.active .m-btn {
        opacity: 0;
        transition: all 0.1s ease-in-out;
    }
}

/**** photo_area ****/
.single-report .c-photo_area {
    position: relative;
    padding-top: 10vw;
    padding-bottom: 4vw;
    margin-bottom: -5%;
    background: #008299;
}
.single-report .c-photo_area::before {
    content: "";
    display: inline-block;
    background: url(../images/subpage/senior_midasi_bg_01.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    height: 45vw;
    width: 100%;
    position: absolute;
    top: -44.5vw;
    left: 0;
    z-index: 0;
}
.single-report .c-photo_area .entry-content {
    position: relative;
    z-index: 1;
}
.single-report .c-photo_area .photo_list {
    position: relative;
    width: 100%;
    margin: auto;
    color: #fff;
}
.single-report .c-photo_area .photo_box {
    width: 90%;
    margin-bottom: 8%;
}
.single-report .c-photo_area .photo_box:nth-child(1n) {
    margin-left: 0;
}
.single-report .c-photo_area .photo_box:nth-child(2n) {
    margin-left: auto;
}
.single-report .c-photo_area .photo_box .p-img img {
    border-radius: 50px;
}
.single-report .c-photo_area .photo_box .p-comme {
    line-height: 1.9;
}
@media screen and ( min-width: 960px ) {
    .single-report .c-photo_area {
        padding-top: 3vw;
        background: linear-gradient(0deg, rgba(0, 130, 153, 1) 97.5%, rgba(255, 255, 255, 1) 97.5%, rgba(255, 255, 255, 1) 100%);
    }
    .single-report .c-photo_area::before {
        top: -39.5vw;
    }
    .single-report .c-photo_area .photo_list {
        width: 90%;
    }
    .single-report .c-photo_area .photo_box {
        display: flex;
        align-items: center;
        padding-bottom: 3%;
        width: 100%;
    }
    .single-report .c-photo_area .photo_box .p-img {
        width: 60%;
    }
    .single-report .c-photo_area .photo_box .p-img img {
        border-radius: 70px;
    }
    .single-report .c-photo_area .photo_box .p-comme {
        width: 44%;
        font-size: 16px;
        line-height: 2.3;
    }
    .single-report .c-photo_area .photo_box:nth-child(1n) {
        flex-direction: row-reverse;
        margin: auto;
    }
    .single-report .c-photo_area .photo_box:nth-child(1n) .p-comme {
        margin-right: 3%;
    }
    .single-report .c-photo_area .photo_box:nth-child(2n) {
        flex-direction: row;
        margin: auto;
    }
    .single-report .c-photo_area .photo_box:nth-child(2n) .p-comme {
        margin-left: 3%;
    }
}

/**** wrapper_bottom *****/
.single-content .wrapper_bottom {
    position: relative;
    background: #006173;
    padding-bottom: 30vw;
}
.single-content .wrapper_bottom::before {
    content: "";
    position: absolute;
    bottom: 99.9%;
    left: 0;
    width: 100%;
    height: 29vw;
    background-image: url('../images/subpage/merit_midasi_bg_02.png');
    background-size: 100% auto;
    background-position: bottom center;
    z-index: 0;
}

.more_area .more_title {
    text-align: left;
    color: #fff;
    position: relative;
    padding: 3vw 0 5vw;
    font-size: 140%;
    line-height: 1.3;
}
.more_area .more_title::before,
.more_area .more_title::after {
    content: "";
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
}
.more_area .more_title::before {
    background: url('../images/subpage/interview_img02.png') no-repeat;
    background-size: cover;
    padding-top: 19.466%;
    padding-left: 18.964%;
    right: 16%;
}
.more_area .more_title::after {
    background: url('../images/subpage/interview_img03.png') no-repeat;
    background-size: cover;
    padding-top: 19.128%;
    padding-left: 16.957%;
    right: 0;
}
.more_area .link-button {
    position: relative;
    z-index: 5;
    text-align: center;
    margin: 5% auto 0;
}
.more_area .link-button a {
    position: relative;
    display: block;
    width: min(347px, 90%);
    margin: auto;
    background: #fff;
    border-radius: 100px;
    padding: 15px;
    font-size: 110%;
    font-weight: bold;
    color: #006173;
    box-sizing: border-box;
    box-shadow: 0 4px 0px #008299;
    transition: 0.1s ease-in-out ;
}
.more_area .link-button a::after {
    content: "";
    position: absolute;
    background-image: url(../images/arrow-icon_blue.svg);
    background-size: cover;
    background-position: center center;
    padding-top: 5%;
    padding-left: 5%;
    top: 50%;
    right: 6%;
    transform: translate(0%, -50%);
    transition: 0.1s ease-in-out ;
}
.more_area .link-button a:hover {
    background: #008299;
    color: #fff;
    box-shadow: 0 0;
}
.more_area .link-button a:hover::after {
    background-image: url(../images/arrow-icon.svg);
}
@media screen and ( min-width: 600px ) {
    .more_area .more_title {
        font-size: 178%;
    }
}
@media screen and ( min-width: 960px ) {
    .single-content .wrapper_bottom {
        padding-bottom: 0;
    }
    .more_area .more_title {
        text-align: center;
        font-size: min(30px, 2.5vw);
        padding: 3vw 0 3vw;
        line-height: 1.75;
    }
    .more_area .more_title::before {
        padding-top: 14.466%;
        padding-left: 13.964%;
        right: auto;
        left: min(200px,10vw);
    }
    .more_area .more_title::after {
        padding-top: 14.128%;
        padding-left: 12.957%;
        right: min(140px, 8vw);
    }
    .single-content .wrapper_bottom .entry-content {
        padding-bottom: 13vw;
    }
    .more_area .link-button {
        margin: 3% auto 0;
    }
    .more_area .link-button a {
        font-size: 116%;
    }
}

/**** archive-report ** lead-area ****/
.archive-report .content-lead {
    margin-top: 4vw;
    padding-bottom: 10vw;
    position: relative;
    z-index: 1;
}
.archive-report .content-lead .img {
    line-height: 0;
    margin: 0;
    position: relative;
}
.archive-report .content-lead .img::after {
    content: "";
    background: url(../images/subpage/report_img01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 28.7%;
    padding-left: 10%;
    position: absolute;
    top: -18.5vw;
    right: 7vw;
    z-index: 0;
}
.archive-report .content-lead .img img {
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.archive-report .content-lead .lead-title {
    color: #006173;
    letter-spacing: 2px;
    font-size: min(30px , 5vw);
    margin-top: 5%;
}
.archive-report .content-lead .text {
    font-size: min(4.5vw, 20px);
}
.archive-report .content-lead .t-img {
    display: block;
    width: 50%;
    margin-top: 2%;
    margin-left: auto;
}
@media screen and ( min-width: 960px ) {
    .archive-report .content-lead {
        display: flex;
        flex-direction: row-reverse;
        margin-top: 3%;
        padding-bottom: 5vw;
    }
    .archive-report .content-lead .img {
        width: 70%;
    }
    .archive-report .content-lead .img::after {
        padding-top: 24.7%;
        padding-left: 9%;
        top: -8.5vw;
        right: 2vw;
    }
    .archive-report .content-lead .img img {
        border-radius: 32px;
    }
    .archive-report .content-lead .text-box {
        width: 37%;
        margin-right: 3%;
    }
    .archive-report .content-lead .lead-title {
        font-size: min(30px , 2.4vw);
        margin-top: 0;
    }
    .archive-report .content-lead .text {
        font-size: min(1.8vw, 20px);
        margin-top: 5%;
    }
    .archive-report .content-lead .t-img {
        width: 80%;
        margin: 10% auto 0;
    }
}

/**** content-lead ****/
.single-content.archive-report .wrapper_ca01 {
    background: #006173;
    margin-top: -20%;
    padding-bottom: 30vw;
}
.archive-report .wrapper_ca01::before {
    content: "";
    position: absolute;
    bottom: 99.9%;
    left: 0;
    width: 100%;
    height: 29vw;
    background-image: url('../images/subpage/merit_midasi_bg_02.png');
    background-size: 100% auto;
    background-position: bottom center;
    z-index: 0;
}
.archive-report .interview-list {
    padding-top: 12%;
}
@media screen and ( min-width: 960px ) {
    .single-content.archive-report .wrapper_ca01 {
        margin-top: -3%;
        padding-bottom: 12vw;
    }
    .archive-report .interview-list {
        padding-top: 3%;
    }
}


/**** interview-list single下部共通****/
.interview-list {
    display: flex;
    list-style: none;
    align-items: stretch;
    flex-wrap: wrap;
    overflow-x: hidden;
    position: relative;
    z-index: 3;
}
.interview-list .list-box {
    width: calc(100% / 2 - 4px);
    margin: 2px;
    background: #fff;
    border-radius: 16px;
    border: 2px solid #006173;
    box-sizing: border-box;
    position: relative;
}
.interview-list .list-box .box-abroad {
    text-align: center;
    padding: 5px 10px 10px;
    box-sizing: border-box;
    border-bottom: 2px solid #006173;
}
.interview-list .list-box .box-abroad .dec {
    display: block;
    font-size: 94%;
    font-weight: 500;
}
.interview-list .list-box .box-abroad .en-abroad {
    background: #ccc;
    border-radius: 100px;
    padding: 5px 4px 6px;
    font-size: 60%;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    max-width: 282px;
    width: 100%;
    margin: auto;
}
.interview-list .list-box .box-photo {
    padding: 5px 0 15px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #00728C;
    position: relative;
}
.interview-list .list-box .box-photo::before,
.interview-list .list-box .box-photo::after {
    content: "";
    position: absolute;
    top: 100.5%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #006173;
}
.interview-list .list-box .box-photo::before {
    left: -13px;
}
.interview-list .list-box .box-photo::after {
    right: -13px;
}
.interview-list .list-box .box-photo .photo {
    display: block;
    width: min(188px, 76%);
    margin: auto;
    line-height: 0;
    position: relative;
}
.interview-list .list-box .box-photo .photo::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    background: #ccc;
    border-radius: 100px;
    padding-top: 100%;
    padding-left: 100%;
}
.interview-list .list-box .box-photo .photo img {
    position: relative;
}
.interview-list .list-box .int-title {
    padding: 0 10px 10px;
    font-size: 100%;
    line-height: 1.5;
}
.interview-list .list-box .box-info {
    list-style: none;
    padding: 0 10px 10px;
}
.interview-list .list-box .info-list {
    margin-bottom: 8px;
}
.interview-list .list-box .heading {
    background: #ccc;
    padding: 5px 6px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    border-radius: 100px;
    font-size: 84%;
}
.interview-list .list-box .info-text {
    font-size: 90%;
    line-height: 1.2;
    margin: 5px 7px;
}

.list-box.cyan .box-abroad .en-abroad,
.list-box.cyan .box-photo .photo::before,
.interview-list .list-box.cyan .heading {
    background: #008299;
}

.list-box.red .box-abroad .en-abroad,
.list-box.red .box-photo .photo::before,
.interview-list .list-box.red .heading {
    background: #A32528;
}

.list-box.green .box-abroad .en-abroad,
.list-box.green .box-photo .photo::before,
.interview-list .list-box.green .heading {
    background: #00523F;
}

.list-box.orange .box-abroad .en-abroad,
.list-box.orange .box-photo .photo::before,
.interview-list .list-box.orange .heading {
    background: #C44500;
}

.list-box.purple .box-abroad .en-abroad,
.list-box.purple .box-photo .photo::before,
.interview-list .list-box.purple .heading {
    background: #5A43A3;
}

.list-box.pink .box-abroad .en-abroad,
.list-box.pink .box-photo .photo::before,
.interview-list .list-box.pink .heading {
    background: #B64F47;
}

.list-box.lime .box-abroad .en-abroad,
.list-box.lime .box-photo .photo::before,
.interview-list .list-box.lime .heading {
    background: #19805D;
}

.list-box.blue .box-abroad .en-abroad,
.list-box.blue .box-photo .photo::before,
.interview-list .list-box.blue .heading {
    background: #006173;
}

.list-box.yellow .box-abroad .en-abroad,
.list-box.yellow .box-photo .photo::before,
.interview-list .list-box.yellow .heading {
    background: #856A35;
}

ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10vw auto 0;
}
ul.page-numbers li {
    margin: 0 3px 10px;
}
ul.page-numbers li > .page-numbers {
    background: #FFF5E8;
    color: #C44500;
    width: 50px;
    height: 50px;
    display: block;
    line-height: 44px;
    border: 2px solid #C44500;
    border-radius: 100px;
    font-size: 130%;
    font-weight: 500;
    text-align: center;
    transition: 0.1s ease-in-out;
}
ul.page-numbers li > .page-numbers.current,
ul.page-numbers li > .page-numbers:hover {
    background: #C44500;
    color: #FFF5E8;
    border: 2px solid #FFF5E8;
}
ul.page-numbers li > .page-numbers.next,
ul.page-numbers li > .page-numbers.prev {
    background: inherit;
    border: none;
    color: #fff;
    width: auto;
    height: auto;
    line-height: inherit;
    font-size: 100%;
    position: relative;
}
ul.page-numbers li > .page-numbers.next::before,
ul.page-numbers li > .page-numbers.prev::before {
    content: "";
    background-image: url(../images/subpage/interview_icon-movie.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 14px;
    display: inline-block;
    transition: all 0.1s ease-in-out;

}
ul.page-numbers li > .page-numbers.next:hover::before,
ul.page-numbers li > .page-numbers.prev:hover::before {
    background-image: url(../images/subpage/interview_icon-movie_on.svg);
}
ul.page-numbers li > .page-numbers.prev::before,
ul.page-numbers li > .page-numbers.prev:hover::before {
    transform: rotate(-180deg);
}

@media screen and ( min-width: 600px ) {
    .interview-list .list-box .box-abroad .en-abroad {
        font-size: 100%;
    }
}
@media screen and ( min-width: 960px ) {
    .interview-list .list-box {
        width: calc(100% / 3 - 20px);
        margin: 10px;
        border-radius: 26px;
        transition: 0.1s ease-in-out;
    }
    .interview-list .list-box .info-list {
        display: flex;
        align-items: center;
    }
    .interview-list .list-box .box-abroad {
        padding: 5px 15px 10px;
    }
    .interview-list .list-box .box-abroad .en-abroad {
        padding: 8px 4px 10px;
        font-size: 103%;
    }
    .interview-list .list-box .box-photo {
        margin-bottom: 20px;
    }
    .interview-list .list-box .box-photo .photo {
        width: min(188px, 83%);
        transition: 0.3s ease-in-out;
    }
    .interview-list .list-box .box-photo::before,
    .interview-list .list-box .box-photo::after {
        width: 30px;
        height: 30px;
    }
    .interview-list .list-box .box-photo::before {
        left: -20px;
    }
    .interview-list .list-box .box-photo::after {
        right: -20px;
    }
    .interview-list .list-box .int-title {
        padding: 0 20px 10px;
        font-size: 116%;
    }
    .interview-list .list-box .box-info {
        padding: 0 20px 15px;
    }
    .interview-list .list-box .heading {
        font-size: 74%;
        width: 43%;
        margin-right: 8px;
    }
    .interview-list .list-box .info-text {
        width: 60%;
        font-size: 84%;
        margin: auto;
    }
    .interview-list .list-box:hover {
        box-shadow: 4px 4px #008299;
        transition: 0.1s ease-in-out;
    }
    .interview-list .list-box:hover .box-photo .photo {
        transform: scale(1.05);
        transition: 0.1s ease-in-out;
    }
    ul.page-numbers {
        margin: 5% auto 0;
        position: relative;
        z-index: 3;
    }
    ul.page-numbers li {
        margin: 0 5px 5px;
    }
    ul.page-numbers li > .page-numbers {
        line-height: 45px;
    } 
}