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

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

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

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

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

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

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

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


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

main { padding: 6em 0; }

/* ---------------------------------------- info */

#info { padding: 0 2em; }
#info .inside {
	display: flex;
	justify-content: center;
}
#info h3 {
	color: var( --orange-color );
	line-height: 1.4;
	text-align: center;
	margin: 0 0 1em;
}
#info .inside ul li { margin: 0 0 1.5em; }
#info .inside ul li a { 
	line-height: 1.6; 
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#info .inside ul li a:hover { color: var( --orange-color ); }
#info .pagelink { margin: 2em 0 0; }

@media (max-width: 767px) {

	#info h3 { font-size: var( --sp-h3 ); }

}

@media (min-width: 768px) {

	#info h3 { font-size: var( --pc-h3 ); }
	#info .inside ul li a {
		display: flex;
	}
	#info .inside ul li a time { width: 8em; }
	#info .inside ul li a p { width: calc( 100% - 8em ); }
}