/* =======================================
  DAY IN THE LIFEセクション
  ======================================= */
.main-content {
    padding-bottom: clamp(100px, 17.813vw, 210px);
}

.main__contents-inner {
    background: #fff;
    padding: 40px 30px 170px;
    margin-inline: 50px;
}

.interview__title {
    margin-bottom: 60px;
}

.interview__intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(15px, 4.17vw, 80px);
}

.interview__text-group {
    width: calc(600 / 1600 * 100%);
    margin-top: -20px;
}

.interview__meta {
    line-height: 1.81;
    margin-bottom: clamp(16px, 1.87vw, 36px);
    font-size: clamp(18px, 1.14vw, 19px);
    font-weight: 300;
}

.interview__lead-text {
    font-size: clamp(20px, 1.82vw, 28px);
    font-weight: 500;
    line-height: 1.85;
}

.interview__image-wrap {
    width: calc(920 / 1600 * 100%);
}

.interview__prf p {
    font-weight: 400;
    font-size: 19px;
}

.interview__prf {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #CCCCCC;
}

.interview__img {
    width: 100%;
    height: auto;
    display: block;
}

.interview__timeline {
    position: relative;
    padding-left: clamp(20px, 1.82vw, 35px);
    padding-top: clamp(30px, 3.59vw, 69px);
    padding-bottom: 5px;
}

.interview__timeline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    z-index: 1;
}

.interview__timeline-item {
    display: flex;
    margin-bottom: clamp(40px, 4.17vw, 80px);
    position: relative;
    z-index: 2;
}

