@charset "utf-8";

.underline span {
	text-decoration: underline;
}

.flex1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.flex2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.flexItem {
	width: calc(50% - 5px);
}

.figArea1 {
	width: calc(33% - 10px);
	margin: 0 auto;
}

.figArea2 {
	width: 70%;
	margin: 0 auto;
}

.figArea3 {
	width: 65%;
	margin: 0 auto;
}

.figArea4 {
	width: 60%;
	margin-left: auto;
}

.figArea5 {
	width: 55%;
	margin-right: auto;
	margin-top: -300px;
}

.figArea1 img, .figArea2 img, .figArea3 img, .figArea4 img, .figArea5 img {
	width: 100%;
}

@media screen and (max-width:1280px) {
	.figArea5 {
		margin-top: calc(-27vw + 60px);
	}
}

@media screen and (max-width:768px) {
	.flex2 {
		flex-direction: column;
	}
	.flexItem {
		width: 100%;
	}
	.figArea1 {
		width: 66%;
	}
	.figArea5 {
		margin-top: calc(-52vw + 20px);
	}
}