@charset 'UTF-8';
/* ----------------------------------------------
関数
------------------------------------------------*/
.p-interview__slider
{
    padding-top: 0 !important;
}

.p-interview
{
    margin-top: 0;
}

.p-interview-detail
{
    padding: var(--m70) 0 var(--m130);
}
.p-interview-detail__profile
{
    display: flex;

    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.p-interview-detail__profile-body
{
    position: relative;
    z-index: 10;

    display: flex;
    flex-direction: column;

    width: 70%;
    margin-right: -34.28%;

    justify-content: space-between;
}
.p-interview-detail__title
{
    width: 100%;
}
.p-interview-detail__title-en
{
    font-size: var(--fs16_20);
    font-style: italic;

    display: block;
}
.p-interview-detail__title-jp
{
    font-size: var(--fs22_34);
    font-weight: bold;

    display: block;

    margin-top: .3em;

    color: var(--sub-col);
}
.p-interview-detail__catch
{
    margin-top: var(--fs20_52);
}
.p-interview-detail__catch div:not(:first-of-type)
{
    margin-top: .5em;
}
.p-interview-detail__catch span
{
    font-size: var(--fs20_52);
    font-weight: 600;

    display: inline-block;

    padding: 0 .3em;

    color: var(--main-white);
    background-color: var(--sub-col);
            box-decoration-break: clone;

    -webkit-box-decoration-break: clone;
}
.p-interview-detail__year
{
    font-size: var(--fs14_20);
    font-weight: bold;

    padding: .1em .75em;

    color: var(--main-white);
    border-radius: var(--m10);
    background: var(--grade01);
}
.p-interview-detail__name
{
    margin-top: var(--m20);
}
.p-interview-detail__name span
{
    font-size: var(--fs20_40);
    font-weight: bold;
    line-height: 1;
}
.p-interview-detail__name small
{
    font-size: var(--fs16_26);
    font-weight: 600;
    line-height: 1;
}
.p-interview-detail__detail
{
    font-size: var(--fs14_20);
    font-weight: 500;
    line-height: 1.8;

    margin-top: var(--m20);
}
.p-interview-detail__main-image
{
    position: relative;
    z-index: 5;

    overflow: hidden;

    width: 64.28%;

    border-radius: var(--m10);

    aspect-ratio: 90/64;
}
.p-interview-detail__main-image img
{
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}
.p-interview-detail__list
{
    margin-top: var(--m120);
}
.p-interview-detail__item
{
    padding: var(--m16_60) var(--m16_70);

    border-radius: var(--m10);
    background-color: var(--main-white);
}
.p-interview-detail__item:not(:first-of-type)
{
    margin-top: var(--m55);
}
.p-interview-detail__item:not(.p-interview-detail__item--message)
{
    width: 100%;
}
.p-interview-detail__item--message
{
    width: 65.71%;
    margin-top: var(--m40);
    margin-left: -8.56%;

    box-shadow: var(--shadow01);
}
.p-interview-detail__question
{
    display: flex;

    margin-bottom: var(--m25);
    padding-bottom: var(--m14);

    border-bottom: 2px dotted var(--col-gray06);

    align-items: center;
    grid-gap: 0 var(--fs16_26);
}
.p-interview-detail__question span:not(.p-interview-detail__num)
{
    font-size: var(--fs16_26);
    font-weight: bold;

    width: calc(100% - var(--fs16_26) * 3.7);

    color: var(--main-col);
}
.p-interview-detail__num
{
    font-size: var(--fs16_26);
    font-weight: bold;

    display: flex;

    width: calc(var(--fs16_26) * 2.7);

    text-align: center;

    color: var(--main-col);
    border-radius: 100%;
    background-color: var(--col-blue02);

    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
}
.p-interview-detail__answer
{
    font-size: var(--fs14_20);
    font-weight: 500;
    line-height: 1.8;
}
.p-interview-detail__message
{
    display: flex;

    margin-top: var(--m100);

    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.p-interview-detail__message-image
{
    overflow: hidden;

    width: 42.85%;

    border-radius: var(--m10);

    aspect-ratio: 600/426;
}
.p-interview-detail__message-image img
{
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;
}
.p-interview-detail__message-catch
{
    font-size: var(--fs16_26);
    font-weight: bold;

    margin-bottom: .5em;
}

@media all and (max-width: 620px)
{
    .p-interview-detail__profile
    {
        position: relative;

        justify-content: space-between;
    }
    .p-interview-detail__profile-body
    {
        position: static;

        width: -moz-fit-content;

        width: fit-content;
        margin-right: 0;

        text-align: right;
    }
    .p-interview-detail__title
    {
        width: -moz-fit-content;
        width: fit-content;
    }
    .p-interview-detail__catch
    {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .p-interview-detail__catch div
    {
        width: 100%;

        text-align: left;
    }
    .p-interview-detail__catch div:not(:first-of-type)
    {
        margin: 0;
    }
    .p-interview-detail__catch span
    {
        display: inline;
    }
    .p-interview-detail__name
    {
        display: flex;

        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: baseline;
    }
    .p-interview-detail__detail
    {
        text-align: right;
    }
    .p-interview-detail__main-image
    {
        width: 100%;
        margin-top: var(--m20);
    }
    .p-interview-detail__item--message
    {
        width: 100%;
        margin-left: 0;
    }
    .p-interview-detail__question
    {
        flex-wrap: wrap;
    }
    .p-interview-detail__question span:not(.p-interview-detail__num)
    {
        width: 100%;
    }
    .p-interview-detail__message-image
    {
        width: 100%;
    }
}