.interview__timeline-info {
    display: flex;
    gap: clamp(20px, 1.56vw, 30px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: clamp(220px, 19.69vw, 378px);
}

.interview__timeline-time,
.interview__timeline-label {

    font-size: clamp(18px, 1.56vw, 30px);
}

.interview__timeline-label {
    margin-left: 10px;
}

.interview__timeline-content {
    flex: 1;
    position: relative;
}

.interview__timeline-box {
    background: #fff;
    color: #000;
    padding-top: clamp(16px, 2.5vw, 36px);
    padding-bottom: clamp(20px, 2.5vw, 30px);
    padding-right: clamp(15px, 2.5vw, 48px);
    padding-left: clamp(15px, 2.5vw, 31px);
    display: flex;
    align-items: flex-start;
    gap: clamp(20px, 1.41vw, 27px);
    position: relative;
}

.interview__timeline-box::before {
    content: "";
    position: absolute;
    top: 17px;
    left: clamp(-34px, 2.08vw, -39px);
    width: clamp(35px, 2.08vw, 40px);
    height: clamp(20px, 1.25vw, 24px);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.interview__timeline-media {
    flex: 0 0 calc(334 / 1113.2 * 100%);
    min-width: 230px;
}

.interview__timeline-img {
    width: 100%;
    height: auto;
    display: block;
}

.interview__timeline-text {
    flex: 1;
    font-size: clamp(14px, 1.04vw, 20px);
    line-height: 2;
    min-width: 0;
}

/* ボタンの共通スタイル */
.interview__btn {
    flex: 1;
    max-width: 498px;
    width: 100%;
    color: #054582;
    display: flex;
    align-items: center;
}

/* ボタンの中にあるpath（三角形）の色指定 */
.interview__btn-icon path {
    fill: #054582;
}

/* テキストエリア */
.interview__btn-text {
    color: inherit;
    flex: 1;
    text-align: center;
    font-size: clamp(18px, 1.35vw, 26px);
    font-weight: 900;
    line-height: 1.73;
    min-width: 0;
    white-space: nowrap;
    padding-top: clamp(20px, 1.41vw, 27px);
    padding-right: clamp(35px, 6.04vw, 116px);
    padding-bottom: clamp(15px, 1.46vw, 28px);
    padding-left: clamp(20px, 1.25vw, 24px);
}

/* 矢印エリア（右側の区切り線を含む） */
.interview__btn-arrow {
    width: clamp(60px, 5.36vw, 103px);
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* 縦の区切り線 */
.interview__btn-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 78.1%;
    width: 1px;
    background-color: #707070;
}

/* アイコン（SVG）のサイズ調整 */
.interview__btn-icon {
    width: clamp(18px, 1.09vw, 21px);
    height: auto;
}

.p-interview-qa__inner.section-inner-lower {
	padding: 90px 0 0 0;
	margin: 0 auto;
	margin-top: 0px;
	max-width: 1100px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.c-section-heading__title {
    font-weight: 400;
    font-size: clamp(20px, 1.98vw, 28px);
    margin-bottom: clamp(30px, 3.8vw, 73px);
    display: flex;
    align-items: flex-start;
    gap: clamp(12px, 0.833vw, 16px);
    width: 100%;
    line-height: 1.5;
}

.c-section-heading__title::before {
    content: "";
    width: clamp(30px, 2.24vw, 43px);
    height: 1px;
    flex-shrink: 0;
    margin-top: 0.75em;
    background: #352209;
}

.interview_msg-inner {
    background: #fff;
    padding: 90px 73px 88px 89px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    max-width: 1600px;
    width: 83.33%;
    position: relative;
    margin-bottom: 160px;
}

.interview_msg-ttl {
    color: #005cb5;
    font-weight: 700;
    font-size: clamp(25px, 1.98vw, 38px);
    margin-bottom: clamp(30px, 3.8vw, 73px);
    display: flex;
    align-items: flex-start;
    gap: clamp(12px, 0.833vw, 16px);
    width: 100%;
    line-height: 1.5;
}

.interview_msg-inner::before {
    content: "";
    position: absolute;
    top: -80px;
    right: clamp(100px, -3.5vw, -50px);
    left: auto;
    width: clamp(80px, 3.5vw, 60px);
    height: clamp(80px, 2.1vw, 36px);
    clip-path: polygon(-0% 10%, 20% 100%, 100% 100%);
}

.p-interview-qa__text {
    line-height: 2;
    font-size: clamp(16px, 1.04vw, 17px);
}

.interview_msg-txt {
    color: #000;
    line-height: 2;
    font-size: clamp(16px, 1.04vw, 20px);
}



.facility__header-inner {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.lower-nav.interview__inner {
	margin: 100px auto 0;
}
/* レスポンシブ */
@media screen and (max-width: 1020px) {
    .interview__btn-text {
        padding-right: 40px;
    }
}

@media screen and (max-width: 1000px) {
    .interview__timeline {
        margin-top: clamp(60px, 10vw, 100px);
    }

    /* 吹き出しの中身（画像とテキスト）を縦並びにする */
    .interview__timeline-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 30px;
        align-items: center;
    }

    /* 画像エリアを横いっぱいに広げる */
    .interview__timeline-media {
        width: 80%;
        flex: none;
        min-width: 0;
    }

    /* テキストエリアも横いっぱいに広げる */
    .interview__timeline-text {
        width: 100%;
        flex: none;
        font-size: clamp(16px, 2.34vw, 18px);
    }

    /* 左側エリア（時間・見出し）を少し狭めてメインを広くする調整 */
    .interview__timeline-info {
        flex-basis: 250px;
    }

    .interview__btn-arrow {
        width: clamp(50px, 10.42vw, 80px);
    }
}

@media screen and (max-width: 960px) {
    .interview__nav {
        width: 90%;
    }
}

@media screen and (max-width: 860px) {
    .interview__nav {
        width: 95%;
    }
}

@media screen and (max-width: 830px) {
    .interview__btn-text {
        padding-right: 30px;
        padding-left: 15px;
    }

    .interview__btn-icon {
        width: 16px;
    }

    .interview__btn-arrow {
        width: 55px;
    }
}

@media screen and (max-width: 768px) {
    .main__contents-inner {
        padding: 40px 20px 170px;
        margin-inline: 20px;
    }

    .interview__timeline-item {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .interview__prf p {
        font-size: 16px;
    }
    .interview__timeline-info {
        flex: none;
        padding-top: 0;
    }

    .interview__timeline-content {
        margin-top: 10px;
    }

    .interview__timeline-box {
        flex-direction: column;
        padding: 20px;
        gap: 15px;
    }

    .interview__timeline-box::before {
        display: none;
        /* スマホでは三角を消す */
    }

    .interview__timeline-media {
        width: 100%;
    }

    .interview__inner {
        max-width: 640px;
    }

    .interview__intro {
        flex-direction: column-reverse;
        /* 画像を上に、テキストを下に */
        gap: 30px;
    }

    .interview__text-group {
        width: 100%;
    }

    .interview__meta {
        font-size: 16px;
    }

    .interview__lead-text {
        font-size: 18px;
    }

    .interview__image-wrap {
        width: 100%;
    }

    .interview__nav {
        flex-direction: column;
        /* スマホでは縦並び */
        align-items: center;
        gap: 15px;
        width: 100%;
        max-width: 500px;
    }

    .interview__btn {
        width: 100%;
        max-width: 100%;
    }

    .interview__btn-text {
        padding-top: clamp(15px, 0.78vw, 15px);
        padding-right: clamp(20px, 4.56vw, 35px);
        padding-bottom: clamp(15px, 1.46vw, 15px);
        padding-left: clamp(10px, 2.6vw, 20px);
    }

    .interview__btn-icon {
        width: 16px;
    }

    .p-interview-qa__inner.section-inner-lower {
        padding: 0 0px;
        width: 100%;
        max-width: 640px;
        margin-top: 3rem;
    }

    .interview_msg-inner {
        padding: 20px;
        width: 90%;
        max-width: 640px;
        margin-top: 30%;
    }

    .interview_msg-inner::before {
        top: -50px;
        right: clamp(50px, -3.5vw, -50px);
    }

    .p-interview-qa section-lower {
        margin-top: 100px;
    }

    .interview_msg-ttl {
        font-size: 18px;
    }
}