/* LPヘッダーのロゴ（2026-09-27 ロゴ差し替え）
   対象：hrm2（lp-aga/parts/hrm2/header_*.php）と doctor（lp-aga-ladies/parts/doctor/header_*.php）
   各ヘッダー部品の先頭で読み込む。キャラクターと「薄毛治療専門外来」は削除し、ロゴ1枚にした

   ブランドガイドライン：ロゴの高さ＝3a に対して、上下左右に 2a 以上の余白を取る。最小幅はデジタルで100px。
   ロゴSVGは 647.95×77.92 なので 2a ＝ 幅 ×（77.92÷647.95）× 2/3 ≒ 幅 × 0.0802
   ヘッダーの高さは固定（PC 80px / 768px以下 50px＝下線3px込み）。余白込みの高さ ≒ 幅 × 0.281 なので
   PC は 285px まで、768px以下は 167px まで入る */
#header .header__title__renew {
    padding: 0;
    align-items: center;
}

#header .header__logo {
    --draga-logo-w: 250px;
    display: block;
    width: var(--draga-logo-w);
    max-width: none;
    height: auto;
    margin: calc(var(--draga-logo-w) * 0.0802);
}

@media only screen and (max-width: 1100px) {
    #header .header__logo {
        --draga-logo-w: 200px;
    }
}

@media only screen and (max-width: 768px) {
    #header .header__logo {
        --draga-logo-w: 165px;
    }
}

/* hrm3 / hae-loop / doctor01 のヘッダー（.ly_header。メインビジュアルの上に重ねて置く）
   ロゴの入れ物（h1.logo）の幅は各CSSで親要素の 45〜50%。
   img の margin の % は h1 の幅に対する割合なので、
   ロゴ幅 w と余白 m が m ＝ w × 0.0802、w ＋ 2m ＝ 100% を満たすように
   w ≒ 86.18%、m ≒ 6.91% にする */
.ly_header .ly_header__logo {
    display: block;
    width: 86.18%;
    max-width: none;
    height: auto;
    margin: 6.91%;
}

/* 本文「クリニック一覧」見出しのロゴ（hrm3 / hae-loop / doctor01 の clinic_basic.php）
   旧 logo2.svg と同じく見出し幅の 83.59%。余白 2a ＝ 83.59% × 0.0802 ≒ 6.70%（見出し幅に対する割合） */
.bl_sec8 .bl_sec_title .bl_sec_title__logo {
    display: block;
    width: 83.59%;
    max-width: none;
    height: auto;
    margin: 6.70% auto;
}