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

/* ---------------------------------------- flow */

#flow ul li:nth-child(odd) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background: var(--pale-green);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#flow li:nth-child(odd) > div { width: 65%; }
#flow li:nth-child(odd) > figure { width: 30%; }
#flow li:nth-child(odd) h3 { margin: 0 0 .5em; }

#flow li:nth-child(even) { 
	text-align: center;
	line-height: 1;
	padding: .1em;
}

@media (max-width: 480px) {
	#flow ul li:nth-child(odd) { padding: 1.5em 1em; }
	#flow li:nth-child(even) { font-size: 4.0rem; }
}

@media (min-width: 481px) and (max-width:768px) {
	#flow ul li:nth-child(odd) { padding: 1em 2em; }
	#flow li:nth-child(even) { font-size: 6.0rem; }
}

@media (min-width: 769px) and (max-width:959px) {
	#flow ul li:nth-child(odd) { padding: 1em 2.5em; }
	#flow li:nth-child(even) { font-size: 7.0rem; }
}

@media (min-width: 960px) {
	#flow ul li:nth-child(odd) { padding: 1em 3em; }
	#flow li:nth-child(even) { font-size: 8.0rem; }
}