/* Graduate five-subject program: renewal bridge using the current school design system. */
.graduate5-page {
	--graduate5-ink: #264a43;
	--graduate5-coral: #e7d6e1;
	--graduate5-mint: #dce6dd;
	--graduate5-apricot: #d7dee7;
	--graduate5-lavender: #dcd6e6;
	--graduate5-ivory: #f6f2ee;
	padding-top: 0 !important;
	background: #fff;
	color: var(--graduate5-ink);
}

.graduate5-page .collegeContainer { width: 100%; max-width: none; margin: 0; }
.graduate5-page .school-page-hero { margin-bottom: 0; }
.graduate5-page .ly_cont { width: min(100% - 48px, 1120px); }
.graduate5-page .ly_cont__xs { max-width: 980px; }

.graduate5-page .graduate5_lead,
.graduate5-page > .collegeContainer > section { margin: 0 !important; padding: clamp(78px, 9vw, 124px) 0; }
.graduate5-page > .collegeContainer > section:nth-of-type(even) { background: var(--graduate5-ivory); }
.graduate5-page .graduate5_lead { background: #fff; }
.graduate5-page .graduate5_lead_inner { max-width: 900px; }
.graduate5-page .graduate5_lead_ttl {
	margin-bottom: clamp(28px, 4vw, 44px) !important;
	color: var(--graduate5-ink) !important;
	font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.8rem, 3.7vw, 2.75rem) !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
	letter-spacing: .04em !important;
}
.graduate5-page .graduate5_lead_video { margin-bottom: 0 !important; border-radius: 24px; box-shadow: 0 22px 54px rgba(38, 74, 67, .1); }
.graduate5-page .graduate5_lead_desc,
.graduate5-page .graduate5_intro { color: var(--graduate5-ink) !important; font-size: 1rem !important; line-height: 2 !important; }

.graduate5-page .el_enTtl {
	margin-bottom: 12px !important;
	color: var(--graduate5-coral) !important;
	font: 700 .75rem/1.4 "Helvetica Neue", Arial, "Noto Sans JP", sans-serif !important;
	letter-spacing: .22em !important;
}
.graduate5-page .el_lead {
	margin-bottom: clamp(34px, 5vw, 54px) !important;
	color: var(--graduate5-ink) !important;
	font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
	font-size: clamp(1.85rem, 3.5vw, 2.65rem) !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	letter-spacing: .04em !important;
	text-align: center;
}
.graduate5-page .graduate5_intro { max-width: 820px; margin-inline: auto; }
.graduate5-page .graduate5_intro p { margin: 0; }
.graduate5-page .graduate5_intro p + p { margin-top: 24px; }
.graduate5-page .graduate5_difference_list { display: grid; gap: 0; margin: 34px 0; padding: 0; border-top: 1px solid rgba(38, 74, 67, .14); list-style: none; }
.graduate5-page .graduate5_difference_list li { position: relative; padding: 17px 18px 17px 34px; border-bottom: 1px solid rgba(38, 74, 67, .14); }
.graduate5-page .graduate5_difference_list li::before { position: absolute; top: 1.45em; left: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--graduate5-coral); content: ""; }

.graduate5-page .graduate5_syllabus_note { margin: -18px auto 34px !important; color: rgba(38, 74, 67, .72) !important; font-size: .88rem !important; }

/* Shared section components: use the current program page without legacy heading offsets. */
.graduate5-page .program-heading { text-align: center; }
.graduate5-page .program-syllabus { background-color: #faf8f6 !important; }
.graduate5-page .program-syllabus__legacy .bl_faq_icn img { height: 82px !important; }
.graduate5-page .graduate5_application_action { margin: clamp(38px, 5vw, 56px) 0 0; text-align: center !important; }

/* Existing content components, restyled in the current school palette. */
.graduate5-page .graduate5_payment_list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px !important; max-width: 900px; margin: 0 auto; }
.graduate5-page .graduate5_payment_item { min-width: 0; padding: 32px 18px 28px !important; border: 1px solid rgba(38, 74, 67, .12) !important; border-radius: 14px !important; background: var(--graduate5-ivory) !important; text-align: center; }
.graduate5-page .graduate5_payment_ttl { color: rgba(38, 74, 67, .75) !important; }
.graduate5-page .graduate5_payment_price { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 3px; white-space: normal !important; }
.graduate5-page .graduate5_payment_amount { color: var(--graduate5-ink) !important; }
.graduate5-page .graduate5_payment_included { white-space: nowrap; }
.graduate5-page .graduate5_note { max-width: 900px; margin: 22px auto 0 !important; }

.graduate5-page .un_college_about_qa .bl_faq { display: grid; gap: 0; max-width: 900px; margin-inline: auto; border-top: 1px solid rgba(38, 74, 67, .16); }
.graduate5-page .un_college_about_qa .bl_faq_item { border-bottom: 1px solid rgba(38, 74, 67, .16); }
.graduate5-page .un_college_about_qa .bl_faq_q { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.graduate5-page .un_college_about_qa .bl_faq_icn { color: var(--graduate5-coral) !important; }
.graduate5-page .un_college_about_qa .bl_faq_a { border: 0 !important; background: transparent !important; }
.graduate5-page .el_btn { display: inline-flex; min-width: min(100%, 330px); min-height: 60px; align-items: center; justify-content: center; border: 1px solid var(--graduate5-ink); border-radius: 999px; background: var(--graduate5-ink); color: #fff; text-decoration: none; transition: background-color .25s ease, color .25s ease; }
.graduate5-page .el_btn:hover { background: #fff; color: var(--graduate5-ink); }

@media (max-width: 767px) {
	.graduate5-page .ly_cont { width: min(100% - 36px, 680px); }
	.graduate5-page .graduate5_lead,
	.graduate5-page > .collegeContainer > section { padding: 68px 0; }
	.graduate5-page .graduate5_lead_ttl { font-size: clamp(1.62rem, 8vw, 2.05rem) !important; }
	.graduate5-page .graduate5_lead_ttl span { display: inline !important; }
	.graduate5-page .graduate5_lead_video { border-radius: 16px; }
	.graduate5-page .el_lead { font-size: clamp(1.7rem, 8vw, 2.15rem) !important; }
	.graduate5-page .graduate5_intro,
	.graduate5-page .graduate5_lead_desc { font-size: .94rem !important; text-align: left; }
	.graduate5-page .graduate5_payment_list { grid-template-columns: 1fr !important; }
	.graduate5-page .graduate5_payment_item { min-width: 0 !important; }
	.graduate5-page .el_btn { width: 100%; }
	.graduate5-page .program-syllabus__legacy .bl_faq_icn img { height: 60px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.graduate5-page *, .graduate5-page *::before, .graduate5-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}