@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	コース一覧
--------------------------------------------------------------------------------------- */

.course-index-wrap { padding-bottom: 64px; }

.course-index-lead {
	margin-top: 64px;
	text-align: center;
}

.course-index-lead .main-banner { margin-top: 46px; }

.course-index-lead + .tabs-wrap { margin-top: 100px; }

.course-index-lead + .tabs-wrap + .skills-section { margin-top: 100px; }

.course-index-wrap .banner-area {
	margin-top: 64px;
	text-align: center;
}

.course-index-wrap .banner-area a {
	display: block;
	margin: auto;
	max-width: 420px;
}

.lineup-list {
	display: flex;
	flex-wrap: wrap;
	gap: 32px 0;
	justify-content: space-between;
	margin-block: 32px;
}

.lineup-list > .accordion-plus {
	max-width: 49%;
	width: 100%;
}

.accordion-plus.blue summary {
	background-color: var(--color-blue);
	color: #fff;
}

.lineup-list > .accordion-plus.blue:nth-child(odd)[open]:has(+ details[open]), .lineup-list > .accordion-plus.blue:nth-child(odd)[open] + .accordion-plus.blue[open] {
	background: #fff;
}

@media (max-width: 1099px) {

	.course-index-wrap {
		padding-bottom: 11.94vw;
		padding-left: 4.975vw;
		padding-right: 4.975vw;
	}

	.course-index-lead { margin-top: 11.92vw; }

	.course-index-lead .main-banner { margin-top: 9.453vw; }

	.course-index-lead + .tabs-wrap { margin-top: 9.453vw; }

	.course-index-lead + .tabs-wrap + .skills-section { margin-top: 9.453vw; }

	.course-index-wrap .banner-area { margin-top: 9.453vw; }

	.course-index-wrap .banner-area a { max-width: 84.577vw; }

	.lineup-list > .accordion-plus { max-width: unset;}

}