@charset "utf-8";

/* staff.css
 * Kidney - v1.0.0
 * Created : 2025-5-15
 * スタッフ紹介
 * **************************************************
 * Root
 * Content
 * 
 * 更新履歴：
 * **************************************************
 */

/* Root
------------------------------------------------------------------ */
:root {
  --font-size-subpage-staff-h2: 1.375rem;
  --color-h2: #86b71b;
  --font-size-subpage-staff-p: 1rem;
}

/* Content
------------------------------------------------------------------- */
/* staff */
#subpage.staff .content {
  max-width: var(--width-content-one-col);
}
#subpage.staff .content__inner section:first-child,
#subpage.staff .content__inner section + section {
  padding-bottom: 50px;
}
#subpage.staff .dr-info-bg {
  padding: 35px 35px 45px 40px;
  background: #fafafa url(../images/staff/staff-bg.svg) no-repeat right -350px bottom -380px;
  background-size: 900px auto;
  border-radius: 6px;
}
#subpage.staff .dr-info-bg__inner {
  display: flex;
  align-items: flex-start; 
  column-gap: 45px;
}
#subpage.staff h2 {
  font-size: var(--font-size-subpage-staff-h2);
  font-family: "Noto Serif JP", serif;
  color: var(--color-h2);
  font-weight: 800;
}
#subpage.staff .dr-message {
  background: url(../images/staff/message.svg) no-repeat left 0 top 65px;
  background-size: auto 45px;
}
#subpage.staff .dr-name {
  margin-top: 5px;
  font-size: 112.5%;
  font-weight: 700;
}
#subpage.staff .dr-name span:not(.typesetting-wrapper) {
  font-size: 75%;
  font-weight: 500;
}
#subpage.staff p {
  font-size: var(--font-size-subpage-staff-p);
}
#subpage .content .dr-name + p {
  margin-top: 3rem;
}
#subpage .content p + p {
  margin-top: 1.25rem;
}
#subpage.staff .dr-info img {
  margin-top: 20px;
  width: 200px;
  height: auto;
  border-radius: 10px;
}

@media screen and (max-width: 980px) {
  /* Root
  ------------------------------------------------------------------ */
  :root {
    --font-size-subpage-staff-h2: 1.15rem;
    --font-size-subpage-staff-p: 0.9375rem;
  }

  /* Content
  ------------------------------------------------------------------- */
  /* staff */
  #subpage.staff .content {
    max-width: none;
  }
  #subpage.staff .content__inner section:first-child,
  #subpage.staff .content__inner section + section {
    padding-bottom: 40px;
  }
  #subpage.staff .dr-info-bg {
    padding: 25px 20px 35px 20px;
  }
  #subpage.staff .dr-info-bg__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: normal; 
    column-gap: normal;
  }
  #subpage.staff h2 {
    font-size: var(--font-size-subpage-staff-h2);
    line-height: 1.4;
  }
  #subpage.staff .dr-message {
    order: 2;
    background: url(../images/staff/message.svg) no-repeat left 0 top 60px;
    background-size: auto 35px;
  }
  #subpage.staff .dr-name {
    margin-top: 15px;
    font-size: 100%;
  }
  #subpage.staff p {
    font-size: var(--font-size-subpage-staff-p);
  }
  #subpage .content .dr-name + p {
    margin-top: 2.0rem;
  }
  #subpage .content p + p {
    margin-top: 1rem;
  }
  #subpage.staff .dr-info img {
    order: 1;
    margin: 20px auto 0 auto;
    width: 180px;
  }
}