@charset "UTF-8";

/*indexページ*/
.oshigoto_area img.main_image{
	width: 100%;
	margin: 0 0 30px;
}
.oshigoto_list_area img.main_image{
	width: 100%;
}
.oshigoto_list_area ul.oshigoto_list_area_set{
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.oshigoto_list_area ul.oshigoto_list_area_set > li{
	width: 47%;
	margin: 0 0 50px;
	padding: 0;
	position: relative;
}
.oshigoto_list_area ul.oshigoto_list_area_set > li a:hover{
	color: #666666;
}
.oshigoto_list_area ul.oshigoto_list_area_set > li .infobox{
	width: 90%;
	margin: -50px auto 0;
	padding: 25px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
	position: relative;
  background-image: url('../img/career_job_index/bg_bit_left_bottom.png'), url('../img/career_job_index/bg_bit_right_top.png'), url('../img/career_job_index/mark.svg');
  background-position: bottom left, top right, bottom 10px right 10px;
  background-size: 50%, 50%, 60px;
  background-repeat: no-repeat, no-repeat, no-repeat;	
}
@media all and (max-width:600px){
.oshigoto_list_area ul.oshigoto_list_area_set > li{
	width: 100%;
	margin: 0 0 40px;
}

.oshigoto_list_area ul.oshigoto_list_area_set > li .infobox{
	margin: -50px auto 0;
	padding: 4vw;
}
}
ul.oshigoto_list_area_set > li .infobox p.subcopy{
	text-align: left;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 6px 0;
}
ul.oshigoto_list_area_set > li .infobox p.maincopy{
	text-align: left;
	font-weight: bold;
  font-size: clamp(15px, 1.6vw, 18px);
	line-height: 1.4;
}

.oshigoto_list_area ul.oshigoto_list_area_set > li figure{
	width: 100%;
	display: block;
	position: relative;
}
.oshigoto_list_area ul.oshigoto_list_area_set > li figure img{
	width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
 }

.oshigoto_list_area ul.oshigoto_list_area_set > li figure a:hover{
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-webkit-transition:0.4s ease-in-out;
		-moz-transition:0.4s ease-in-out;
		-o-transition:0.4s ease-in-out;
		transition:0.4s ease-in-out;
}

/*シングルページ*/
.course_ico{
	padding: 6px 10px;
	margin: 0;
	background-color: #F6AD3C;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	color: #fff;
}
.line{
	width: 100%;
	height: 1px;
	display: block;
}
.course_ico.daigaku,
.line.daigaku {
	background-color: #895c87;
}
.course_ico.fukushin,
.line.fukushin {
	background-color: #5c8dcb;
}
.course_ico.kodomo,
.line.kodomo {
	background-color: #daaaa1;
}
.course_ico.mgt,
.line.mgt {
	background-color: #e5e1d7;
}
.course_ico.hoiku,
.line.hoiku {
	background-color: #527354;
}
.course_ico.syoku,
.line.syoku {
	background-color: #cf9741;
}

.course_profile{
	width: 100%;
	padding: 30px 20px;
	margin: 0;
}
.course_work{
	font-size: 18px;
	margin-bottom: 14px;
}
.course_name{
	font-size: 21px;
	margin-bottom: 14px;
}
.course_name span{
	font-size: 14px;
}
.course_hightschool,
.course_graduation{
	font-size: 14px;
}


h3{
	font-weight: normal !important;
}
.course_info{
	width: 100%;
	margin: 0 0 60px;
	padding: 30px;
	border-radius: 10px;
	box-sizing: border-box;
}
.course_info.daigaku{
	background-color: #d7c8e0;
}
.course_info.fukushin{
	background-color: #d4ebfa;
}
.course_info.kodomo{
	background-color: #f5d7d3;
}
.course_info.mgt{
	background-color: #e5e1d7;
}
.course_info.hoiku{
	background-color: #daeacc;
}
.course_info.syoku{
	background-color: #fceeac;
}
.course_info_title{
	font-size: 19px;
	margin: 0 0 10px 0;
}
.course_info_title.daigaku {
	color: #895c87;
}
.course_info_title.fukushin {
	color: #5c8dcb;
}
.course_info_title.kodomo {
	color: #876f7b;
}
.course_info_title.mgt {
	color: #848264;
}
.course_info_title.hoiku {
	color: #527354;
}
.course_info_title.syoku {
	color: #cf9741;
}

.oshigoto_area nav ul{
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.oshigoto_area nav ul li a,
.oshigoto_area nav ul li span{
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#F4F4F4;
	color:#BB262C;
	font-size:13px;
	font-weight:600;
	border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
	box-sizing:border-box;
}
.oshigoto_area nav ul li span{
	color:#888888;
}
.oshigoto_area nav ul li a:hover{
	background-color:#EABEBF;
}