/* =========================
  Base
========================= */
.higashiSapporoPage {
  color: #0F505D;
}
.mobile{
	display: none!important;
}
/* =========================
  Design Tokens (from Canva export)
========================= */
:root {
  /* Font family */
  --fontFamilyPrimary: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;

  /* Font weights */
  --fontWeightRegular: 400;
  --fontWeightBold: 700;

  /* Font sizes (px -> rem @16px root) */
  --fontSize10: 0.625rem;   /* 10 */
  --fontSize11: 0.6875rem;  /* 11 */
  --fontSize12: 0.75rem;    /* 12 */
  --fontSize13: 0.8125rem;  /* 13 */
  --fontSize14: 0.875rem;   /* 14 */
  --fontSize20: 1.25rem;    /* 20 */
  --fontSize24: 1.5rem;     /* 24 */
  --fontSize26: 1.625rem;   /* 26 */
  --fontSize28: 1.75rem;    /* 28 */

  /* Line heights (px -> rem @16px root) */
  --lineHeight16: 1rem;           /* 16 */
  --lineHeight17_6: 1.1rem;       /* 17.6 */
  --lineHeight19_2: 1.2rem;       /* 19.2 */
  --lineHeight19_8: 1.2375rem;    /* 19.8 */
  --lineHeight20_8: 1.3rem;       /* 20.8 */
  --lineHeight21_6: 1.35rem;      /* 21.6 */
  --lineHeight22_4: 1.4rem;       /* 22.4 */
  --lineHeight25_6: 1.6rem;       /* 25.6 */
  --lineHeight32: 2rem;           /* 32 */
  --lineHeight38_4: 2.4rem;       /* 38.4 */
  --lineHeight41_6: 2.6rem;       /* 41.6 */
  --lineHeight44_8: 2.8rem;       /* 44.8 */

  /* Spacing tokens (px -> rem @16px root) */
  --space3: 0.1875rem;   /* 3 */
  --space4: 0.25rem;     /* 4 */
  --space7: 0.4375rem;   /* 7 */
  --space15: 0.9375rem;  /* 15 */
  --space24: 1.5006rem;  /* 24.01 */
  --space40: 2.5rem;     /* 40 */

  /* Stroke weights (px -> rem) */
  --stroke1: 0.0625rem;  /* 1 */
  --stroke2: 0.125rem;   /* 2 */

  /* Opacity tokens (percent -> 0–1) */
  --opacity70: 0.7;
  --opacity80: 0.8;
}

.higashiInner {
  max-width: 83.3333vw; /* 1200/1440 */
  margin: 0 auto;
  padding: 0 2.7778vw; /* 40/1440 */
}

/* =========================
  HERO
========================= */
p{
	font-size:1.2rem;
}
#hero{
    background-image: url(https://sapporo-binoh.or.jp/wp-content/themes/binoh_v2/assets/images/higashiSapporo/top2.jpeg);

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 
}
.higashiHero {
  position: relative;
  min-height: 38.1111vw; /* 520/1440 */
  background-size: contain;
  background-position: center;
  overflow: hidden;
}

/* overlay gradient:
  FFFFFF 0% to FFFFFF 21% to D7FC69 43% to 23CCFF 82% left to right
*/
.higashiHero::before {
content: "";
    /* position: absolute; */

    background: #20365B;
    height: 5vw;
    display: block;
    margin-top: -5vw;


}

.higashiHero__inner {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.9444vw; /* 28/1440 */
  padding-top: 5.9722vw; /* 86/1440 */
  padding-bottom: 3.8889vw; /* 56/1440 */
  min-height: 38.1111vw; /* 520/1440 */
}

.higashiHero__content {
  max-width: 51.3889vw; /* 740/1440 */
}

.higashiHero__smallTitle {
  font-size: 1.875rem; /* 14px */
  font-weight: 700;
  letter-spacing: 0.06em;
  margin: 0 0 0.6944vw; /* 10/1440 */
  opacity: 0.9;
}

.higashiHero__title {
  font-size: 4.75rem; /* 44px */
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 1.25vw; /* 18/1440 */
  letter-spacing: 0.02em;
}

.higashiHero__pill {
  margin: 0 0 1.25vw; /* 18/1440 */
}

.higashiHero__pillText {
  display: inline-block;
  padding: 0.5vw 2.278vw; /* 10 22 */
  border-radius: 69.4444vw; /* 999/1440 */
  background: #C97072;
  color: #fff;
  font-size: 1.2rem; /* 13px */
  font-weight: 700;
  letter-spacing: 0.03em;
}

