body {
    background-color: #f4f4f5;
    color: #202733;
    font-family:
        Noto Sans JP,
        sans-serif;
    font-optical-sizing: auto;
    line-height: 1.43;
}
body.is-fixed {
    overflow: hidden;
}
body main {
    overflow-x: clip;
}

.interview {
    margin: 17.0666666667vw 0 18.1333333333vw;
}
@media (min-width: 52.1875em) {
    .interview {
        margin: 6.9444444444vw 0 6.1111111111vw;
    }
}
.interview__inner {
    margin: 0 auto;
    max-width: 87.2vw;
    background: #fcfcfc;
    border-radius: 6px;
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw) calc(50 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__inner {
        max-width: 71.1111111111vw;
        padding: calc(60 / 1440 * 100vw) calc(80 / 1440 * 100vw) calc(100 / 1440 * 100vw);
    }
}

.interview__ttl {
    font-size: calc(20 / 375 * 100vw);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.04em;
    margin-bottom: calc(30 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__ttl {
        font-size: calc(32 / 1440 * 100vw);
        margin-bottom: calc(50 / 1440 * 100vw);
    }
}

.interview__block {
    margin-bottom: calc(45 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block {
        margin-bottom: calc(65 / 1440 * 100vw);
    }
}
.interview__block:last-child {
    margin-bottom: 0;
}
.interview__block__ttl {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: calc(32 / 24);
    background: #202733;
    border-radius: 4px;
    font-size: calc(18 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(17 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__ttl {
        font-size: calc(24 / 1440 * 100vw);
        padding: calc(10 / 1440 * 100vw) calc(17 / 1440 * 100vw);
        margin-bottom: calc(30 / 1440 * 100vw);
    }
}

.interview__block__stl {
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: calc(32 / 20);
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__stl {
        font-size: calc(20 / 1440 * 100vw);
        margin-bottom: calc(30 / 1440 * 100vw);
    }
}

.interview__block__member.intro {
    background: #eaf1f8;
    border-radius: 16px;
    padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
    margin-bottom: calc(40 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__member.intro {
        padding: calc(35 / 1440 * 100vw) calc(40 / 1440 * 100vw);
        margin-bottom: calc(50 / 1440 * 100vw);
    }
}

.interview__block__member.intro ul li {
    margin-bottom: calc(22 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__member.intro ul li {
        margin-bottom: calc(22 / 1440 * 100vw);
    }
}

.interview__block__member ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: calc(20 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__member ul li {
        margin-bottom: calc(32 / 1440 * 100vw);
    }
}
.interview__block__member ul li:last-child {
    margin-bottom: 0;
}

.interview__block__member ul li .speaker {
    width: 100%;
    padding-right: calc(15 / 375 * 100vw);
    margin-bottom: calc(7 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__member ul li .speaker {
        width: calc(104 / 1440 * 100vw);
        padding-right: calc(15 / 1440 * 100vw);
        margin-bottom: 0;
    }
}

.interview__block__member ul li .speaker span {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.04em;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    font-size: calc(14 / 375 * 100vw);
    padding: calc(4 / 375 * 100vw) 0 calc(5 / 375 * 100vw);
    width: calc(82 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__member ul li .speaker span {
        font-size: calc(16 / 1440 * 100vw);
        padding: calc(8 / 1440 * 100vw) 0 calc(9 / 1440 * 100vw);
        width: calc(82 / 1440 * 100vw);
    }
}

.interview__block__member ul li .speaker.speaker01 span {
    background: #293792;
}
.interview__block__member ul li .speaker.speaker02 span {
    background: #26a9e1;
}
.interview__block__member ul li .speaker.speaker03 span {
    background: #8bc43f;
}

.interview__block__member ul li .txt {
    line-height: calc(28 / 16);
    letter-spacing: 0.04em;
    font-size: calc(14 / 375 * 100vw);
    width: 100%;
}
@media (min-width: 52.1875em) {
    .interview__block__member ul li .txt {
        font-size: calc(16 / 1440 * 100vw);
        width: calc(100% - (104 / 1440 * 100vw));
    }
}

.interview__block__img {
    margin-top: calc(30 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__img {
        margin-top: calc(45 / 1440 * 100vw);
    }
}
.interview__block__img img {
    border-radius: 12px;
    width: 100%;
}

.interview__block__table table {
    border: 1px solid #d6d6d6;
    table-layout: fixed;
    width: 100%;
}
.interview__block__table table th {
    letter-spacing: 0.04em;
    font-weight: 500;
    background: #eaf1f8;
    border-right: 1px solid #b7cae7;
    border-bottom: 1px solid #b7cae7;
    text-align: center;
    vertical-align: middle;
    font-size: calc(10 / 375 * 100vw);
    height: calc(57 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__table table th {
        font-size: calc(14 / 1440 * 100vw);
        height: calc(57 / 1440 * 100vw);
    }
}
.interview__block__table table th:first-child {
    width: calc(60 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__table table th:first-child {
        width: calc(148 / 1440 * 100vw);
    }
}
.interview__block__table table th:last-child {
    border-right: none;
}

.interview__block__table table td {
    font-weight: 500;
    letter-spacing: 0.04em;
    border-right: 1px solid #b7cae7;
    border-bottom: 1px solid #b7cae7;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
    font-size: calc(10 / 375 * 100vw);
    height: calc(57 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__table table td {
        font-size: calc(14 / 1440 * 100vw);
        height: calc(57 / 1440 * 100vw);
        padding: 0 calc(10 / 1440 * 100vw);
    }
}
.interview__block__table table td:last-child {
    border-right: none;
}
.interview__block__table tbody tr:last-child * {
    border-bottom: none;
}
.interview__block__table tbody th:first-child {
    font-weight: 700;
    font-size: calc(10 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .interview__block__table tbody th:first-child {
        font-size: calc(16 / 1440 * 100vw);
    }
}

.btn__entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
    border-radius: 7px;
    margin-top: calc(30 / 375 * 100vw);
    gap: calc(15 / 375 * 100vw) 2%;
}
@media (min-width: 52.1875em) {
    .btn__entry {
        margin-top: calc(70 / 1440 * 100vw);
    }
}
.btn__entry a {
    font-size: calc(14 / 375 * 100vw);
    font-weight: 700;
    height: calc(80 / 375 * 100vw);
    width: 100%;
    border-radius: 7px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    letter-spacing: 0.04em;
    transition: opacity 0.3s;
}
@media (min-width: 52.1875em) {
    .btn__entry a {
        font-size: calc(18 / 1440 * 100vw);
        width: 49%;
        height: calc(101 / 1440 * 100vw);
    }
}
.btn__entry a:hover {
    opacity: 0.8;
}
.btn__entry a.btn01 {
    color: #fff;
    background: #202733;
    border: 2px solid #202733;
}
.btn__entry a.btn02 {
    background: #fff;
    border: 2px solid #202733;
}
.btn__entry a span {
    font-size: calc(12 / 375 * 100vw);
    font-weight: 400;
    font-family:
        Hanken Grotesk,
        sans-serif;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 3px;
    width: 100%;
}
@media (min-width: 52.1875em) {
    .btn__entry a span {
        font-size: calc(14 / 1440 * 100vw);
    }
}

/* .btn__entry {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    border-radius: 7px;
    box-shadow: 0 0.9722222222vw 2.3611111111vw #021a423d;
    width: 100%;
    background: url(../img/interview/bg_entry.jpg) no-repeat center center / cover;
    transition: opacity 0.3s;
    height: calc(150 / 375 * 100vw);
    margin-top: calc(40 / 375 * 100vw);
    padding-bottom: calc(20 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .btn__entry {
        height: calc(122 / 1440 * 100vw);
        margin-top: calc(80 / 1440 * 100vw);
        padding-bottom: 0;
    }
}
.btn__entry:hover {
    opacity: 0.8;
}
.btn__entry__title {
    color: #fff;
    letter-spacing: 0.04em;
    font-size: calc(16 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .btn__entry__title {
        font-size: calc(22 / 1440 * 100vw);
    }
}
.btn__entry__title span {
    font-family:
        Hanken Grotesk,
        sans-serif;
    letter-spacing: 0.05em;
    display: block;
    font-size: calc(10 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
}
@media (min-width: 52.1875em) {
    .btn__entry__title span {
        font-size: calc(14 / 1440 * 100vw);
        margin-bottom: calc(5 / 1440 * 100vw);
    }
}
.btn__entry .arrow {
    background-color: #fff;
    border-radius: 32vw;
    height: 4.2666666667vw;
    width: 12.8vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(30 / 375 * 100vw);
    margin: 0 auto;
}
@media (min-width: 52.1875em) {
    .btn__entry .arrow {
        border-radius: 8.3333333333vw;
        height: 1.1111111111vw;
        width: 3.3333333333vw;
        top: 50%;
        left: auto;
        bottom: auto;
        transform: translateY(-50%);
        right: calc(40 / 1440 * 100vw);
    }
}
.btn__entry .arrow img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3.4666666667vw;
}
@media (min-width: 52.1875em) {
    .btn__entry .arrow img {
        width: 0.9027777778vw;
    }
} */
