#body_wrap.clark-page--titleband {
	
	--band-bg: #0A0A0A;
	--band-line: #FF5454;
	--band-glow: rgba(200, 22, 29, .3);
	--band-eyebrow: #C8161D;
	--band-en: 'Noto Sans JP', sans-serif;
}

#body_wrap.clark-course--examinee,

#body_wrap.clark-campus.clark-page--titleband {
	
	--band-bg: var(--accent);
	--band-line: rgba(255, 255, 255, .5);
	--band-glow: rgba(255, 255, 255, .22);
	--band-eyebrow: rgba(255, 255, 255, .94);
	--band-en: var(--en);
}




#body_wrap.clark-page--titleband .c-pageTitle {
	position: relative;
	margin: 0 calc(50% - 50vw) 34px;
	width: 100vw;
	
	padding: 20px 0 48px;
	text-align: left;
	background-color: var(--band-bg);
	background-image: radial-gradient(760px 300px at 6% 30%, var(--band-glow), transparent 62%);
	border-top: 3px solid var(--band-line);
}


#body_wrap.clark-page--titleband .c-pageTitle__inner {
	display: block;
	max-width: calc(1200px + var(--swl-pad_container, 32px) * 2);
	margin-inline: auto;
	padding-inline: var(--swl-pad_container, 32px);
	
	font-size: clamp(26px, 3.5vw, 50px);
	line-height: 1.18;
	letter-spacing: .01em;
	color: #fff;
}


#body_wrap.clark-page--titleband .c-pageTitle__inner::before {
	display: block;
	margin-bottom: 16px;
	padding-left: 58px;
	background-image: linear-gradient(var(--band-eyebrow), var(--band-eyebrow));
	background-repeat: no-repeat;
	background-size: 44px 2px;
	background-position: 0 .6em;
	font-family: var(--band-en);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .42em;
	color: var(--band-eyebrow);
}
#body_wrap.clark-page--event .c-pageTitle__inner::before { content: "EVENT"; }
#body_wrap.clark-page--news .c-pageTitle__inner::before { content: "NEWS"; }
#body_wrap.clark-page--disclosure .c-pageTitle__inner::before { content: "DISCLOSURE"; }
#body_wrap.clark-page--request-form .c-pageTitle__inner::before { content: "REQUEST"; }
#body_wrap.clark-page--event-form .c-pageTitle__inner::before { content: "RESERVATION"; }
#body_wrap.clark-page--briefing-form .c-pageTitle__inner::before { content: "CONSULTATION"; }
#body_wrap.clark-page--contact .c-pageTitle__inner::before { content: "CONTACT"; }
#body_wrap.clark-page--contact-form .c-pageTitle__inner::before { content: "CONTACT"; }


#body_wrap.clark-campus.clark-page--event-form .c-pageTitle__inner::before {
	content: "クラークNEXT高等学校・クラーク記念国際高等学校";
	letter-spacing: .04em;
	
	background-image: none;
	padding-left: 0;
}
@media (max-width: 959px) {
	
	#body_wrap.clark-campus.clark-page--event-form .c-pageTitle__inner::before {
		font-size: min(12px, 3.15vw);
		letter-spacing: .01em;
		padding-left: 0; 
	}
	
	#body_wrap.clark-campus.clark-page--event-form .c-pageTitle__inner {
		word-break: keep-all;
	}
}




#body_wrap.clark-course--examinee #crs-top {
	min-height: 0;
	align-items: flex-start;
	text-align: left;
	color: #fff !important;
	background-color: var(--band-bg) !important;
	background-image:
		radial-gradient(760px 300px at 6% 30%, var(--band-glow), transparent 62%),
		linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .26));
	border-top: 3px solid var(--band-line);
}

#body_wrap.clark-course--examinee #crs-top .swell-block-fullWide__inner {
	max-width: 1240px !important;
	padding: 20px 32px 48px !important;
}

#body_wrap.clark-course--examinee #crs-top::after {
	content: none !important;
}


#body_wrap.clark-course--examinee #crs-top .crs-hero__title {
	margin-top: 14px !important;
	font-size: clamp(26px, 3.5vw, 50px) !important;
	line-height: 1.18 !important;
	letter-spacing: .01em;
	text-shadow: none;
}


#body_wrap.clark-course--examinee .crs-hero__title small {
	margin-bottom: 16px;
	padding-left: 58px;
	background-image: linear-gradient(var(--band-eyebrow), var(--band-eyebrow));
	background-repeat: no-repeat;
	background-size: 44px 2px;
	background-position: 0 .6em;
	font-size: 15px;
	letter-spacing: .42em;
	text-indent: 0;
	color: var(--band-eyebrow);
}

#body_wrap.clark-course--examinee .crs-hero__catch {
	margin: 14px 0 0 !important;
	font-size: clamp(14.5px, 1.4vw, 17px);
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
	text-shadow: none;
}





#body_wrap.clark-course--examinee #crs-about .lead,
#body_wrap.clark-course--examinee #crs-event .lead {
	margin-bottom: 20px !important;
}

#body_wrap.clark-course--examinee .swell-block-rss {
	margin-bottom: 0;
}
#body_wrap.clark-course--examinee .p-postList.is-rss {
	margin: 0;
}
#body_wrap.clark-course--examinee .p-postList.is-rss .p-postList__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}



#body_wrap.clark-course--examinee .post_content .sec-label {
	display: flex;
	margin-bottom: 26px !important;
	color: var(--sub);
	font-weight: 500;
}

#body_wrap.clark-course--examinee .l-mainContent .post_content h2::before {
	content: none !important;
}




#body_wrap.clark-course--examinee #crs-cta {
	display: none !important;
}

#body_wrap.clark-course--examinee .crs-cta {
	flex-direction: column;
	align-items: center;
	gap: 6px;
}


#body_wrap.clark-course--examinee #crs-cta {
	background: var(--surface) !important;
	color: var(--text);
}
#body_wrap.clark-course--examinee #crs-cta::before,
#body_wrap.clark-course--examinee #crs-cta::after {
	content: none !important;
}
#body_wrap.clark-course--examinee #crs-cta h2 {
	color: var(--text) !important;
}
#body_wrap.clark-course--examinee #crs-cta .sec-label {
	color: var(--sub);
}
#body_wrap.clark-course--examinee #crs-cta .crs-cta dt {
	color: var(--sub);
}
#body_wrap.clark-course--examinee #crs-cta .crs-cta dd {
	color: var(--text);
}



@media (max-width: 959px) {
	#body_wrap.clark-page--titleband .c-pageTitle {
		margin-bottom: 26px;
		
		padding: 14px 0 30px;
	}
	#body_wrap.clark-page--titleband .c-pageTitle__inner::before {
		margin-bottom: 12px;
		padding-left: 46px;
		background-size: 34px 2px;
		font-size: 13px;
		letter-spacing: .32em;
	}
}

@media (max-width: 860px) {
	#body_wrap.clark-course--examinee #crs-top {
		min-height: 0;
	}
	#body_wrap.clark-course--examinee #crs-top .swell-block-fullWide__inner {
		padding: 16px 24px 30px !important;
	}
	#body_wrap.clark-course--examinee .crs-hero__title small {
		margin-bottom: 12px;
		padding-left: 46px;
		background-size: 34px 2px;
		font-size: 13px;
		letter-spacing: .32em;
	}
}