@charset "UTF-8";

html {
	font-size: 62.5%;
}
.contentsWrap {
	max-width: 1236px;
	margin: 0 auto;
}
.flowBox {
	display: flex;
	justify-content: space-between;
	max-height: 100px;
	height: 100%;
	margin: 40px 0 0;
	padding-left: 0;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, Arial, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-weight: bold;
	line-height: 1.3;
}
.flowBox .flowItem {
	background: url("../images/flow/flow_white.png") no-repeat;
	background-size: contain;
	color: #323743;
}
.flowBox .flowItem:first-of-type {
	background: url("../images/flow/flow_white_start.png") no-repeat;
	background-size: contain;
}
.flowBox .flowItem:last-of-type {
	background: url("../images/flow/flow_white_end.png") no-repeat;
	background-size: contain;
}
.flowBox .flowItem.active {
	background-size: contain;
	color: #fff;
}
.flowBox .flowItem:first-of-type.active {
	background: url("../images/flow/flow_active_start.png") no-repeat;
	background-size: contain;
}
.flowBox .flowItem:nth-of-type(n+2).active {
	background: url("../images/flow/flow_active.png") no-repeat;
	background-size: contain;
}
.flowBox .flowItem:last-of-type.active {
	background: url("../images/flow/flow_active_end.png") no-repeat;
	background-size: contain;
}
.flowBox .flowItem {
	min-width: 309px;
}
.flowBox .flowItem:not(.active) {
	 filter: drop-shadow(5px 5px 5px rgba(170, 170, 170, 0.4));
}
.flowBox .flowItem .flowStep span {
	margin-left: 5px;
	font-size: 2.6rem;
	letter-spacing: 0.1em;
}
.flowBox .flowItem .flowTxt {
	font-size: 2rem;
	font-feature-settings: "palt";
}
.flowBox .flowItem .flowStep {
	font-size: 1.8rem;
}
.flowBox .flowItem:first-of-type .flowStep {
	margin: 10px 0 0 20px;
}
.flowBox .flowItem:first-of-type .flowTxt {
	margin: 5px 0 20px 18px;
}
.flowBox .flowItem:nth-of-type(n+2) .flowStep {
	margin: 10px 0 0 35px;
	font-size: 1.8rem;
}
.flowBox .flowItem:nth-of-type(n+2) .flowTxt {
	margin: 5px 0 20px 33px;
}
.flowBox .flowItem:not(.active) .flowStep,
.flowBox .flowItem:not(.active) .flowStep span {
	color: #b8b8b8;
}

@media screen and (max-width: 767.98px) {
	.flowBox {
		display: none;
	}
}