/**
 * School Style 用CSS（sky-stage-school から移植）
 *
 * 「テンプレート → School Style」を選んだページにのみ読み込まれる。
 * グローバルなセレクタ（.l-header 等）を含むが、対象ページにしか
 * 読み込まれないため本体サイトには影響しない。
 *
 * 注: --accent-color / --sub-accent-color はカスタマイザー「School Style」で上書き。
 * forlisence（資格）向けスタイルは css/forlisence/forlisence.css から統合済み。
 */

:root {
	--s-color-04a35386: #55cbdbff;
	--s-color-7ba02147: #2a2a2aff;
	--s-color-9a8c4d0a: #ecececff;
	--s-color-a8996103: #ffcc6bff;
	--s-color-ee94acfd: #99e5f0ff;
	--s-color-2fbe8c62: #bbbbbbff;
	--s-color-d8936611: #909090ff;
	--dark-gray: #575555;
	--light-gray: #F7F7F7;
	--s-color-85a8b4f6: #55db96ff;
	--s-color-f5b00988: #f3ffedff;
	--s-color-18b020af: #5fe854ff;
	--s-font-42bff514: Lato;
	--s-font-4fa17af4: 'Noto Sans JP';
	--s-font-99a95f3c: 'ゴシックMB101 R JIS2004';
	--s-font-22b8f0ac: Urbanist, 'ゴシックMB101 M JIS2004';
	--s-font-d5b86389: 'ゴシックMB101 L JIS2004';
	--s-font-ab9f8cfe: Inter;
	--s-font-ab80fc2a: 'Barlow Condensed';
	--s-font-7dbda5d1: Montserrat;
	--s-font-8a81dcf2: 'ゴシックMB101 B JIS2004';
	--s-font-7aa5bb45: Rubik;
	--s-font-f689b324: 'A1ゴシック M JIS2004';
	--s-font-dc8f04a1: 'A1ゴシック R JIS2004';
	--s-font-0183b978: 'ヒラギノ角ゴ W6 JIS2004';
	--s-font-01958f95: 'ゴシックMB101 DB JIS2004';
	--s-font-efa8f5c0: 'ヒラギノ角ゴ W3 JIS2004';
	--s-font-5283424d: 'しまなみ JIS2004';
	--s-font-f1aecef0: 'Cormorant Garamond';
	--s-font-8b9a0f32: 'A1ゴシック L JIS2004';
	--s-font-d68299bc: 'ゴシックMB101 M JIS2004';
	--s-font-cbbab5e2: 'ゴシックMB101 M JIS2004';
	--s-font-4fafa4a9: Inter, 'Noto Sans JP';
}

html {
	scroll-behavior: smooth;
}

.l-contents {
	margin-bottom: 0;
	position: relative;
}

.l-contents__inner {
	padding-bottom: 0 !important;
	margin-bottom: 100px;
}

.c-section {
	padding: 0;
}

.l-contents__inner:first-child {
	padding-top: 0;
}

.c-row__col--lg-1-4,
.c-row__col--lg-2-8,
.c-row__col--lg-3-12 {
	--_item-width: 100%;
}

.c-fluid-container .l-2row-header__row {
	padding-top: 0;
	padding-bottom: 0;
}

.l-footer--default .l-footer-widget-area {
	padding: 0;
}

.l-footer--default .l-footer-widget-area .c-container {
	padding: 0;
	max-width: inherit;
}

.footer_inner_flex {
	max-width: 1170px;
}

.c-page-header {
	height: 440px;
}

.c-page-header__title {
	font-size: clamp(20px, 4.4vw, 64px);
}

.smb-section.is-style-smb-section-undecorated-title>.smb-section__inner>.c-container>.smb-section__contents-wrapper>.smb-section__header .smb-section__title+.smb-section__lede-wrapper {
	margin-top: 0;
}

.max196 {
	max-width: 196px;
}

.bb-1 {
	border-bottom: 1px solid var(--accent-color);
}

.text-decoration-none,
.text-decoration-none a {
	text-decoration: none;
}

