/* お客様の声 一つ一つのブロック */
.voice-item {
    padding: 0 1em; /* 左右に少し余白 */
}

/* 合格実績の見出し */
.voice-item h3 {
    background-color: #00205F; /* ヘッダーと同じ濃い青 */
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 1.2em;
}

/* 手紙の画像 */
.letter-image {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 24px auto; /* 上下に余白を空けて中央揃え */
    border: 1px solid #ccc;
}

/* 生徒様のコメント */
.student-comment {
    background-color: #f9f9f9;
    border-left: 5px solid #ccc;
    padding: 15px;
    margin: 24px 0;
}

.student-comment p {
    margin: 0;
    line-height: 1.8;
}

/* 先生のコメント（吹き出し） */
.tutor-comment {
    position: relative;
    background-color: #eaf4ff; /* 薄い青色 */
    border: 1px solid #cce0ff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 32px;
}

.tutor-comment p {
    margin: 0 0 1em 0; /* 段落ごとの下に余白 */
    line-height: 1.8;
}

.tutor-comment p:last-child {
    margin-bottom: 0; /* 最後の段落は下の余白をなくす */
}

/* 吹き出しのしっぽ部分 */
.tutor-comment::before {
    content: '';
    position: absolute;
    top: -20px; /* 吹き出しの上にくっつける */
    left: 40px;
    border: 10px solid transparent;
    border-bottom: 10px solid #cce0ff;
}

.tutor-comment::after {
    content: '';
    position: absolute;
    top: -19px;
    left: 40px;
    border: 10px solid transparent;
    border-bottom: 10px solid #eaf4ff; /* 吹き出しの背景色と同じ */
}

/* 区切り線 */
.voice-divider {
    margin: 48px auto; /* 上下に大きく余白 */
    border: 1px solid #00205F;
}

.line-screenshot {
    max-width: 350px; /* お好みのサイズに調整してください */
}