:root {
	--font-body: "Noto Sans JP", sans-serif;
	--font-title: "Zen Kaku Gothic New", sans-serif;
	--font-sans: var(--font-body);
	--font-serif: var(--font-title);
}

body,
button,
input,
textarea,
select {
	font-family: var(--font-body);
}

body {
	color: #222;
	font-weight: 400;
}

.site-main {
	color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.page-title,
.entry-title,
.section-title,
.lower-hero__english,
.lower-heading__english,
.school-history-section-heading {
	font-family: var(--font-title);
}

.mobile-title-break {
	display: none;
}

p,
li,
dt,
dd,
td,
figcaption,
.entry-content,
.admission-faq-item__answer {
	font-family: var(--font-body);
	font-weight: 400;
}

/* Shared lower-page H1 titles. */
.site-main .lower-hero h1 {
	margin-top: 80px;
	color: #222;
	font-family: var(--font-title);
	font-size: 40px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.4;
}

.site-main .lower-hero__title {
	display: flow-root;
	height: 192px;
}

.site-main .lower-hero__english {
	top: 28px;
	color: #bcdff4;
	font-family: var(--font-title);
	font-size: 80px;
	font-weight: 300;
	line-height: 1;
}

.clubs-hero__title p,
.graduate-hero__english,
.audience-hero__english {
	color: #bcdff4;
	font-family: var(--font-title);
	font-size: 80px;
	font-weight: 300;
	line-height: 1;
}

.clubs-hero__title h1,
.graduate-hero > h1,
.audience-hero h1 {
	color: #222;
	font-family: var(--font-title);
	font-size: 40px;
	font-weight: 800;
	line-height: 1.4;
}

.clubs-hero__title h1,
.audience-hero h1 {
	margin-top: -28px;
}

.graduate-hero__english {
	margin-bottom: -28px;
}

@media (max-width: 767px) {
	.site-main .lower-hero__title {
		height: 170px;
	}

	.site-main .lower-hero__english,
	.clubs-hero__title p,
	.graduate-hero__english,
	.audience-hero__english {
		font-size: 52px;
		letter-spacing: 0.055em;
	}

	.site-main .lower-hero h1,
	.clubs-hero__title h1,
	.graduate-hero > h1,
	.audience-hero h1,
	.page-hero h1,
	.courses-hero__heading h1,
	.dynamic-content-page__header h1 {
		font-size: 35px;
		line-height: 1.4;
		text-wrap: balance;
	}

	.site-main .lower-hero h1.is-long,
	.clubs-hero__title h1.is-long,
	.graduate-hero > h1.is-long,
	.audience-hero h1.is-long,
	.page-hero h1.is-long,
	.courses-hero__heading h1.is-long,
	.dynamic-content-page__header h1.is-long {
		font-size: 28px;
		line-height: 1.45;
	}

	.mobile-title-break {
		display: inline;
	}
}

/* H2 headings must never render below 32px. */
.lower-page--career .lower-heading h2,
.lower-page--uniform .annual-events__intro h2,
.lower-page--uniform .school-food h2,
.lower-page--uniform .school-timetable h2,
.lower-page--graduate .graduate-detail__course,
.admissions-information-page .admission-downloads h2,
.admissions-information-page .admission-forms h2,
.admissions-information-page .admission-consultation h2,
.admissions-information-page .admission-faq .lower-heading h2,
.facilities-access-page .learning-center-section__title,
.facilities-access-page .access-heading h2,
.clubs-page .club-section__header h2 {
	font-size: 32px;
}

@media (max-width: 767px) {
	.audience-page .audience-menu__heading h2,
	.audience-page .audience-section-heading h2,
	.school-history-page .principal-memories h2,
	.school-history-page .principal-vision h2,
	.school-history-page .principal-message h2,
	.school-history-page .teacher-encounters h2,
	.site-main .no-results h2,
	.site-main h2.wp-block-heading {
		font-size: 32px;
	}
}

/* Keep every content H2 consistent on smartphone layouts. */
@media (max-width: 640px) {
	body .site-main.site-main h2 {
		font-size: 30px;
	}

	body .site-main.courses-page .course-detail__label {
		font-size: 22px;
		line-height: 1.4;
		white-space: nowrap;
	}

	body .site-main.site-main .shared-learning-center .course-program__title {
		font-size: 22px;
	}

	/* Article-card titles keep their separately specified compact size. */
	body .site-main.site-main .journal-card h2 {
		font-size: 17px;
	}

	body .site-main.site-main #admission-downloads-title,
	body .site-main.site-main #admission-consultation-title {
		font-size: 25px;
	}

	body .site-main.site-main.lower-page--uniform .school-food > h2 {
		font-size: 25px;
	}

	body .site-main.site-main.facilities-access-page .learning-center-section__title {
		font-size: 25px;
	}

	/* Shared smartphone title position for every standard lower-page MV. */
	.site-main .lower-hero--standard .lower-hero__title {
		transform: translateY(16px);
	}

	.lower-page--graduate .graduate-hero__english,
	.lower-page--graduate .graduate-hero > h1 {
		transform: translateY(16px);
	}
}

/* Text rendered at 20px or below uses the body typeface on every page. */
.lower-heading__english,
.journal-card h2,
.journal-card h3,
.graduate-card h3,
.graduate-detail__profile small,
.graduate-interview__questions h3,
.event-month__heading span,
.school-day__copy h3,
.school-food__grid h3,
.facility-card h3,
.learning-center-section__grid h3,
.learning-center-section__features h3,
.access-overview__copy h3,
.history-list h4,
.club-result h3,
.club-modal__about h3 {
	font-family: var(--font-body);
}