@charset "UTF-8";

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 進捗表示 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 進捗部分用 */
.area_entry_header{position: relative;}
.area_entry_header:before{
	position: absolute;
	content: "";
	width: 100vw;
	height: 100%;
	margin: 0 calc(50% - 50vw);
	top: 0;
	left: 0;
	background: rgba(240,240,240,1);
	z-index: -1;
}
.area_entry_header > div:last-child{
	margin: 1rem auto 0;
	display: flex;
	align-items: center;
}

.recruit_area{margin-bottom: 24px;}
.progress_items{
	position: relative;
	display: inline-block;
	width: 9em;
	text-align: center;
}
.progress_items:before,.progress_items:after{
	position: absolute;
	color: rgb(19,141,191);
}
.progress_items:before{
	content: "〇";
	font-size: 1.25em;
}
.progress_active:before{content: "●"}
.progress_items:last-child:after{border: none;}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 進捗表示 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼ 応募フォーム ▼▼▼▼▼▼▼▼▼▼ */
#entry_form_wrap {
	border: 3px solid rgb(19,141,191);
	padding: 0 9px;
	margin: .5em 0 30px;
}

.entry_form_title {
	padding: .5em 1em;
	background: rgb(19,141,191);
	font-size: 1.5em;
	color: white;
	font-weight: bold;
	margin: 10px auto;
}
.entry_item_row {
	display: flex;
}
.entry_item_header {
	vertical-align: middle;
	background-image: linear-gradient(-45deg,#fff 25%,#E6E6E6 25%, #E6E6E6 50%,#fff 50%, #fff 75%,#E6E6E6 75%, #E6E6E6);
	background-size: 8px 8px;
}
.entry_item_body {width: 58%;}
.btn_submit{
	background: #fff;
	border: 3px solid rgba(11,23,97,1);
	border-radius: 3em;
}
.btn_back {
	font-size: 1.25em;
	font-weight: bold;
	padding: 0 1em;
	line-height: 2em;
	color: rgb(14,141,191);
	border-bottom: 1px solid rgb(14,141,191);
}
@media screen and (min-width: 768px){
	.area_entry_header{padding: 15px 0 21px;}
	.area_entry_header > div:last-child{
		justify-content: center;
	}
	.progress_items:before{
		left: calc(50% - .5em);
		top: -1.25em;
	}
	.progress_items:after{
		content: "";
		border: 1px solid rgb(19,141,191);
		width: 6em;
		left: calc(50% + 1.5em);
		top: -.7em;
	}
	#area_entry_form{width: 880px;}
	.entry_item_row {align-items: stretch;margin-bottom: 10px;}
	.entry_item_row > p{font-size: 1.25em;}
	.entry_item_header {
		width: 38%;
		margin-right: 2%;
		padding: .75em;
		font-size: 1.25em;
	}
	.col_sm_6{width: 48%;}
	.btn_submit{padding: 15px 70px;}
}
@media screen and (max-width: 768px){
	#entry_wrap{margin: 0 1em;}
	.area_entry_header{padding: 1px 0 1em;}
	.progress_items:before{
		right: -2rem;
		top: -0.2em;
	}
	.entry_item_row {align-items: center;flex-wrap:wrap;margin-bottom: 1.5em;}
	.entry_item_row > p{font-size: .8em;}
	.entry_item_row .entry_item_header {
		width: 100%;
		padding: .25em .75em;
		font-size: 1.0em;
	}
	.entry_item_row .entry_item_body{width: 100%}
	.text-center.font_16{font-size: 14px;}
	.btn_submit{padding: 10px 40px;font-size: 18px;}
	.btn_back{margin: 1rem 2rem;display: inline-block;}
}
/* ▲▲▲▲▲▲▲▲▲▲ 応募フォーム ▲▲▲▲▲▲▲▲▲▲ */