@charset "utf-8";

#making li {
	width: 100%;
	min-height: 472px;
	margin-bottom: 20px;
}
#making h3 {
	color: #fff;/* color: #333; */
	text-align: center;
	vertical-align: middle;
	position: relative;
}
#making li:nth-of-type(2n-1) h3 {
	background-color: #217892;
}
#making li:nth-of-type(2n) h3 {
	background-color: #dc1a37;
}
#making h3>span {
	color: rgba(255,255,255,0.5);
	font-weight: 200;
}
#making div {
	border: solid rgba(0,0,0,0.15);
}
#making h4 {
	font-size: 125%;
	color: #333;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 2px solid #c2c2c2;
	font-weight: bold;
}
#making h4::before {
	content: "";
	width: 159px;
	height: 2px;
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	background-color: #217892;
}
#making li:nth-of-type(2n) h4::before {
	background-color: #cf142b;
}
@media (min-width: 768px) {
	#making li {
		display: table;
	}
	#making li>* {
		display: table-cell;
	}
	#making h3 {
    width: 156px;
    padding: 0 38px;
    box-sizing: border-box;
	}
	#making h3>* {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #fff;
		/* position: absolute;*/
		/* top: 18%; */
		/* bottom: 18%; */
		/* height: 64%; */
		height: 160px;
	}
	#making div {
		padding: 60px;
		border-width: 1px 1px 1px 0;
	}
	#making h3>strong {
		font-size: 200%;
		/* text-align-last: justify; */
		/* left: calc(50% + 5px); */
		text-align: left;
		letter-spacing: 5px;
		float: right;
	}
	#making h3>span {
		font-size: 150%;
		/* right: calc(50% + 5px); */
		text-align: left;
		float: left;
	};
}
@media (max-width: 767px) {
	#making h3 {
		margin-bottom: 0;
	}
	#making div {
		padding: 10px;
		border-width: 0 1px 1px;
	}
	#making h3 {
		font-size: 125%;
		padding: 5px;
	}
	#making h3>* {
		display: block;
	}
	#making h3>span {
		font-size: 87.5%;
	}
}

#lineup .pl5em {
  padding-left: 5em;
  display: block;
}
#lineup .ml-5em {
  margin-left: -5em;
}