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

/* フォント指定：医師紹介・プライバシーポリシー等と完全同期 */
.sub-mv__title, .common-title, .price-card__head {
    font-family: "Noto Serif JP", serif;
}

/* ★ Sans から Serif へ書き換え：数字、単位、注意書きもすべて明朝体にします */
.price-caution, .price-info, .breadcrumb, .price-num, .price-unit, .price-tax-note {
    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 と完全同期 --- */
.price-contents { 
    padding: 30px 10px 50px; 
}

.common-title {
    background-color: #556b2f;
    color: #fff;
    text-align: center;
    padding: 12px 10px; /* 医師紹介と同一 */
    font-size: 1.3rem;
    margin-bottom: 25px;
    width: 100%;
    box-sizing: border-box;
}

/* --- 料金表カードパーツ --- */
.price-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 35px;
}

.price-card {
    background: #f9fbf2;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

/* h3デザイン：プライバシーポリシー踏襲（中央寄せ） */
.price-card__head {
    background-color: #C1C9A6;
    color: #644A2F;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0;
}

.price-card__body {
    padding: 25px 20px;
    text-align: center;
}

.price-display { color: #990900; margin: 15px 0; }
.price-num { font-size: 2.8rem; font-weight: bold; }
.price-unit { font-size: 1.1rem; }

.price-caution {
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
}
.price-info {
    text-align: left;
    font-size: 0.9rem;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.price-card-image { margin-top: 20px; }
.price-card-image img { width: 100%; height: auto; display: block; }

.price-tax-note {
    text-align: right;
    font-size: 0.95rem;
    color: #333;
    margin-top: 20px;
}
.price-top-caution{
margin-bottom:50px;	
}

/* ==========================================
   2. PC版設定（769px以上）
   ========================================== */
@media (min-width: 769px) {
    .sub-mv { height: 300px; }
    .sub-mv__title { font-size: 2.2rem; }
    
    .price-contents { padding: 60px 0 80px; } /* 医師紹介同期 */
    
    .common-title { 
        font-size: 1.8rem; 
        padding: 15px; 
        margin-bottom: 50px; 
    }

    .price-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px; /* 医師紹介プロフィールと同期 */
    }
}