.interview .interview-profile{
    margin-bottom:3rem;
}
.interview .interview-profile .infobox{
    transform: translateY(3rem);
}

.interview .interview-profile .infobox .number {
    display: inline-block;
    border: 1px solid #000;
    height: 1.75rem;
    align-content: center;
    text-align: center;
    margin-bottom: 2rem;
    width:180px;
}

.interview .interview-profile .infobox .title {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.interview .interview-profile .infobox .name_time {
    font-size:2.125rem;
    display: flex;
}

.interview .interview-profile .infobox .name {
    margin-right: 1em;
}

.interview .image img{
    width:100%;
    border-radius:1.25rem;
}

@media screen and (max-width: 768px) {
    .interview .interview-profile{
        margin-bottom:4rem;
    }
    .interview .inner{padding: 0;}
    .interview .interview-profile.column2-flex{
        flex-flow:column-reverse;
    }
    .interview .interview-profile .infobox{
        transform: unset;
    }
    .interview .interview-profile .infobox .number {
        font-size:.75rem;
        height: 1.5rem;
        margin-bottom: .75rem;
        width: unset;
        padding:0 1.5rem;
    }
    .interview .interview-profile .infobox .title{
        font-size: calc((100vw - 5rem)* 0.08);
        margin-bottom: .75rem;
    }
    .interview .interview-profile .infobox .name_time {
        font-size: 0.875rem;
    ;
    }
    .interview .interview-profile .image{
        margin-bottom:2rem;
    }
}

.question{
    margin-bottom:6em;
}

.question .sub-title{
    font-size:2.125rem;
    font-weight: bold;
}

.question .text{
    font-size:1.5rem;
    line-height: 1.75em;
}

.question img{
    width:100%;
    border-radius:1.25rem;
}

.question .image-pc > div{
    display:flex;
}
.question .image-pc > div div{
    flex:1;
}
.question .image-pc > div div:not(:last-child){
    margin-right:2rem;
}

@media screen and (max-width: 768px) {
    .question .sub-title {
        font-size: 1rem;
    }
    .question .text {
        font-size: .875rem;
    }
}

.message{
    margin-bottom:6em;
}

.interview-cards{
    display:flex;
    justify-content:space-between;
    margin-bottom:6em;
}
/* .card { カードが2枚以上の時に有効にする
    flex:1;
} */
.card { /* カードが1枚だけの時に有効にする */
    flex:.5;
}
.card:nth-child(1){
    margin-right: 2.5rem;
}
.card img{
    width:100%;
}

@media screen and (max-width: 768px) {
    .interview-cards{
        gap: 2rem;
        overflow-x: auto;
        /* margin-right: -1rem; */ /* カードが2枚以上の時に有効にする */
    }
    .card {
        flex-grow: 1;
        min-width: 240px;
    }
    .card:nth-child(1) {
        margin-right: unset;
    }
    .card:nth-child(2) {
        margin-right: 1rem;
    }
}