.higashiHero__lead {
  margin: 0;
  font-size: 1.2rem; /* 16px */
  line-height: 1.9;
  font-weight: 700;
  color: #0F505D;
  opacity: 0.95;
  text-shadow: 0 0.0694vw 0 rgba(255, 255, 255, 0.35); /* 1/1440 */
}

.higashiHero__cta {
  flex: 0 0 auto;
  padding-bottom: 0.8333vw; /* 12/1440 */
}

/* =========================
  Buttons
========================= */
.higashiButton {
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.9722vw;
    padding: 1.1111vw 3.8056vw;
    border-radius: 69.4444vw;
    border: 0.1389vw solid rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 0.03em;
    box-shadow: 0 0.6944vw 1.6667vw rgba(0, 0, 0, 0.10);
    transform: translateZ(0);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.higashiButton__text {
  font-size: 1.5rem; /* 16px */
  color: #FFFFFF;
  white-space: nowrap;
}

.higashiButton__arrow {
  display: inline-flex;
  width: 2.0833vw;  /* 30/1440 */
  height: 2.0833vw; /* 30/1440 */
  border-radius: 50%;
  align-items: center;
  justify-content: center;

  color: #fff;
  font-size: 1.2rem; /* 13px */
}

/* Reservation button bar gradient */
.higashiButton--hero,
.higashiButton--bar {
  background: linear-gradient(90deg, #C56767 0%, #E4A0A0 100%);
}

.higashiButton:hover {
  transform: translateY(-0.0694vw); /* 1/1440 */
  box-shadow: 0 0.9722vw 1.9444vw rgba(0,0,0,0.14); /* 14 28 */
  filter: saturate(1.05);
}

.higashiButton:active {
  transform: translateY(0);
  box-shadow: 0 0.6944vw 1.5278vw rgba(0,0,0,0.12); /* 10 22 */
}

/* =========================
  ABOUT
========================= */
.higashiAbout {
  background: #FFFFFF;
  padding: 4.8611vw 0 5.4167vw; /* 70 78 */
}

.higashiAbout__heading {
  text-align: center;
  margin-bottom: 2.7778vw; /* 40 */
}

.higashiAbout__jp {
  margin: 0 0 0.8333vw; /* 12 */
  font-size: 1.275rem; /* 14px */
  font-weight: 800;
  color: #2D6E7C;
  letter-spacing: 0.08em;
}

.higashiAbout__en {
  margin: 0;
  font-size: 3.5rem; /* 56px */
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.06em;

  /* ABOUT gradient: 0F505D to 398CAD to 07364A vertically */
  background: linear-gradient(180deg, #0F505D 0%, #398CAD 55%, #07364A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.higashiAbout__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.3611vw; /* 34 */
  align-items: start;
}

.higashiCard {
  background: #FFFFFF;
  border-radius: 0.4167vw; /* 6 */
  box-shadow: 0 0 0 0.0694vw rgba(15, 80, 93, 0.06); /* 1 */
}

.higashiCard--large {
  padding: 2.0833vw 1.9444vw; /* 30 28 */
	background: #7070700f;
}

.higashiCard--small {
  padding: 1.5278vw 1.5278vw 1.3889vw 1.5278vw; /* 22 22 20 22 */
  position: relative;
padding-left: 2vw;
}

.higashiCard--small::before {
  content: "";
  position: absolute;
  left: 0.9722vw; /* 14 */
  top: 1.25vw; /* 18 */
  bottom: 1.25vw; /* 18 */
  width: 0.2778vw; /* 4 */
  border-radius: 69.4444vw; /* 999 */
  background: linear-gradient(180deg, #0F505D 0%, #398CAD 55%, #07364A 100%);
  opacity: 0.9;
}

.higashiCard__title {
  margin: 0 0 0.9722vw; /* 14 */
  font-size: 1.2rem; /* 16px */
  font-weight: 900;
  color: #2D6E7C;
  letter-spacing: 0.02em;
}

.higashiCard--small .higashiCard__title {
 
  margin-bottom: 0.6944vw; /* 10 */
}

.higashiCard__body {
  margin: 0;
  font-size: 1.2rem; /* 13px */
  line-height: 1.95;
  color: #3A4A51;
}

.higashiCard--large .higashiCard__body p {
  margin: 0 0 0.9722vw; /* 14 */
}

.higashiCard--large .higashiCard__body p:last-child {
  margin-bottom: 0;
}

.higashiAbout__stack {
  display: flex;
  flex-direction: column;
  gap: 1.25vw; /* 18 */
}
/* =========================
  SMALL CARD FIX (responsive)
========================= */

/* 1) subtitle/title → black */
.higashiCard--small .higashiCard__title {
  color: #2B2B2B;
}

/* 2) remove old vertical line */
.higashiCard--small::before {
  content: none;
}

/* 3) card with curved gradient left border */
.higashiCard--small {
  position: relative;
  border-radius: 1.125rem; /* 18px */
  overflow: hidden;
background: rgba(74, 144, 164, 0.09);
}

/* gradient left edge */
.higashiCard--small::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;

  width: 0.5556vw; /* 8px / 1440 */
  min-width: 0.5rem; /* safety for small screens */

  background: linear-gradient(
    180deg,
    #0F505D 0%,
    #398CAD 55%,
    #07364A 100%
  );

  border-top-left-radius: 1.125rem;
  border-bottom-left-radius: 1.125rem;
}

/* 4) push content away from gradient strip */
.higashiCard--small .higashiCard__title,
.higashiCard--small .higashiCard__body {
  padding-left: 1.375rem; /* 22px */
}

/* =========================
  CONTACT BAR
========================= */
.higashiContactBar {
  padding: 2.3611vw 15vw; /* 34 */
  background: linear-gradient(90deg, #A4DAEA 0%, #FFFFFF 100%);
}

.higashiContactBar__inner {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr auto;
  align-items: center;
  gap: 1.5278vw; /* 22 */
}

.higashiContactBar__telLabel {
  margin: 0 0 0.5556vw; /* 8 */
  font-size: 1rem; /* 12px */
  font-weight: 800;
  color: #2D6E7C;
  letter-spacing: 0.04em;
}

.higashiContactBar__telValue {
  margin: 0;
  font-size: 1.375rem; /* 22px */
  font-weight: 900;
  letter-spacing: 0.02em;
  color: #2D6E7C;
  display: flex;
  gap: 0.6944vw; /* 10 */
  align-items: baseline;
}

.higashiContactBar__telPrefix {
  font-size: 1.2rem; /* 14px */
  font-weight: 900;
  opacity: 0.9;
}

.higashiContactBar__telLink {
  color: #4A90A4;
  text-decoration: none;
        font-size: 1.5vw;
}

.higashiContactBar__telLink:hover {
  text-decoration: underline;
}

.higashiContactBar__hours {
  justify-self: center;
  text-align: center;
}

.higashiContactBar__hoursLine {
  margin: 0;
  font-size: 0.75rem; /* 12px */
  line-height: 1.7;
  font-weight: 800;
  color: #2D6E7C;
text-align: left;
}

.higashiContactBar__cta {
  justify-self: end;
}

/* =========================
  BROCHURE
========================= */
.higashiBrochure {
  background: #FFFFFF;
  padding: 5.5556vw 0 6.25vw; /* 80 90 */
}

.higashiBrochure__inner {
  text-align: center;
}

.higashiBrochure__brand {
  margin: 0 0 0.9722vw; /* 14 */
  font-weight: 800;
  font-size: 1.2rem; /* 14 */
  line-height: 1.7;
  letter-spacing: 0.04em;
  color: #3B7CAF;
}

.higashiBrochure__title {
  margin: 0 0 1.5278vw; /* 22 */
  font-weight: 900;
  font-size: 2.5rem; /* 40 */
  line-height: 1.35;
  letter-spacing: 0.04em;

  background: linear-gradient(180deg, #07364A 0%, #398CAD 50%, #0F505D 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.higashiBrochure__text {
  max-width: 52.7778vw; /* 760 */
  margin: 0 auto 2.3611vw; /* 34 */
  color: #2F3E45;
  font-weight: 700;
  font-size: 1.2rem; /* 13 */
  line-height: 2.0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.higashiBrochure__text p {
  margin: 0 0 0.9722vw; /* 14 */
    text-align: left;
}

.higashiBrochure__text p:last-child {
  margin-bottom: 0;
}

.higashiBrochure__cta {
  margin-top: 2.3611vw; /* 34 */
}

.higashiBrochureButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.9722vw; /* 14 */

  width: min(52.7778vw, 100%); /* 760 */
  padding: 1.8056vw 2.3611vw; /* 26 34 */
  border-radius: 69.4444vw; /* 999 */

  text-decoration: none;
  box-shadow: 0 0.9722vw 1.9444vw rgba(0,0,0,0.10);

  background: linear-gradient(90deg, #3B7CAF 0%, #0F505D 100%);
}

.higashiBrochureButton__text {
  color: #FFFFFF;
  font-weight: 900;
  letter-spacing: 0.04em;
  font-size: 1.2rem; /* 16 */
}

.higashiBrochureButton__arrow {
  color: #FFFFFF;
  font-size: 1rem; /* 16 */
  transform: translateY(0.0694vw); /* 1 */
}

.higashiBrochureButton:hover {
  filter: saturate(1.05);
  box-shadow: 0 1.25vw 2.3611vw rgba(0,0,0,0.12); /* 18 34 */
}

.higashiBrochureButton:active {
  box-shadow: 0 0.9722vw 1.9444vw rgba(0,0,0,0.10);
  filter: saturate(1);
}

/* =========================
  DOCTORS (background + heading)
========================= */
.higashiDoctors {
  padding: 5vw 0 6.25vw; /* 72 90 */
  background: url(https://sapporo-binoh.or.jp/wp-content/themes/binoh_v2/assets/images/higashiSapporo/医師紹介.png);
	background-size: cover;
}

.higashiSectionHeading {
  text-align: center;
  margin-bottom: 2.3611vw; /* 34 */
}

.higashiSectionHeading__jp {
  margin: 0 0 0.8333vw; /* 12 */
  font-size: 1.275rem; /* 14 */
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #3B7CAF;
}

.higashiSectionHeading__en {
  margin: 0;
  font-size: 3.5rem; /* 56 */
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.06em;

  background: linear-gradient(180deg, #07364A 0%, #398CAD 50%, #0F505D 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Doctors outer container (#EDEDED) */
.higashiDoctorsBox {
  background: #EDEDED;
  border-radius: 1.25vw; /* 18 */
  padding: 3.1944vw 0; /* 46 */
}

.higashiDoctorsBox__inner {
  max-width: 52.7778vw; /* 760 */
  margin: 0 auto;
  padding: 0 2.0833vw; /* 30 */
}

/* Main doctor card */
.higashiDoctorCard--main {
  background: #FFFFFF;
  border-radius: 0.4167vw; /* 6 */
  padding: 2.3611vw 2.3611vw; /* 34 */
}

.higashiDoctorCard__grid {
  display: grid;
  grid-template-columns: 18.0556vw 1fr; /* 260 */
  gap: 2.3611vw; /* 34 */
  align-items: start;
}

.higashiDoctorCard__photo img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.1389vw; /* 2 */
}

.higashiDoctorCard__role {
  margin: 0 0 0.5556vw; /* 8 */
  font-weight: 900;
  font-size: 1rem; /* 12 */
  letter-spacing: 0.06em;
  color: #3B7CAF;
}

.higashiDoctorCard__name {
  margin: 0 0 1.25vw; /* 18 */
  display: flex;
  flex-direction: column;
  gap: 0.4167vw; /* 6 */
}

.higashiDoctorCard__nameKanji {
  font-weight: 900;
  font-size: 1.5rem; /* 20 */
  letter-spacing: 0.04em;
  color: #0F505D;
}

.higashiDoctorCard__nameKana {
  font-weight: 800;
  font-size: 1rem; /* 12 */
  letter-spacing: 0.10em;
  color: rgba(15, 80, 93, 0.70);
}

.higashiDoctorCard__list {
  margin: 0;
  padding-left: 1.25rem; /* list indent better in rem */
  font-size: 1rem; /* 12 */
  line-height: 1.9;
  color: #2F3E45;
  font-weight: 700;
}

/* Sub doctor strip */
.higashiDoctorCard--sub {
  margin-top: 3vw; /* 22 */
  background: #FFFFFF;
  border-radius: 0.4167vw; /* 6 */
  padding: 1.25vw 1.5278vw; /* 18 22 */
}

.higashiDoctorStrip {
  display: flex;
    /* grid-template-columns: 4.4444vw 15.2778vw 1fr; */
    gap: 0.9722vw;
    align-items: stretch;
    flex-direction: column;
    text-align: left;
    align-content: center;
    flex-wrap: wrap;
}

.higashiDoctorStrip__role {
  margin: 0;
  font-weight: 900;
  font-size: 1rem; /* 12 */
  letter-spacing: 0.06em;
  color: #3B7CAF;
  text-align: center;
}

.higashiDoctorStrip__name {
  margin: 0;
  display: flex;
  gap: 0.8333vw; /* 12 */
  align-items: baseline;
}

.higashiDoctorStrip__nameKanji {
  font-weight: 900;
  font-size: 1.5rem; /* 16 */
  letter-spacing: 0.04em;
  color: #0F505D;
}

.higashiDoctorStrip__nameKana {
  font-weight: 800;
  font-size: 0.9rem; /* 11 */
  letter-spacing: 0.10em;
  color: rgba(15, 80, 93, 0.65);
}

.higashiDoctorStrip__desc {
  margin: 0;
  font-weight: 700;
  font-size: 0.9rem; /* 11 */
  line-height: 1.7;
  color: #2F3E45;
}

/* =========================
  INFORMATION
========================= */
.higashiInformation {
  background: #FFFFFF;
  padding: 5vw 0 5.4167vw; /* 72 78 */
}

.higashiInformationNotice {
  margin: 0 auto;
  width: min(63.8889vw, 100%); /* 920 */
  min-height: 7.6389vw; /* 110 */

  display: flex;
  align-items: center;
  justify-content: center;

  background: #D6C17E;
  color: #FFFFFF;

  font-weight: 900;
  letter-spacing: 0.06em;
  font-size: 1.2rem; /* 14 */

  border-radius: 1.25vw; /* 18 */
}

/* =========================
  SCHEDULE
========================= */
.higashiSchedule {
  background: #F8F8F8;
  padding: 5.5556vw 0 6.25vw; /* 80 90 */
  box-shadow: inset 0 0.0694vw 0 rgba(0,0,0,0.04); /* 1 */
}

.higashiScheduleTableWrap {
  margin: 2.2222vw auto 0; /* 32 */
  width: min(68.0556vw, 100%); /* 980 */
}

.higashiScheduleTable {
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
  table-layout: fixed;
}

.higashiScheduleTable th,
.higashiScheduleTable td {
  border: 0.0694vw solid #DADFE3; /* 1 */
  text-align: center;
  vertical-align: middle;
  padding: 1.25vw 0.6944vw; /* 18 10 */
  font-size: 1rem; /* 12 */
  font-weight: 800;
  
}

.higashiScheduleTable__head th {
  background: #4A90A4;
  color: #FFFFFF;
  font-weight: 900;
  letter-spacing: 0.06em;
  padding: 1.25vw 0.6944vw; /* 18 10 */
}

.higashiScheduleTable__corner {
  width: 8.3333vw; /* 120 */
}

.higashiScheduleTable__rowHead {
  background: #4A90A4;
  color: #FFFFFF;
  font-weight: 900;
  letter-spacing: 0.06em;
  width: 8.3333vw; /* 120 */
}

.higashiScheduleTable__body td {
  background: #FFFFFF;
  font-weight: 800;
}

/* =========================
  GALLERY
========================= */
.higashiGallery {
  background: #FFFFFF;
  padding: 5.4167vw 0 6.25vw; /* 78 90 */
}

.higashiGalleryGrid {
  margin: 2.3611vw auto 0; /* 34 */
  width: min(75vw, 100%); /* 1080 */

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8056vw; /* 26 */
  align-items: start;
}

.higashiGalleryItem {
  margin: 0;
}

.higashiGalleryItem__img {
  width: 100%;
  height: 18.0556vw; /* 260 */
  object-fit: cover;
  display: block;

  pointer-events: none;
  user-select: none;
}

/* =========================
  GUIDE (BG image)
  NOTE: This PHP short tag only works if this CSS is inline in a PHP file.
========================= */
.higashiGuide {
  padding: 5.8333vw 0 6.9444vw; /* 84 100 */
  background: url(https://sapporo-binoh.or.jp/wp-content/themes/binoh_v2/assets/images/higashiSapporo/医師紹介.png);
  background-size: cover;
  background-position: center;
}

.higashiGuidePanel {
  background: rgba(255,255,255,0.92);
  border-radius: 1.9444vw; /* 28 */
  padding: 2.9167vw 3.1944vw 3.4722vw; /* 42 46 50 */
}

.higashiGuidePanel__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.8889vw; /* 56 */
  align-items: start;
}

.higashiGuideBlock__title {
  margin: 0 0 1.25vw; /* 18 */
  font-size: 1.2rem; /* 14 */
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #3B7CAF;
  position: relative;
  padding-bottom: 0.8333vw; /* 12 */
}

.higashiGuideBlock__title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1389vw; /* 2 */
  background: rgba(15, 80, 93, 0.45);
}

.higashiGuideBlock__subTitle {
  margin: 1.25vw 0 0.6944vw; /* 18 10 */
  font-size: 1rem; /* 12 */
  font-weight: 900;
  color: #2F3E45;
  letter-spacing: 0.04em;
}

.higashiGuideList {
  margin: 0;
}

.higashiGuideList__row {
  display: grid;
  grid-template-columns: 6.25vw 1fr; /* 90 */
  gap: 0.9722vw; /* 14 */
  padding: 0.5556vw 0; /* 8 */
}

.higashiGuideList__dt {
  font-size: 0.9rem; /* 11 */
  font-weight: 900;
  color: #2F3E45;
  letter-spacing: 0.04em;
}

.higashiGuideList__dd {
  margin: 0;
  font-size: 0.9rem; /* 11 */
  line-height: 1.7;
  font-weight: 700;
  color: #2F3E45;
}

.higashiGuideList--spaced {
  margin-top: 0.8333vw; /* 12 */
}

.higashiGuideList--access .higashiGuideList__row {
  padding: 0.6944vw 0; /* 10 */
}

.higashiGuideTableWrap {
  margin-top: 0.6944vw; /* 10 */
}

.higashiGuideTable {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #FFFFFF;
  border: 0.0694vw solid #DADFE3; /* 1 */
}

.higashiGuideTable th,
.higashiGuideTable td {
  border: 0.0694vw solid #DADFE3; /* 1 */
  text-align: center;
  padding: 0.6944vw 0.5556vw; /* 10 8 */
  font-size: 0.9rem; /* 11 */
  font-weight: 800;
  color: #2F3E45;
}

.higashiGuideTable thead th {
  background: #F3F6F8;
  font-weight: 900;
}

.higashiGuideTable tbody th {
  background: #F3F6F8;
  font-weight: 900;
}

.higashiGuideBlock__cta {
  margin-top: 1.25vw; /* 18 */
}

.higashiReserveButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8333vw; /* 12 */

  padding: 1.1111vw 1.8056vw; /* 16 26 */
  border-radius: 69.4444vw; /* 999 */
  text-decoration: none;

  background: linear-gradient(90deg, #C56767 0%, #E4A0A0 100%);
  box-shadow: 0 0.8333vw 1.5278vw rgba(0,0,0,0.12); /* 12 22 */
  border: 0.1389vw solid rgba(255,255,255,0.85); /* 2 */
}

.higashiReserveButton__text {
  color: #FFFFFF;
  font-weight: 900;
  letter-spacing: 0.04em;
  font-size: 1.2rem; /* 14 */
}

.higashiReserveButton__arrow {
  color: #FFFFFF;
  font-size: 1.2rem; /* 14 */
  transform: translateY(0.0694vw); /* 1 */
}

.higashiGuideMap {
  margin-top: 1.1111vw; /* 16 */
  width: 100%;
  border-radius: 0.4167vw; /* 6 */
  overflow: hidden;
  box-shadow: 0 0 0 0.0694vw rgba(0,0,0,0.08); /* 1 */
}

.higashiGuideMap iframe {
  width: 100%;
  height: 17.3611vw; /* 250 */
  display: block;
}

/* =========================
  FACILITY INFORMATION
========================= */
.higashiFacilityInfo {
  background: #F9F9F9;
  padding: 5.9722vw 0 7.6389vw; /* 86 110 */
}

.higashiFacilityCards {
  margin-top: 2.5vw; /* 36 */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25vw; /* 18 */
}

.higashiFacilityCard {
  background: #FFFFFF;
  border-radius: 0.4167vw; /* 6 */
  padding: 1.25vw 1.25vw 1.1111vw; /* 18 18 16 */
  box-shadow: 0 0 0 0.0694vw rgba(0,0,0,0.08); /* 1 */
  min-height: 10.4167vw; /* 150 */
}

.higashiFacilityCard__title {
  margin: 0 0 0.8333vw; /* 12 */
  font-size: 1rem; /* 12 */
  font-weight: 900;
  color: #3B7CAF;
  letter-spacing: 0.06em;
  position: relative;
  padding-bottom: 0.6944vw; /* 10 */
}

.higashiFacilityCard__title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0694vw; /* 1 */
  background: rgba(0,0,0,0.10);
}

.higashiFacilityCard__list {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.9rem; /* 11 */
  line-height: 1.8;
  font-weight: 700;
  color: #2F3E45;
}
/* Higashi Sapporo page only */

body > div.recruitment__image
{
	display:none;
}

body > div.blueback2,
body > section#info {
	display:none;
}
.higashiCard--large p{
	font-size:1.1rem;
}
/* =========================
  Mobile (<= 480px)
========================= */
@media (max-width: 480px) {
	.mobile{
		display:flex!important;
	}
  /* ---------
    STACK / LAYOUT (actual changes)
  --------- */

  .higashiInner{
    max-width: 100%;
    padding: 0 4.5vw;
  }

  /* HERO */
  .higashiHero__inner{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 4.5vw;
    padding-top: 10vw;
    padding-bottom: 8vw;
    min-height: auto;
  }

  .higashiHero__content{
    max-width: 100%;
  }

  .higashiHero__cta{
    width: 100%;
    padding-bottom: 0;
  }

  .higashiButton{
    width: 100%;
    justify-content: center;
  }

  /* ABOUT (2 columns -> 1 column) */
  .higashiAbout__grid{
    grid-template-columns: 1fr;
    gap: 4.5vw;
  }

  .higashiAbout__stack{
    gap: 3.5vw;
  }

  /* Small cards: keep left gradient strip and increase padding comfort */
  .higashiCard--small{
    padding: 4.5vw;
    padding-left: 6.5vw;
  }

  .higashiCard--small::after{
    width: 1.6vw;
    min-width: 0.35rem;
  }

  .higashiCard--small .higashiCard__title,
  .higashiCard--small .higashiCard__body{
          padding-left: 2.5vw;
        font-size: 3.5vw;
  }

  /* CONTACT BAR (3 cols -> stack) */
  .higashiContactBar{
    padding: 6vw 4.5vw;
  }

  .higashiContactBar__inner{
    grid-template-columns: 1fr;
    gap: 4vw;
    text-align: left;
  }

  .higashiContactBar__hours{
    justify-self: start;
    text-align: left;
  }

  .higashiContactBar__cta{
    justify-self: stretch;
  }

  .higashiContactBar__telLink{
    font-size: 1.1rem; /* keep readable on small screens */
  }

  /* BROCHURE */
  .higashiBrochure__text{
    max-width: 100%;
  }

  .higashiBrochureButton{
    width: 100%;
  }

  /* DOCTORS */
  .higashiDoctorsBox{
    padding: 6vw 0;
  }

  .higashiDoctorsBox__inner{
    max-width: 100%;
    padding: 0 4.5vw;
  }

  .higashiDoctorCard__grid{
    grid-template-columns: 1fr;
    gap: 4.5vw;
  }

  /* INFORMATION */
  .higashiInformationNotice{
    width: 100%;
    min-height: auto;
    padding: 5vw 4vw;
    border-radius: 4vw;
    text-align: center;
  }

  /* SCHEDULE: allow horizontal scroll (table stays usable) */
  .higashiScheduleTableWrap{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .higashiScheduleTable{
    min-width: 560px; /* keeps columns readable; adjust later */
  }

  /* GALLERY: 3 columns -> 1 column */
  .higashiGalleryGrid{
    width: 100%;
    grid-template-columns: 1fr;
    gap: 4.5vw;
  }

  .higashiGalleryItem__img{
    height: 56vw; /* tall enough for mobile */
  }

  /* GUIDE: 2 columns -> 1 column */
  .higashiGuidePanel{
    padding: 6vw 4.5vw;
    border-radius: 6vw;
  }

  .higashiGuidePanel__inner{
    grid-template-columns: 1fr;
    gap: 6vw;
  }

  .higashiGuideList__row{
    grid-template-columns: 20vw 1fr;
    gap: 3vw;
gap: 3vw;
        padding: 0vw;
        /* display: flex; */
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline;
  }

  .higashiGuideMap iframe{
    height: 56vw;
  }

  /* FACILITY: 3 columns -> 1 column */
  .higashiFacilityCards{
    grid-template-columns: 1fr;
    gap: 4vw;
  }

  .higashiFacilityCard{
    min-height: auto;
  }


  /* ---------
    EMPTY RULES (from your PC CSS, for later fine-tuning)
    (Leave these empty and fill as needed)
  --------- */

  .higashiSapporoPage { max-width: 100vw;
        overflow-x: hidden;}

  :root { }

  p { }

  #hero { background-size: cover;
        background-position: left;}

  .higashiHero { }

  .higashiHero::before { }

  .higashiHero__smallTitle {font-size: 1.3rem;
      margin-top: 16vw;
        margin-bottom: 2vw; }

  .higashiHero__title {font-size: 2.3rem; margin-bottom: 5vw;}

  .higashiHero__pill {margin-bottom: 5vw; }

  .higashiHero__pillText {padding: 1vw 7vw; }

  .higashiHero__lead { }

  .higashiButton__text { }

  .higashiButton__arrow {width: 4vw; }

  .higashiButton--hero,
  .higashiButton--bar { }

  .higashiButton:hover { }

  .higashiButton:active { }

  .higashiAbout { }

  .higashiAbout__heading { }

  .higashiAbout__jp { }

  .higashiAbout__en { }

  .higashiCard { }

  .higashiCard--large { }

  .higashiCard__title { }

  .higashiCard--small .higashiCard__title { }

  .higashiCard__body { }

  .higashiCard--large .higashiCard__body p { }

  .higashiCard--large .higashiCard__body p:last-child { }

  .higashiContactBar__telLabel { }

  .higashiContactBar__telValue { }

  .higashiContactBar__telPrefix { }

  .higashiContactBar__telLink:hover { }

  .higashiContactBar__hoursLine { }

  .higashiBrochure { }

  .higashiBrochure__inner { }

  .higashiBrochure__brand { }

  .higashiBrochure__title { font-size: 2rem;
        margin-bottom: 9vw;
        margin-top: -5vw;}

  .higashiBrochure__text p { }

  .higashiBrochure__text p:last-child { }

  .higashiBrochure__cta { margin: 5vw 0;}

  .higashiBrochureButton__text { }

  .higashiBrochureButton__arrow {        width: 4vw; }

  .higashiBrochureButton:hover { }

  .higashiBrochureButton:active { }

  .higashiDoctors { }

  .higashiSectionHeading {        max-width: 100vw; }

  .higashiSectionHeading__jp { }

  .higashiSectionHeading__en {        font-size: 2rem;
        padding-bottom: 4vw; 
max-width: 90vw;
        width: 90vw;}
	.swipe img {
		
		width:8vw;
	}
  .higashiDoctorCard--main { }

  .higashiDoctorCard__photo img { }

  .higashiDoctorCard__role { }

  .higashiDoctorCard__name { }

  .higashiDoctorCard__nameKanji { }

  .higashiDoctorCard__nameKana { }

  .higashiDoctorCard__list { }

  .higashiDoctorCard--sub { }

  .higashiDoctorStrip { }

  .higashiDoctorStrip__role { }

  .higashiDoctorStrip__name {         display: flex;
        flex-direction: column;
        align-items: center;}

  .higashiDoctorStrip__nameKanji { }

  .higashiDoctorStrip__nameKana {        margin-top: -10vw;
        margin-bottom: 5vw; }

  .higashiDoctorStrip__desc { padding-bottom: 5vw;}

  .higashiInformation { }

  .higashiSchedule { }

  .higashiScheduleTable th,
  .higashiScheduleTable td { }

  .higashiScheduleTable__head th { }

  .higashiScheduleTable__corner { }

  .higashiScheduleTable__rowHead { }

  .higashiScheduleTable__body td { }

  .higashiGallery { }

  .higashiGalleryItem { }

  .higashiGuide { }

  .higashiGuideBlock__title { }

  .higashiGuideBlock__title::after { }

  .higashiGuideBlock__subTitle {         padding: 3vw 0;}

  .higashiGuideList { }

  .higashiGuideList__dt { }

  .higashiGuideList__dd { }

  .higashiGuideList--spaced { }

  .higashiGuideList--access .higashiGuideList__row { }

  .higashiGuideTableWrap { }

  .higashiGuideTable {margin-bottom: 5vw; }

  .higashiGuideTable th,
  .higashiGuideTable td { }

  .higashiGuideTable thead th { }

  .higashiGuideTable tbody th { }

  .higashiGuideBlock__cta {margin-top: 5vw; }

  .higashiReserveButton { }

  .higashiReserveButton__text { }

  .higashiReserveButton__arrow { }

  .higashiGuideMap {margin-top }

  .higashiFacilityInfo { }

  .higashiFacilityCard__title { }

  .higashiFacilityCard__title::after { }

  .higashiFacilityCard__list { }

  body > div.recruitment__image { }

  body > div.blueback2,
  body > section#info { }

  .higashiCard--large p { }
	.higashiDoctorCard__info{
		        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: stretch;
        flex-wrap: nowrap;
        padding-bottom: 4vw;
    }
	}
}