.c-copyright--inverse {
	font-size: 10px;
	color: var(--s-color-7ba02147);
	background-color: var(--s-color-9a8c4d0a);
	padding-bottom: 100px;
}

.gap0 {
	gap: 0 !important;
}

.auto-phrase {
	word-break: auto-phrase;
}

.dark-gray {
	background: var(--dark-gray);
}

.light-gray {
	background: var(--light-gray);
}

.c-meta__item--modified {
	display: none;
}

/* ===== home ===== */
.headline {
	font-family: var(--s-font-7aa5bb45);
}

.corner-brackets {
	position: relative;
	height: 100%;
}

.corner-brackets::before,
.corner-brackets::after,
.corner-brackets .smb-box__background::before,
.corner-brackets .smb-box__background::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid var(--accent-color);
}

.corner-brackets::before {
	top: 0;
	left: 0;
	border-right: none;
	border-bottom: none;
}

.corner-brackets::after {
	top: 0;
	right: 0;
	border-left: none;
	border-bottom: none;
}

.corner-brackets .smb-box__background::before {
	bottom: 0;
	left: 0;
	border-right: none;
	border-top: none;
}

.corner-brackets .smb-box__background::after {
	bottom: 0;
	right: 0;
	border-left: none;
	border-top: none;
}

.smb-items__item,
.smb-items__item__body {
	height: 100%;
}

.smb-section__body-mt0 .smb-section__body {
	margin-top: 0;
}

.urbanist {
	font-family: var(--s-font-22b8f0ac);
}

.pdf-btn .wp-block-file__button {
	width: 100%;
	text-align: center;
	padding: 16px;
}

.c-meta__item--published {
	font-weight: 700;
	color: var(--accent-color);
	font-size: 18px;
}

@media (max-width:768px) {
	#fv.smb-section--full,
	#fv .smb-section--full {
		--smb-section--min-height: 70vh !important;
	}
}

/* ===== header ===== */
.l-header {
	background-color: rgb(255, 255, 255, 0.7);
}

.nav_list .subnav {
	font-size: 12px;
	color: var(--accent-color);
}

.nav_list span {
	column-gap: 5px;
	letter-spacing: 0.1px;
}

@media (min-width:1024px) {
	.nav_list_none {
		display: none;
	}

	.nav_inner_flex {
		row-gap: 0;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
	}

	.l-1row-header__content {
		padding: 0;
	}

	.l-1row-header .c-fluid-container {
		padding-right: 0;
	}

	.l-1row-header__branding,
	.l-1row-header__content {
		padding-bottom: 0;
		padding-top: 0;
	}
}

@media (max-width:1024px) {
	.c-drawer {
		background: #fff;
	}

	.nav_list {
		border-top: 1px solid #a1a1a1;
	}

	.nav_list:last-child {
		border-bottom: 1px solid #a1a1a1;
	}

	.nav_list a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row-reverse;
		gap: 10px;
		color: #333;
		font-weight: 700;
		text-align: center;
	}

	.nav_list a .subnav {
		font-size: 18px;
		padding-left: 10px;
	}

	.c-hamburger-btn__bars {
		width: 28px;
	}

	.l-header .c-hamburger-btn__bar {
		height: 2px;
		background-color: var(--accent-color);
	}

	.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:first-of-type,
	.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:nth-of-type(3) {
		height: 2px;
		background-color: var(--accent-color);
	}

	.c-hamburger-btn__label {
		display: none;
	}
}

/* ===== footer ===== */
.gap10 {
	gap: 10px !important;
}

.gap6 {
	gap: 6px !important;
}

.w100 {
	width: 100% !important;
}

.fo0ter-btn .wp-block-snow-monkey-blocks {
	width: 100% !important;
}

.footer-btn .wp-block-snow-monkey-blocks-btn {
	width: 100% !important;
}

.footer-btn .smb-btn {
	width: 100% !important;
}

.footer-menu-list {
	align-items: flex-start;
}

/* ===== School Style ではメガメニューを表示しない ===== */
.mega-menu {
	display: none !important;
}

