@charset "UTF-8";

.field {
}

.field_wrap {
	margin-top: 40px;
}

.field_memo {
	font-size: 16px;
}

.field_cnt {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.field_item {
	width: 49%;
	margin-top: 20px;
	background: #ddd;
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.field_item.-item01 {
	background: #E7F2E4;
}

.field_item.-item02 {
	background: #EFE4F2;
}

.field_item.-item03 {
	background: #F4DCD7;
}

.field_item.-item04 {
	background: #DAE8F6;
}

.field_item:nth-child(-n+2) {
	margin-top: 0;
}

.field_item_hd {
	display: flex;
	align-items: center;
}

.field_item_ttl {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 26px;
}

.field_item_model {
	margin-left: 20px;
	font-weight: 500;
}

.field_item.-item01 .field_item_model,
.field_item.-item01 .field_item_ttl {
	color: #277548;
	line-height: 1.3;
}

.field_item.-item02 .field_item_ttl {
	color: #683A75;
	line-height: 1.3;
}

.field_item.-item03 .field_item_ttl {
	color: #CA462A;
	line-height: 1.3;
}

.field_item.-item04 .field_item_ttl {
	color: #004386;
	line-height: 1.3;
}

.field_item_cnt {
	background: #FFF;
	padding: 0 20px;
	flex-grow: 1;
}

.field_type {
	padding: 20px 0;
	border-top: 1px dotted #ccc;
}

.field_type:first-child {
	border-top: 0px;
}

.field_type_name {
	font-size: 16px;
	font-weight: 500;
}

.field_type_ex {
}

.status {
}

.status_nav {
	font-size: 0;
	margin-top: 60px;
	margin-bottom: 60px;
}

.status_nav > li {
	font-size: 15px;
	display: inline-block;
	width: 49%;
	margin-left: 2%;
	text-align: center;
	color: #fff;
	padding: 20px 15px;
	position: relative;
	cursor: pointer;
	background: #999;
	transition: background .4s;
}

.status_nav > li:first-child {
	margin-left: 0;
}

.status_nav > li.-item01 {
	background: #004386;
}

.status_nav > li.-item02 {
	background: #b09735;
}

.status_nav > li:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 19px 0 19px;
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -19px;
	opacity: 0;
	transition: opacity .4s;
}

.status_nav > li.-active:before,
.status_nav > li:hover:before {
	opacity: 1;
}

.status_nav > li.-active:before {
	opacity: 1;
}

.status_nav > li.-item01:before {
	border-color: #004386 transparent transparent transparent;
}

.status_nav > li.-item02:before {
	border-color: #b09735 transparent transparent transparent;
}

.status_cnt {
	display: none;
}

.status_cnt.-active {
	display: block;
}

.status_tbl {
	width: 100%;
	table-layout: fixed;
}

.status_tbl th,
.status_tbl td {
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
}

.status_tbl thead th {
	padding: 7px 15px;
	background: #004386;
	color: #fff;
}

.status_cnt.-graduate thead th {
	background: #b09735;
}

.status_tbl thead th.-year {
	width: 140px;
}

.status_tbl thead th.-souyaku {
	width: 430px;
}

.status_tbl thead th.-yakugaku {
	width: 430px;
}

.status_tbl tbody td {
	padding: 12px 15px;
	vertical-align: top;
}

.status_tbl_year {
	font-size: 18px;
	font-weight: 500;
}

.status_tbl_cap {
	display: none;
	color: #004386;
	font-weight: 500;
}

.status_tbl_graf {
}

.status_tbl_graf_label {
	text-align: center;
	margin-top: 10px;
}

.status_tbl_graf_label > li {
	font-weight: 500;
	display: inline-block;
	margin: 0 5px;
}

.status_tbl_graf_label > li span {
	display: inline-block;
}

.status_tbl_graf_label > li span.-color {
	width: 14px;
	height: 14px;
	background: #ccc;
	vertical-align: -2px;
	margin-right: 5px;
}

.status_tbl_graf_label > li span.-num {
	font-size: 18px;
	padding: 0 3px;
}

.status_tbl_graf > canvas {
	margin: 0 auto;
}

.status_link {
	margin-top: 40px;
}

/*//2024.11.19 added-----*/
.extlink {
	margin: 50px 0 20px;
}

h6.employer_ttl {
	font-size: 18px;
	color: #004386;
	margin: 1em 0;
	padding: 6px 10px;
	text-align: center;
	border: 3px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(#b09735, #D5C275);
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	border-width: 3px 0;
}/*-----//2024.10.24 added*/

.employer {
}

.employer_item {
	margin-top: 10px;
}

.employer_item:first-child {
	margin-top: 0;
}

.employer_item_ttl {
	background: #EBF0F6;
	font-size: 18px;
	line-height: 1.5;
	padding: 15px 50px 15px 20px;
	position: relative;
	cursor: pointer;
}

.employer_item_ttl:before {
	font-family: icomoon;
	content: "\e90b";
	color: #004386;
	font-size: 22px;
	line-height: 1;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -0.5em;
}

.employer_item_ttl.-open:before {
	content: "\e90a";
}

.employer_item_cnt {
	padding: 0 30px;
	display: none;
}

.employer_item_detail {
	padding: 30px 0px;
	border-top: 1px dotted #ccc;
}

.employer_item_detail:first-child {
	border-top: 0px;
}

.employer_item_detail_ttl {
}

.employer_item_detail_ex {
}

/* All SP */
@media screen and (max-width:640px) {
	.field {
	}

	.field_wrap {
	}

	.field_memo {
	}

	.field_cnt {
		display: block;
	}

	.field_item {
		width: 100%;
	}

	.field_item.-item01 {
	}

	.field_item.-item02 {
	}

	.field_item.-item03 {
	}

	.field_item.-item04 {
	}

	.field_item:nth-child(-n+2) {
		margin-top: 20px;
	}

	.field_item:first-child {
		margin-top: 0;
	}

	.field_item_hd {
	}

	.field_item_ttl {
		font-size: 20px;
	}

	.field_item_model {
	}

	.field_item.-item01 .field_item_model,
	.field_item.-item01 .field_item_ttl {
	}

	.field_item.-item02 .field_item_ttl {
	}

	.field_item.-item03 .field_item_ttl {
	}

	.field_item.-item04 .field_item_ttl {
	}

	.field_item_cnt {
		margin-top: 10px;
	}

	.field_type {
	}

	.field_type:first-child {
	}

	.field_type_name {
	}

	.field_type_ex {
	}

	.status {
	}

	.status_nav {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.status_nav > li {
		padding: 15px 15px;
	}

	.status_nav > li:first-child {
	}

	.status_nav > li.-item01.-active,
	.status_nav > li.-item01:hover {
	}

	.status_nav > li.-item02.-active,
	.status_nav > li.-item02:hover {
	}

	.status_nav > li:before {
	}

	.status_nav > li.-active:before {
	}

	.status_nav > li.-item01:before {
	}

	.status_nav > li.-item02:before {
	}

	.status_cnt {
	}

	.status_cnt.-active {
	}

	.status_tbl {
	}

	.status_tbl tr {
		display: block;
		border: 1px solid #ccc;
		margin-top: 20px;
	}

	.status_tbl tr:first-child {
		margin-top: 0;
	}

	.status_tbl th,
	.status_tbl td {
		display: block;
		border: 0px;
	}

	.status_tbl thead {
		display: none;
	}

	.status_tbl thead th {
	}

	.status_tbl thead th.-year {
	}

	.status_tbl thead th.-souyaku {
	}

	.status_tbl thead th.-yakugaku {
	}

	.status_tbl tbody th,
	.status_tbl tbody td {
	}

	.status_tbl tbody th {
		background: #004386;
		color: #fff;
		padding: 5px;
	}

	.status_cnt.-graduate .status_tbl tbody th {
		background: #b09735;
	}

	.status_tbl tbody td {
	}

	.status_tbl_year {
		font-size: 16px;
	}

	.status_tbl_cap {
		display: block;
	}

	.status_tbl_graf {
	}

	.status_tbl_graf_label {
	}

	.status_tbl_graf_label > li {
		font-weight: bold;
	}

	.status_tbl_graf_label > li span {
	}

	.status_tbl_graf_label > li span.-color {
	}

	.status_tbl_graf_label > li span.-num {
	}

	.status_tbl_graf > canvas {
	}

	.status_link {
	}

	.employer {
	}

	.employer_item {
	}

	.employer_item:first-child {
	}

	.employer_item_ttl {
	}

	.employer_item_ttl:before {
	}

	.employer_item_ttl.-open:before {
	}

	.employer_item_cnt {
		padding: 0;
	}

	.employer_item_detail {
		padding: 20px 0;
	}

	.employer_item_detail:first-child {
	}

	.employer_item_detail_ttl {
	}

	.employer_item_detail_ex {
	}

}