@charset "utf-8";
/*-----------------------------------
mainContainer
-----------------------------------*/
#mainContainer {
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
}
section + section {
	margin-top: 100px;
}
section h3 {
	font-size: 2.5rem;
	margin-bottom: 20px;
}
section h4 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}
section h4 span {
	display: block;
	font-size: 1.4rem;
	line-height: 1.2;
}

section .main-flex {
	display: flex;
}
section .main-flex .person {
	margin-right: 70px;
}
section .main-flex .imgBox {
	text-align: center;
	margin-top: 30px;
}



@media screen and (max-width: 559px) {
section + section {
	margin-top: 6rem;
}
section h3 {
	font-size: 2.0rem;
	margin-bottom: 1.5rem;
	text-align: center;
}
section h4 {
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
	text-align: center;
}
section .main-flex {
	display: flex;
	flex-direction: column;
}
section .main-flex .person {
	margin-right: 0;
	text-align: center;
	margin-bottom: 1.5rem;
}
section .main-flex .imgBox {
	margin-top: 1.5rem;
}
section .main-flex .imgBox img {
	width: 100%;
}



}