/* ===== forlisence（資格ページ）— 旧 forlisence.css ===== */
.title-under {
	color: var(--accent-color);
	font-size: 26px;
	font-weight: 700;
}

.forlisence-object {
	z-index: 9;
}

.corner-brackets-white {
	position: relative;
	height: 100%;
}

.corner-brackets-white::before,
.corner-brackets-white::after,
.corner-brackets-white .smb-box__background::before,
.corner-brackets-white .smb-box__background::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
}

.corner-brackets-white::before {
	top: 0;
	left: 0;
	border-right: none;
	border-bottom: none;
}

.corner-brackets-white::after {
	top: 0;
	right: 0;
	border-left: none;
	border-bottom: none;
}

.corner-brackets-white .smb-box__background::before {
	bottom: 0;
	left: 0;
	border-right: none;
	border-top: none;
}

.corner-brackets-white .smb-box__background::after {
	bottom: 0;
	right: 0;
	border-left: none;
	border-top: none;
}

.merit-col-1 {
	--_item-width: 38%;
}

.merit-col-2 {
	--_item-width: 62%;
}

.primary-col {
	background-color: #fff5ddff;
}

.secndary-col {
	background-color: #ffeec0ff;
}

.third-col {
	background-color: #f9d794ff;
}

.forth-col {
	background-color: #f2be63ff;
}

.primary-col-blue {
	background-color: #ddfbffff;
}

.secndary-col-blue {
	background-color: #baf1f9ff;
}

.third-col-blue {
	background-color: #94edf9ff;
}

.forth-col-blue {
	background-color: #63e1f2ff;
}

.primary-col-green {
	background-color: #ccf6e1ff;
}

.clip-arrow {
	width: 100%;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.clip-arrow-sp {
	width: 100%;
	clip-path: polygon(0% 0%, 50% 50%, 100% 0%);
}

.vertical {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.smb-faq,
.smb-faq__item {
	border: 0;
}

/* ===== responsive ===== */
@media (max-width:768px) {
	.title-under {
		font-size: 20px;
		line-height: 1;
	}

	div.wp-block-tableberg-wrapper table .wp-block-tableberg-cell:first-of-type {
		padding: 2px;
	}

	.smb-section__title span {
		font-size: 27px;
	}

	.merit-col-1,
	.merit-col-2 {
		--_item-width: 100%;
	}

	.headline span {
		font-size: 40px !important;
		letter-spacing: 0.1px !important;
	}

	.course-select-btn {
		justify-content: center;
	}

	.course-select-btn .smb-btn {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.course-select-btn .wp-block-snow-monkey-blocks-btn {
		width: 100%;
	}

	.fz11 { font-size: 11px !important; }
	.fz12 { font-size: 12px !important; }
	.fz13 { font-size: 13px !important; }
	.fz14 { font-size: 14px !important; }
	.fz16 { font-size: 16px !important; }
	.fz18 { font-size: 18px !important; }
	.fz20 { font-size: 20px !important; }
	.fz22 { font-size: 22px !important; }

	.padding10 { padding: 10px; }
	.padding0 { padding: 0px !important; }
	.padding15 { padding: 15px !important; }

	.let-spa-1 { letter-spacing: 0.1px; }
	.w100 { width: 100% !important; }
	.jcc { justify-content: center !important; }
	.tac { text-align: center !important; }

	.gap0 { gap: 0 !important; }
	.gap5 { gap: 5px !important; }
	.gap10 { gap: 10px !important; }
	.gap15 { gap: 15px !important; }
	.gap20 { gap: 20px !important; }

	.mt15 { margin-top: 15px !important; }
	.align-items-center { align-items: center !important; }

	.business-stage .wp-block-snow-monkey-blocks-items-item-free {
		padding: 0 5px;
	}

	.column-reverse {
		flex-direction: column-reverse !important;
	}
}

.msm-fc-style .c-page-header[data-has-image=true] {
	display: flex;
	height: 440px;
}

.sd {
	display: flex;
}