/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

/* ---------------------------------------- common */

article > h3 + p { margin: 0 0 3em; }

section .inside + .inside { margin: 2em 0 0; }
section .detail p + p { margin: 1em 0 0; }

.interview .prof {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:row-reverse;
	margin: 0 0 2em;
}

.interview .faq ul {
	line-height: 1.8;
}
.interview .faq ul li { margin: 0 0 2em; }

@media (max-width: 767px) {

	.interview .flexs > figure { width: 25%; }
	.interview .flexs > .detail { width: 40%; }
	.interview .prof ul {
		font-size: clamp(0.813rem, 0.589rem + 1.12vw, 1.125rem);
	}

}

@media (min-width: 768px) {

	.interview .flexs > figure { width: 25%; }
	.interview .flexs > .detail { width: 30%; }
	.interview .prof ul {
		font-size: clamp(1rem, -0.272rem + 2.65vw, 1.5rem);
	}

}

/* ---------------------------------------- schedule */

:root {
	--schedule-color: #f37800;
}

#schedule { 
	max-width: 640px;
	color: var( --schedule-color );
	margin: 0 auto;
}
#schedule > div {
	line-height: 1;
	padding: 0;
	margin: 0;
}
#schedule > div ul {
	display: flex;
}
#schedule > div ul li.daytime {
	width: 4em;
	font-weight: 700;
}
#schedule > div ul li.circle {
	width: calc( 1em + 1px );
	padding: 0 0 0 1px;
}
#schedule > div ul li.circle span {
	display: block;
	width: 1em;
	aspect-ratio: 1;
	background: var( --schedule-color );
	border-radius: 100%;
}
#schedule > div ul li.daytitle {
	font-weight: 700;
	padding: 0 0 0 1.5em;
}
#schedule > div .daytxt {
	color: #000;
	border-left: 2px  var( --schedule-color ) solid;
	line-height: 1.6;
	padding: .75em 0 1.5em 2em;
	margin: 0 0 0 4.5em;
}