@charset "utf-8";
/*======================================
講師募集
========================================*/
/*------------------------------
講座一覧
------------------------------*/
.course_name{
	font-size: 2.2rem;
	font-weight: bold;
	padding: 0 0 0.5em 1em;
	border-left: solid 4px #f69516;
}
.course_name .ttl_course{
	display: inline-block;
	font-size: 0.85em;
	color: #f69516;
	margin-bottom: 0.5em;
	padding: 0.25em 1em;
	border: solid 1px #f69516;
}

.plans_area{
	margin: 0 auto 2em auto;
}

.dl_plans{
	width: 100%;
	border: solid 1px #f69516;
}

.dl_plans dl dt,
.dl_plans dl dd{
	text-align: center;
	padding: 0.5em;
}

.dl_plans dl dt{
	background-color: #f8d09d;
}

.dl_plans dl dd{}

.dl_plans a.btn_pdf{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 0.25em 1.5em 0.25em 0.5em;
	border: solid 1px #f69516;
	border-radius: 0.5em;
	background-image: linear-gradient(to bottom, #fff 0,#f8d09d 100%);
	position: relative;
}
.dl_plans a.btn_pdf::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.25em 0 0.25em 0.5em;
	border-color: transparent transparent transparent #333;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
}
.dl_plans a.btn_pdf:hover{
	opacity: 0.8;
}

/***ステータス***/
.status_apply,
.status_end,
.status_prepare,
.status_training,
.status_training_end{
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 0.25em 0.5em;
	border-radius: 0.25em;
}
.status_apply{
	background-color: #e60012;
}
.status_end{
	background-color: #9aa5b3;
}
.status_prepare{
	background-color: #b39a9d;
}
.status_training{
	background-color: #9ab39e;
}
.status_training_end{
	background-color: #b3b19a;
}

/*.status_apply a{
	text-decoration: none;
	height: 100%;
	padding: 0.25em 1.5em 0.25em 0.5em;
	background-image: linear-gradient(to bottom, #e8838b 0, #e60012 100%);
	position: relative;
}
.status_apply a::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.25em 0 0.25em 0.5em;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
}*/

/*------------------------------
お問い合わせ
------------------------------*/
.ttl_add{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #0aa283;
}
.address_area{
	display: flex;
}
.address_area .add_school{
	flex-shrink: 0;
	width: 32%;
	margin-right: 2em;
}
.address_area .add_tel{
	font-size: 1.8rem;
	padding: 1em;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*------------------------------
	講座一覧
	------------------------------*/
	.dl_plans{
		display: flex;
		font-size: 1.6rem;
		border-top: solid 1px #f69516;
		border-left: solid 1px #f69516;
	}
	.dl_plans dl{
		border-left: solid 1px #f69516;
	}
	.dl_plans dl:first-of-type{
		border-left: none;
	}
	
	.dl_plans dl.dl_period{
		width: 32%;
	}
	.dl_plans dl.dl_capa{
		flex-grow: 1;
	}
	.dl_plans dl.dl_period dd,
	.dl_plans dl.dl_capa dd{
		padding: 0.75em 0.5em;
	}
	.dl_plans dl.dl_pdf{
		width: 9em;
	}
	.dl_plans dl.dl_status{
		width: 12em;
	}
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	/*------------------------------
	講座一覧
	------------------------------*/
	.course_name{
		font-size: 1.6rem;
	}
	
	.dl_plans{
		padding: 0.5em;
	}
	.dl_plans dl dt{
		border-top: solid 1px #f69516;
		border-bottom: dashed 1px #f69516;
	}
	.dl_plans dl dd{
		margin-bottom: 1em;
	}
	
	.dl_plans a.btn_pdf{
		padding: 0.5em 1.5em 0.5em 0.5em;
	}
	
	/***ステータス***/
	.status_apply,
	.status_end{
		padding: 0.5em 0.5em;
	}
	
	
	/*------------------------------
	お問い合わせ
	------------------------------*/
	.address_area{
		display: block;
	}
	
	.address_area .add_school{
		width: 100%;
	}
	
	.address_area .add_tel{
		font-size: 1.6rem;
		padding: 0.5em 0;
	}
	
}