/* ============================================================
   精密審美会 採用サイト — 歯科医師の一日 / 歯科衛生士の一日
   統合CSS: doctor-day.css + hygienist-day.css
   クラスプレフィックス: .doctorday- / .dhday-
   ============================================================ */

/* --- MVオーバーライド ---
   One-day logo (332×78) + title (fs=38)
   ======================================= */
.secondary-mv--doctorday .secondary-mv__title-logo,
.secondary-mv--dhday .secondary-mv__title-logo {
  max-width: 332px;
  margin-bottom: -41px;
}


/* --- ヒーローバナー ---
   1000×347, radii=[0,10,0,10]
   ======================================= */
.doctorday-hero,
.dhday-hero {
  padding: 60px 0 0;
}

.doctorday-hero__inner,
.dhday-hero__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.doctorday-hero__banner,
.dhday-hero__banner {
  position: relative;
  width: 100%;
  height: 347px;
  border-radius: 0 10px 0 10px;
  overflow: hidden;
}

.doctorday-hero__img,
.dhday-hero__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.doctorday-hero__catch,
.dhday-hero__catch {
  position: absolute;
  bottom: 20px;
  left: 41px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.doctorday-hero__catch-line,
.dhday-hero__catch-line {
  display: block;
  background: #ffffff;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 2.56px;
  line-height: 61px;
  color: #1556A6;
  padding: 0 16px;
  margin: 0;
}


/* --- プロフィールカード ---
   1000×521, r=10, stroke=1px #cacaca
   ======================================= */
.doctorday-profile,
.dhday-profile {
  padding: 60px 0;
}

.doctorday-profile__inner,
.dhday-profile__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.doctorday-profile__card,
.dhday-profile__card {
  display: flex;
  gap: 40px;
  align-items: center;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 10px;
  padding: 40px;
}

/* 顔写真: 350×350 */
.doctorday-profile__face,
.dhday-profile__face {
  flex-shrink: 0;
  width: 350px;
}

.doctorday-profile__face img,
.dhday-profile__face img {
  display: block;
  width: 100%;
  height: auto;
}

/* 情報エリア */
.doctorday-profile__info,
.dhday-profile__info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.doctorday-profile__title,
.dhday-profile__title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.12px;
  line-height: 30px;
  color: #000;
}

.doctorday-profile__name,
.dhday-profile__name {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.92px;
  line-height: 30px;
  color: #000;
  margin: 0;
}

.doctorday-profile__career,
.dhday-profile__career {
  margin: 16px 0 0;
}

.doctorday-profile__career-label,
.dhday-profile__career-label {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.28px;
  line-height: 30px;
  color: #1556A6;
  margin: 0;
}

.doctorday-profile__career-item,
.dhday-profile__career-item {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.28px;
  line-height: 30px;
  color: #000;
  margin: 0;
}

/* ボタン: bg=#1556a6, r=25, 300×50 */
.doctorday-profile__links,
.dhday-profile__links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.doctorday-profile__btn,
.dhday-profile__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  height: 50px;
  padding: 0 24px;
  background: #1556A6;
  border-radius: 25px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.doctorday-profile__btn:hover,
.dhday-profile__btn:hover {
  background: #333;
}

.doctorday-profile__btn-text,
.dhday-profile__btn-text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}

.doctorday-profile__btn-chevrons,
.dhday-profile__btn-chevrons {
  flex-shrink: 0;
}

.doctorday-profile__btn-icon,
.dhday-profile__btn-icon {
  width: 16px;
  height: 16px;
  color: #fff;
  flex-shrink: 0;
}


/* --- インタビュー セクションA 背景 ---
   Rectangle 7 (1200px, #EEF7FF, radii=[0,50,0,50])
   ======================================= */
.doctorday-interview__bg-wrap,
.dhday-interview__bg-wrap {
  background: #EEF7FF;
  border-radius: 0 50px 0 50px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
}


/* --- インタビュー本文 ---
   h3: fs=32, ls=2.56, lh=52, #1556A6
   body: fs=16, ls=1.28, lh=25, #333
   ======================================= */
.doctorday-interview,
.dhday-interview {
  padding: 40px 0;
}

.doctorday-interview__inner,
.dhday-interview__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.doctorday-interview__heading,
.dhday-interview__heading {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 2.56px;
  line-height: 52px;
  color: #1556A6;
  margin: 0 0 32px;
}

.doctorday-interview__body p,
.dhday-interview__body p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.28px;
  line-height: 25px;
  color: #333;
  margin: 0 0 25px;
}

.doctorday-interview__body p:last-child,
.dhday-interview__body p:last-child {
  margin-bottom: 0;
}

/* テキスト+画像レイアウト */
.doctorday-interview__layout,
.dhday-interview__layout {
  display: grid;
  grid-template-columns: 1fr 416px;
  gap: 57px;
  align-items: center;
}

.doctorday-interview--reverse .doctorday-interview__layout,
.dhday-interview--reverse .dhday-interview__layout {
  grid-template-columns: 416px 1fr;
}

.doctorday-interview--reverse .doctorday-interview__photo,
.dhday-interview--reverse .dhday-interview__photo {
  order: -1;
}

.doctorday-interview__photo img,
.dhday-interview__photo img {
  display: block;
  width: 100%;
  height: auto;
}


/* --- スケジュールセクション --- */
.doctorday-schedule,
.dhday-schedule {
  padding: 60px 0;
}

