/* ============================================= */
/* 職員インタビューページ専用スタイル              */
/* ============================================= */

/* --- 動画のレスポンシブ対応 --- */
/* 動画を囲む親要素にこのクラスを指定します */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比 16:9 の場合 */
    height: 0;
    overflow: hidden;
    border-radius: 0.5rem; /* 角を少し丸くする */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --- Q&Aセクションのスタイル --- */

/* 質問(Q)のタイトルスタイル */
.q-title {
    font-size: 1.75rem; /* 24px */
    font-weight: 700;
    font-family: 'Shippori Mincho', serif;
    color: #4A5568; /* 少し濃いグレー */
    padding-left: 1.5rem; /* 左側に余白 */
    border-left: 5px solid #D66393; /* 左側にピンクの線 */
    line-height: 1.5;
}

/* 回答(A)のコンテンツスタイル */
.a-content {
    margin-top: 1.5rem; /* 質問との間に余白 */
    padding-left: 2rem; /* 質問のインデントに合わせる */
}

.a-content p {
    font-size: 1.25rem; /* 少し大きめの文字サイズ */
    line-height: 2;   /* 行間を広げて読みやすくする */
    color: #374151;   /* テキストの色 */
}