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

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */

/* ---------------------------------------- satff */

#satff .flexes > figure figcaption { margin: 1em 0 0; }
#satff .flexes > figure figcaption p { line-height: 1.6; }
#satff .flexes > figure figcaption p.mess { text-align: left; }

@media (max-width: 767px) {
	#satff .flexes > figure { margin: 0 0 3em; }
	#satff .flexes > figure figcaption h4 { font-size:clamp( 2.0rem, 2vw, 2.4rem ); }
}

@media (min-width: 768px) {
	#satff .flexes > figure { width: 30%; }
	#satff .flexes > div { width: 65%; }
	#satff .flexes > figure figcaption h4 { font-size:clamp( 1.6rem, 2vw, 2.0rem ); }
}

#satff .flexes > div h4 { 
	font-size:clamp( 1.8rem, 2.5vw, 2.2rem ); 
	margin: 0 0 1em;
}
#satff .flexes > div p + h4 { margin: 1.5em 0 1em; }

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

@media (max-width: 767px) {
	#schedule table th { width: 10em; }
}

@media (min-width: 768px) {
	#schedule table th { width: 12em; }
}