.doctorday-schedule__inner,
.dhday-schedule__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.doctorday-schedule__image img,
.dhday-schedule__image img {
  display: block;
  width: 100%;
  height: auto;
}


/* ============================================================
   SP レスポンシブ — Figma SP 90:1308 (430×5292) 基準
   ============================================================ */
@media (max-width: 768px) {

  /* MV ロゴ: One-day 2 w=196 */
  .secondary-mv--doctorday .secondary-mv__title-logo,
  .secondary-mv--dhday .secondary-mv__title-logo {
    max-width: 196px;
  }

  /* ヒーロー */
  .doctorday-hero,
  .dhday-hero {
    padding: 40px 0 0;
  }

  .doctorday-hero__inner,
  .dhday-hero__inner {
    padding: 0 22px;
  }

  /* バナー: Mask group w=387 h=519, radii=[0,10,0,10] */
  .doctorday-hero__banner,
  .dhday-hero__banner {
    height: auto;
    aspect-ratio: 387 / 519;
  }

  /* 画像: ドクター版のみ右寄りクロップ */
  .doctorday-hero__img {
    object-position: 80% center;
  }

  /* キャッチ: 白帯 348×46, TEXT fs=17 ls=1.36 lh=52 */
  .doctorday-hero__catch,
  .dhday-hero__catch {
    bottom: 12px;
    left: 10px;
    gap: 6px;
  }

  .doctorday-hero__catch-line,
  .dhday-hero__catch-line {
    font-size: clamp(14px, 3.95vw, 17px);   /* 430px→17px, 360px→14.2px */
    letter-spacing: 1.36px;
    line-height: clamp(38px, 10.7vw, 46px);  /* 白帯高さ: 430px→46px, 360px→38.5px */
    padding: 0 10px;
  }

  /* プロフィールカード: Group 39 w=387, r=10 */
  .doctorday-profile,
  .dhday-profile {
    padding: 40px 0;
  }

  .doctorday-profile__inner,
  .dhday-profile__inner {
    padding: 0 22px;
  }

  .doctorday-profile__card,
  .dhday-profile__card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 16px;
    gap: 20px;
  }

  /* 顔写真: 210×210 */
  .doctorday-profile__face,
  .dhday-profile__face {
    width: 210px;
    margin: 0 auto;
  }

  .doctorday-profile__info,
  .dhday-profile__info {
    align-items: center;
  }

  /* 経歴: SP左揃え + ハンギングインデント
     「2022年：」≈ 5em → 2行目が：の後に揃う */
  .doctorday-profile__career,
  .dhday-profile__career {
    text-align: left;
  }

  .doctorday-profile__career-item,
  .dhday-profile__career-item {
    font-size: clamp(13px, 3.7vw, 16px);    /* 430px→16px, 360px→13.3px */
    letter-spacing: 1.12px;
    padding-left: 5em;
    text-indent: -5em;
  }

  .doctorday-profile__name,
  .dhday-profile__name {
    font-size: 24px;
  }

  .doctorday-profile__links,
  .dhday-profile__links {
    width: 100%;
    align-items: center;
  }

  /* ボタン: w=348 h=70 r=35 */
  .doctorday-profile__btn,
  .dhday-profile__btn {
    width: 100%;
    max-width: 348px;
    height: 70px;
    border-radius: 35px;
  }

  /* インタビュー共通 */
  .doctorday-interview,
  .dhday-interview {
    padding: 30px 0;
  }

  /* セクションA背景: 全幅, 角丸 0 50px 0 50px */
  .doctorday-interview__bg-wrap,
  .dhday-interview__bg-wrap {
    border-radius: 0 50px 0 50px;
    padding: 40px 0;
    margin: 0;
  }

  .doctorday-interview__inner,
  .dhday-interview__inner {
    padding: 0 22px;
  }

  /* 見出し: PC=32px → SP=25px(430px) / 20px(360px)
     clampで360px幅でも1行あたり10文字以上確保 */
  .doctorday-interview__heading,
  .dhday-interview__heading {
    font-size: clamp(20px, 5.8vw, 25px);  /* 430px→25px, 360px→20.9px */
    letter-spacing: 1px;
    line-height: 1.6;
    margin-bottom: 24px;
  }

  /* 本文: fs=14 ls=1.12 lh=25 */
  .doctorday-interview__body p,
  .dhday-interview__body p {
    font-size: 14px;
    letter-spacing: 1.12px;
    line-height: 25px;
  }

  /* レイアウト: SP 1カラム、写真を常にテキストの上に配置 */
  .doctorday-interview__layout,
  .dhday-interview__layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* --reverse: PC版 grid-template-columns の上書き */
  .doctorday-interview--reverse .doctorday-interview__layout,
  .dhday-interview--reverse .dhday-interview__layout {
    grid-template-columns: 1fr;
  }

  .doctorday-interview__photo,
  .dhday-interview__photo {
    order: -1;
  }

  /* 写真: 387×387 → innerのpadding 22pxで制御 */
  .doctorday-interview__photo img,
  .dhday-interview__photo img {
    max-width: none;
    width: 100%;
    margin: 0 auto;
  }

  /* スケジュール */
  .doctorday-schedule,
  .dhday-schedule {
    padding: 40px 0;
  }

  .doctorday-schedule__inner,
  .dhday-schedule__inner {
    padding: 0 22px;
  }
}