/* ==========================================
   1. 基本設定（スマホ・共通）
   ========================================== */
.inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* フォント指定：ここを書き換えます */
.sub-mv__title, .common-title, .doctor-profile__name, .doctor-history__title {
    font-family: "Noto Serif JP", serif;
}

/* ★ここを Sans から Serif に変更します */
.doctor-profile__text, .doctor-history dl, .breadcrumb {
    font-family: "Noto Serif JP", serif;
}

/* --- メインビジュアル --- */
.sub-mv {
    width: 100%;
    height: 180px; /* スマホ時の高さ */
    background: url('https://hata-shika.com/wp-content/uploads/2026/05/bg.png') no-repeat center 70% / cover;
    background-color: #556b2f; /* こげた緑 */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sub-mv::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.sub-mv__title {
    position: relative;
    color: #fff;
    font-size: 1.5rem; /* スマホサイズ */
    margin: 0;
    line-height: 1.4;
}

/* --- パンくず --- */
.breadcrumb { padding: 10px 0; font-size: 0.75rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.breadcrumb li + li::before { content: ">"; margin: 0 8px; color: #ccc; }
.breadcrumb a { color: #556b2f; text-decoration: none; }

/* --- 院長紹介コンテンツ --- */
.doctor-intro { padding: 30px 10px 50px; }

.common-title {
    background-color: #556b2f;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
    font-size: 1.3rem;
    margin-bottom: 25px;
}

/* ★スマホでは縦に並べる（写真が上、本文が下） */
.doctor-profile {
    display: flex;
    flex-direction: column; 
    gap: 20px;
    margin-bottom: 35px;
}
.doctor-profile__img {
    width: 100%;
}
.doctor-profile__img img {
    width: 100%;
    height: auto;
    display: block;
}
.doctor-profile__post {
    display: block;
    color: #556b2f;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.doctor-profile__name {
    font-size: 1.5rem;
    margin: 0 0 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
}
.doctor-profile__text p {
    line-height: 1.8;
    font-size: 0.95rem;
    margin-bottom: 1.2em;
    color: #333;
}

/* 略歴スマホ版 */
.doctor-history {
    background-color: #f5f5f0;
    padding: 25px 20px;
}
.doctor-history__title {
    font-size: 1.2rem;
    color: #556b2f;
    margin-bottom: 15px;
    border-left: 4px solid #556b2f;
    padding-left: 10px;
}
.doctor-history dt { font-weight: bold; font-size: 0.85rem; padding-top: 10px; }
.doctor-history dd { margin: 0; padding: 2px 0 10px; border-bottom: 1px solid #ddd; font-size: 0.95rem; }

/* ==========================================
   2. PC版設定（769px以上で上書き）
   ========================================== */
@media (min-width: 769px) {
    .sub-mv { height: 300px; }
    .sub-mv__title { font-size: 2.2rem; }
    
    .doctor-intro { padding: 60px 0 80px; }
    .common-title { font-size: 1.8rem; padding: 15px; margin-bottom: 50px; }

    /* ★PCでは横に並べる */
    .doctor-profile {
        flex-direction: row;
        gap: 50px;
        align-items: flex-start;
    }
    .doctor-profile__img {
        flex: 0 0 320px;
    }
    .doctor-profile__info {
        flex: 1;
    }

    .doctor-history { padding: 40px 50px; }
    .doctor-history dl { display: flex; flex-wrap: wrap; }
    .doctor-history dt { width: 140px; border-bottom: 1px solid #ddd; padding: 15px 0; }
    .doctor-history dd { width: calc(100% - 140px); border-bottom: 1px solid #ddd; padding: 15px 0; }
}