@charset "UTF-8";

/*----------------------------------------------------------------------------------------*
 *	共通の記述
 *----------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------- second 共通 */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	line-height: 1.4;
}
.breadcrumb li:not(:last-of-type)::after {
	content: "＞";
	margin: 0 10px;
}

/*-------------------------------------------------------------- job-ability */
.job-ability table {
	width: 100%;
}
.job-ability .data th:nth-of-type(1) {
	width: 10em;
}
.job-ability .value th:nth-of-type(n+2),
.job-ability .value td {
	text-align: center;
}
.job-ability .a-ability th {
	vertical-align: middle;
	white-space: nowrap;
}
.job-ability .a-ability td:nth-of-type(1) {
	vertical-align: middle;
	font-weight: 600;
}
.job-ability .a-ability th:nth-of-type(n+2),
.job-ability .a-ability td:nth-of-type(n+2) {
	text-align: center;
}
.job-ability .ability th {
	white-space: nowrap;
}
.job-ability .ability td {
	vertical-align: middle;
}
.job-ability .ability th:nth-of-type(1) {
	width: 8em;
}
.job-ability .ability th:nth-of-type(2) {
	width: 3em;
}
.job-ability .ability th:nth-of-type(2),
.job-ability .ability td:nth-of-type(2) {
	text-align: center;
}

/*-------------------------------------------------------------- job */
#job .job-list ul {
	margin-left: 1em;
	font-weight: 600;
}

/*-------------------------------------------------------------------------------*
 *	768px以下用（SP用）の記述
 *-------------------------------------------------------------------------------*/
@media (max-width: 767px) {

/*-------------------------------------------------------------- second 共通 */
.breadcrumb {
	font-size: calc(12/375*100vw);
}

/*-------------------------------------------------------------- job-ability */
.job-ability h2 span {
	font-size: calc(12/375*100vw);
}
.job-ability .a-ability th:nth-of-type(2),
.job-ability .a-ability th:nth-of-type(3) {
	width: 3em;
}
.job-ability .a-ability th:nth-of-type(n+4) {
	width: 2em;
}

/*-------------------------------------------------------------- job */
#job .job-list span {
	font-size: calc(12/375*100vw);
}

/*-------------------------------------------------------------- action-ability */
#action-ability .a-ability th:nth-of-type(1) {
	text-align: center;
}


/* 768px以下用（SP用）の記述 end */
}

/*-------------------------------------------------------------------------------*
 *	768px以上用（タブレット用）の記述
 *-------------------------------------------------------------------------------*/
@media (min-width: 768px) {

/*-------------------------------------------------------------- job-ability */
.job-ability h2 span {
	font-size: min(calc(14/768*100vw) , 1.4rem);
}

/*-------------------------------------------------------------- action-ability */
:not(#action-ability) .a-ability th:nth-of-type(2),
:not(#action-ability) .a-ability th:nth-of-type(3) {
	width: 3em;
}
:not(#action-ability) .a-ability th:nth-of-type(n+4) {
	width: 2em;
}

#action-ability .a-ability th:nth-of-type(n+2) {
	width: 4em;
}

/*-------------------------------------------------------------- job */
#job .job-list {
	display: flex;
	justify-content: space-between;
}
#job .job-list ul {
	width: 45%;
}
#job .job-list span {
	font-size: min(calc(12/768*100vw) , 1.2rem);
}
/* 768px以上用（タブレット用）の記述 end */

}

/*-------------------------------------------------------------------------------*
 *	1024px以上用（PC用）の記述
 *-------------------------------------------------------------------------------*/
@media (min-width: 1024px), print {
/* 1024px以上用（PC用）の記述 */
/*-------------------------------------------------------------- second 共通 */

/*-------------------------------------------------------------- job-ability */
.job-ability .flex-box {
	display: flex;
	justify-content: space-between;
}
.job-ability .flex-left,
.job-ability .flex-right {
	width: 48%;
}

/* 1024px以上用（PC用）の記述 end */
}

/*-------------------------------------------------------------------------------*
 *	印刷用の記述
 *-------------------------------------------------------------------------------*/

@media print {
/* 印刷用の記述 */

/* 印刷用の記述 end */
}