@charset "utf-8";

/* 選考プロセス
============================ */
html {
	height: auto;
	min-height: 100%;
}
body {
	background: url(../process/images/bg.jpg) center center no-repeat;
	background-size: cover;
	min-height: 100%;
}
.process ol li {
	clear: both;
	display: block;
	width: 100%;
	border: 1px solid #ddd;
	/*background: #fff;*/
	background: rgba(256,256,256,0.4);
	line-height: 2;
	margin-bottom: 30px;
	position: relative;
	padding: 1.5em;
}
.process ol li span {
	display: block;
}
.process ol .number {
	width: 5.5em;
	}
	@media screen and (min-width:1025px) {
	.process ol .number {
		width: 9em;
	}
}
.process ol .txt {
	margin-left: 5.5em;
	margin-top: -2em;
	}
	@media screen and (min-width:1025px) {
	.process ol .txt {
		margin-left: 9em;
	}
}
.process ol li::after {
	position: absolute;
	bottom: -17px;
	right: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.process ol li:last-child::after {
	display: none;
}