.page-title {
    margin-top: 80px; /* ヘッダーの高さ分を調整 */
    text-align: center;
}

.page-title h1 {
    font-size: 36px;
    font-weight: bold;
    color: #00205F;
    margin-bottom: 4px;
}

hr{
    width: 100%;
    border: 1px solid #00205F;
    margin: 0 auto;
}

.tutor {
    margin-top: 36px;
    padding-bottom: 36px; /* 線と下の要素の間に余白を追加 */
    border-bottom: 1px solid #cccccc; /* グレーの区切り線を追加 */
}

.tutor-info h2 {
    margin-bottom: 8px; /* 講師名と次の要素の間隔を調整 */
}

.tutor-info h3 {
    margin-top: 0px;
    margin-bottom: 8px; /* 担当科目と次の要素の間隔を調整 */
}

.tutor-info p {
    margin-top: 0px;
    margin-bottom: 8px; /* 担当科目と次の要素の間隔を調整 */
}
body {
    line-height: 1.7;
}
.tutor-info img {
    width: 200px; /* 幅を150ピクセルに設定 */
    height: auto; /* 高さは自動調整 */
    margin-top: 10px; /* 上に少し余白を追加 */
}