.tag {
	width: auto;
	height: 22px;
	padding: 0 10px;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
}

#srchToggleBtn {
	font-size: 2.4rem;
	height: 39px;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #eaeaea;
	padding-top: 35px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}
@media screen and (max-width: 767px) {
	#srchToggleBtn {
		text-indent: initial;
	}
}


#srchToggleBtn::before,
#srchToggleBtn::after {
	display: block;
	position: absolute;
	font-family: FontAwesome;
	text-indent: 0;
}

#srchToggleBtn::before {
	content: "\f100";
	top: 6px;
	left: 0;
	width: 100%;
}

#Container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
	padding-right: 110px;
}

.term_list {
	margin-bottom: 20px;
}
.term_list > li {
	display: inline-block;
	line-height: 1.8;
	border-left: 1px solid #333;
	margin-bottom: 6px;
	padding: 0 5px;
}
.term_list > li:first-child {
	border-left: none;
}


.left_form {
	position: fixed;
	top: 115px;
	background-color: #fff;
	border-right: 2px solid #eaeaea;
	width: 240px;
	height: 100vh;
	z-index: 10;
}

.left_form.open {
	left: 0;
	transition: left .5s ease;
	overflow: auto;
}

.left_form.close {
	left: -212px;
	transition: left .5s ease;
}

.left_form.close::before {
	content: "\f101";
	font-family: FontAwesome;
	font-size: 2.4rem;
	display: block;
	position: absolute;
	right: 7px;
	top: 5px;
}

.left_form.close #srchToggleBtn {
	border-bottom: none;
	height: 100%;
	opacity: 0;
}

.left_form .inner dl,
.left_form .inner > ul {
	margin: 10px;
}

.left_form .inner > ul li:first-of-type {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.left_form dl {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
}

.left_form dt {
	font-weight: bold;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
}

.left_form dt .fa {
	margin-right: 5px;
}

.left_form dd {
	position: relative;
}

.left_form .fa-play {
	color: #6a4297;
	font-size: 1rem;
	margin-right: 5px;
}

.left_form .fa-train {
	color: #9d7c42;
	font-size: 1.6rem;
}

.left_form .modal {
	display: block;
	font-size: 1.4rem;
}

.left_form .modal .fa {
	margin-right: 5px;
}

.left_form p {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #6a6a6a;
	width: 100%;
	margin-top: 5px;
}

.left_form select,
.left_form input[type=text],
.left_form .btn2 {
	height: 39px;
	box-sizing: border-box;
}

.left_form input[type=text],
.left_form .btn2 {
	width: 100%;
}

.left_form input[type=text] {
	padding: 8px 8px 12px;
}

.left_form .region dt,
.left_form .cond dt {
	margin-bottom: 5px;
}

.left_form .region dt {
	background-image: url(../img/common/icon002.jpg);
	background-repeat: no-repeat;
	background-size: 20px 22px;
	height: 22px;
	padding-left: 22px;
}

.left_form .cond .fa-search {
	color: #969696;
	font-size: 1.6rem;
}

.left_form .cond .sel_c_1 {
	display: block;
}

.left_form .cond .sel_c_1 select {
	width: 100%;
}

.left_form .cond .sel_c_1:not(:last-child) {
	margin-bottom: 5px;
}

.left_form .cond .sel_c_2,
.left_form .cond .sel_c_3 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
}

.left_form .cond .sel_c_2 span:first-of-type,
.left_form .cond .sel_c_3 span:first-of-type {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	margin: 10px 0 3px;
	-ms-align-items: center;
	align-items: center;
}

.left_form .cond .sel_c_2 span:nth-of-type(2),
.left_form .cond .sel_c_2 span:last-of-type,
.left_form .cond .sel_c_3 span:nth-of-type(2),
.left_form .cond .sel_c_3 span:last-of-type {
	font-size: 1rem;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
	height: 39px;
	padding-left: 3px;
}

.left_form .cond .sel_c_2 select,
.left_form .cond .sel_c_3 select {
	width: 67px;
	padding: 8px 3px 12px 8px;
}

.left_form .cond .sel_c_2 select:last-of-type,
.left_form .cond .sel_c_3 select:last-of-type {
	margin-left: 6px;
}

.left_form .cond select {
	border: 1px solid #cccccc;
	padding: 8px 8px 12px;
	font-size: 1.4rem;
}

.left_form .demand img {
	width: 15px;
	margin-right: 5px;
}

.left_form .cond-inner > select,
.left_form .cond-inner > .btn1 {
	display: block;
	width: 100%;
}

.left_form .cond-inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.left_form .cond-inner > select {
	margin-bottom: 0;
}
.left_form .cond-inner > .btn1 {
	padding: 10px;
	text-align: center;
	height: 40px;
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 1.2rem;
}
.left_form .cond-inner > .btn1 .fa {
	margin-left: 8px;
}
.left_form .select_list {
	display: block;
	margin: 0;
}
.left_form .modal {
	display: flex;
	font-size: 1.4rem;
	align-items: center;
	line-height: 1;
}
.left_form .cond-inner > ul {
	margin-top: 10px;
}
.left_form .clear-cond-btn {
	margin-top: 8px;
	margin-left: auto;
}


main {
	min-width: 1000px;
	margin: 0 30px 0 272px;
	padding-top: 70px;
	display: block;
	flex: 1;
	transition: margin .5s ease;
	position: relative;
}

.hit {
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	position: absolute;
	top: 0;
	left: -30px;
	width: calc(100vw + 212px);
	height: 39px;
	padding: 10px 0 0 30px;
	box-sizing: border-box;
}

.hit .hit_num,
.hit .hit_num_text {
	color: #6a4297;
}

.hit .hit_num {
	font-size: 2rem;
}

.hit .hit_num_text {
	font-size: 1.2rem;
}

.hit .disp_page {
	color: #6a6a6a;
	font-size: 1rem;
}

.t_c {
	text-align: center;
}

.sta_cont {
	background-color: #f1f1f1;
	padding: 20px 30px 30px;
	margin-top: 8px;
	margin-bottom: 30px;
}

.sta_cont .kanban,
.sta_cont .train_list {
	background-color: #fff;
}

.sta_cont .kanban {
	margin-bottom: 20px;
	padding: 20px 20px 0;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	height: 96px;
	box-sizing: border-box;
	position: relative;
}

.sta_cont .kanban ul {
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	width: 100%;
	left: 0;
	bottom: 30px;
	padding: 0 65px;
	box-sizing: border-box;
}

.sta_cont .kanban li {
	width: 123px;
	position: relative;
}

.sta_cont .kanban li::before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #fff;
	display: block;
	position: absolute;
	bottom: -7px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border-radius: 50%;
}

.sta_cont .kanban li:nth-of-type(3) {
	width: 196px;
}

.sta_cont .kanban li:nth-of-type(3)::before {
	width: 15px;
	height: 15px;
	border-radius: 0;
	background-color: #ffee59;
	bottom: -10px;
}

.sta_cont .kanban::before,
.sta_cont .kanban::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 20px;
}

.sta_cont .kanban::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 13px 7.5px 0;
	border-color: transparent #23b14d transparent transparent;
	left: 20px;
}

.sta_cont .kanban::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13px;
	border-color: transparent transparent transparent #23b14d;
	right: 20px;
}

.sta_cont .kanban span {
	display: block;
	position: relative;
	margin: 0 13px;
	height: 100%;
}

.sta_cont .kanban span::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 15px;
	background-color: #23b14d;
	bottom: 20px;
}

.sta_cont .train_list {
	padding-top: 20px;
	padding-bottom: 30px;
}

.sta_cont .train_item {
	padding: 0 20px;
	margin: 0 auto 10px;
}

.sta_cont .train_item ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	padding: 0 40px;
	background-image: url(../img/common/line.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

.sta_cont .train_item li:not(.train_name) {
	width: 123px;
	min-height: 27px;
}

.sta_cont .train_item a {
	min-height: 27px;
	border: 2px solid #979797;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	box-sizing: border-box;
	line-height: 1.2;
	padding: 5px;
	width: 123px;
}

.sta_cont .train_name {
	width: 196px;
	position: relative;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	top: 8px;
}

.sta_cont .train_name::before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	left: 50%;
	top: calc(50% - 8px);
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #6a4297;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.sort {
	background-color: #fafafa;
	border: 1px solid #eaeaea;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 49px;
	box-sizing: border-box;
	align-items: center;
	padding: 0 10px;
	margin-bottom: 5px;
}

.sort dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.sort dt {
	font-weight: bold;
}

.sort dd {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.sort select {
	font-size: 1.2rem;
	border: 1px solid #cccccc;
	height: 27px;
}

.sort .rec {
	padding-left: 25px;
	margin-left: 10px;
	background-image: url(../img/common/rev_on.svg);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 27px;
}

#sort_type {
	width: 125px;
	margin-left: 10px;
}

#disp_list {
	margin-left: auto;
	width: 101px;
}

.job_list_article {
	padding: 30px;
	border: 1px solid #eaeaea;
}

.job_list_article:not(:last-child) {
	margin-bottom: 25px;
}

.job_list_heading {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
}

.job_list_heading .review {
	height: 22px;
	margin: 0 8px;
}

.job_list_heading ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: auto;
	color: #6a6a6a;
	font-size: 1rem;
}

.job_list_heading li:nth-of-type(n+2) {
	margin-left: 7px;
}

.job_list_heading p a {
	font-size: 1.2rem;
	text-decoration: underline;
}

.job_list_body > dd .item_002 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.job_list_body > dd .item_002 li {
	width: 47%;
}

.job_list_body > dd .item_002 dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	margin-top: 20px;
}

.job_list_body > dd .item_002 dt {
	font-size: 1.6rem;
	text-align: center;
	margin-right: 20px;
	padding-right: 17px;
	border-right: 1px solid #eaeaea;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.job_list_body > dd .item_002 .salary span {
	margin-top: 5px;
}

.job_list_body > dd .item_002 .salary span::before {
	content: "(";
}

.job_list_body > dd .item_002 .salary span::after {
	content: ")";
}

.job_list_body > dd .item_002 .necessity dd {
	flex: 1;
}

.job_list_body > dd .item_002 .necessity span {
	margin: 1px 0 4px;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4;
}
.job_list_body > dd .item_002 .necessity img {
	width: 34px;
	margin-bottom: 5px;
}

.job_list_body > dd .item_002 p {
	line-height: 1.6;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.job_list_body > dd .item_002 span {
	display: block;
	font-size: 1.2rem;
}

.job_list_body > dd .item_002 i {
	margin-bottom: 5px;
}

.job_list_body > dd .icon-6 {
	color: #3fcaa8;
	font-size: 3.4rem;
	display: block;
}

.job_list_body > dd .fa-plus-square {
	color: #db0000;
	display: block;
	font-size: 2.6rem;
}

.job_list_body > dd .item_003 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eaeaea;
	background-color: transparent;
}

/*
.job_list_body > dd .item_003 .access {
	color: #6a6a6a;
	font-size: 1.2rem;
	margin-bottom: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
*/
.job_list_body > dd .item_003 .access {
	/* color: #6a6a6a; */
	color: #333;
	font-size: 1.4rem;
	/* overflow: hidden; */
	white-space: nowrap;
	text-overflow: ellipsis;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.job_list_body > dd .item_003 .access > dt {
	color: #6a4297;
	background-color: #f2eef7;
	font-weight: bold;
	width: 90px;
	margin-right: 10px;
	min-height: 35px;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}
.job_list_body > dd .item_003 .access > dt:last-of-type { margin-bottom: 0 }
.job_list_body > dd .item_003 .access > dd {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	align-items: center;
	line-height: 1.5;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.job_list_body > dd .item_003 .text {
	font-size: 2rem;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2;
}

.job_list_body > dd .item_003 div {
	display: block;
	width: 60%;
}

.job_list_body > dd .item_003 ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: 16px;
}

.job_list_body > dd .item_003 li {
	height: 51px;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.job_list_body > dd .item_003 li:first-of-type {
	width: 199px;
}
.job_list_body > dd .item_003 li:last-of-type {
	width: 165px;
}

.job_list_body > dd .item_003 a {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.job_list_body > dd .item_003 .btn1 {
	color: #333;
	border: 1px solid #cccbcb;
	width: 100%;
	height: 100%;
	margin-left: 15px;
	font-weight: bold;
}

.job_list_body > dd .item_003 .btn1 .fa {
	color: #ffc834;
}

.job_list_body > dd .item_003 .btn2 {
	font-size: 2rem;
	width: 100%;
	height: 100%;
}

.job_list_body > dd .item_003 .btn2 a {
	color: #fff;
}

.job_list_reccomend {
	width: 220px;
	margin-top: 70px;
}

.job_list_reccomend > dt {
	border: 1px solid #eaeaea;
	border-bottom: none;
	padding: 20px 10px 0;
	font-size: 1.2rem;
	text-align: center;
	position: relative;
	letter-spacing: 2px;
	line-height: 1.3;
}

.job_list_reccomend > dt::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	width: calc(100% - 20px);
	height: 1px;
	background-color: #333;
}

.job_list_reccomend > dt span {
	font-size: 2.2rem;
	display: block;
	letter-spacing: 0;
}

.job_list_reccomend > dd {
	border: 1px solid #eaeaea;
	border-top: none;
	padding: 10px 10px 20px;
	font-size: 1.2rem;
}

.job_list_reccomend > dd dt {
	color: #6a6a6a;
	margin-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.job_list_reccomend > dd p {
	color: #6a4297;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.job_list_reccomend > dd span {
	margin-top: 2px;
	display: block;
}

.job_list_reccomend > dd i {
	color: #3fcaa8;
	padding-right: 2px;
}

.job_list_reccomend dl {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}

.pager {
	margin-top: 80px;
}

.pager span {
	text-align: center;
	display: block;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.pager ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border: 1px solid #eaeaea;
	background-color: #fafafa;
	height: 40px;
	box-sizing: border-box;
	justify-content: center;
}

.pager .current {
	background-color: #6a4297;
	color: #fff;
	width: 100%;
	height: 40px;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 0;
}
.pager .dots {
	margin-bottom: 0;
}
.pager li {
	width: 40px;
	border-left: 1px solid #eaeaea;
}

.pager li:last-of-type {
	border-right: 1px solid #eaeaea;
}

.pager a {
	width: 100%;
	height: 40px;
	display: block;
}

.pager li,
.pager a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pager .fa {
	font-size: 1rem;
}

#Flow {
	margin-top: 80px;
}

#Flow div {
	margin: 0 auto;
	width: 1000px;
}

.l_banner {
	text-align: center;
	padding: 70px 0 0;
	background-color: #f1f1f1;
	margin-top: 80px;
}

.l_banner > a {
	width: 1000px;
	display: block;
	margin: auto;
}

.l_banner img {
	border: 1px solid #eaeaea;
	width: 100%;
}



/*------------------------------------------------
Main Area Search Select
------------------------------------------------*/
.commit {
	min-width: 1000px;
	margin: 0 140px 0 272px;
	transition: margin .5s ease;
}
.candidate {
	height: 100px;
	background-color: #f2eef7;
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 2rem;
}
.candidate dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	height: 100%;
	padding-left: 80px;
	background-image: url(../img/common/icon015.png);
	background-repeat: no-repeat;
	background-position: left 30px center;

}
.candidate select {
	margin-right: 5px;
}
.candidate dt {
	margin-right: 10px;
	margin-top: 4px;
}
.candidate dt span {
	color: #6a4297;
	font-weight: bold;
}
.candidate .sta {
	width: 200px;
}


.commit {
	box-sizing: border-box;
	padding: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
	background-color: #f1f1f1;
}
.commit > div,
.commit form {
	background-color: #fff;
}
.commit > div {
	padding: 20px 20px 0;
}
.commit > div dl {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 15px;
}
.commit > div dt {
	background-color: transparent;
	width: auto;
	font-size: 2rem;
	font-weight: normal;
	color: #333;
	border-right: 1px solid #f1f1f1;
	padding-right: 15px;
	margin-right: 15px;
}
.commit > div dd {
	width: auto;
	line-height: 1.5;
	flex: 1;
}
.commit > div dd strong {
	color: #db0000;
	font-size: 18px;
}
.commit > div dt .fa {
	font-size: 5rem;
	color: #6a4297;
	margin-right: 10px;
}
.commit dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.commit dl.w100p {
	width: 100%;
}
.commit dt {
	color: #6a4297;
	background-color: #f2eef7;
	font-weight: bold;
	width: 124px;
	min-width: 124px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	min-height: 40px;
}
.commit dd.fx {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
}
.commit form > dl:first-of-type dd {
 	padding-top: 0
}
.commit form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px;
}
.commit .form_area1 {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
}
.commit .form_area1.ranking_form {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

.commit .form_area1 dt {
	height: 40px;
}
.commit .form_area1 dt.ranking_range {
    width: 70px;
    min-width: 70px;
    margin-right: 0;
    margin-left: 20px;
}
.commit .form_area1 dd {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.commit .form_area1 select,
.commit .form_area1 .btn1,
.candidate select,
.candidate .btn2 {
	height: 40px;
}
.commit .form_area1 select,
.candidate #form-pref {
	width: 170px;
}
.candidate .btn2 {
	width: 107px;
}
.candidate .btn2:disabled {
	opacity: .5;
}
.candidate .btn2:disabled:hover {
	cursor: initial;
}
.commit .form_area1 .btn1 {
	width: 152px;
	display: inline-block;
	box-sizing: border-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
    margin-right: 0;
}
.commit .form_area1 .fa {
	margin-left: 10px;
	font-size: 1.2rem;
}
.commit .form_area2 {
	width: 80%;
}
.commit dd, 
.form_area2 dd{
    padding-top: 15px;
}
.commit .select_list {
	font-size: 1.2rem;
	color: #6a4297;
	width: 100%;
	padding: 5px;
	background-color: #f2eef7;
	margin-top: 10px;
	line-height: 1.4;
}
.commit .aboutHope .fa {
	display: none;
}
.commit label {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	margin-right: 10px;
	margin-bottom: 14px;
}
.commit input[type=checkbox] {
	margin: 0 10px 0 0;
}
.commit .search_btn {
	bottom: 0;
	right: 0;
	text-align: right;
	width: 20%;
}
.commit .btn1,
.commit .btn2 {
	width: 100%;
	max-width: 200px;
}
.commit .btn1 {
	border: 1px solid #6a4297;
	color: #6a4297;
	font-weight: bold;
	display: block;
	height: 50px;
}
.commit .btn2 {
	color: #fff;
	font-size: 2.6rem;
	height: 50px;
	display: block;
	margin-bottom: 10px;
}
.commit .btn2 .fa {
	margin-right: 2%;
	font-size: 2.5rem;
	position: relative;
	bottom: 2px;
}
.commit .search_btn .btn1 {
	position: relative;
}

body.page-template-page-ranking main {
	padding-top: 0;
}
body.page-template-page-ranking .job_list_reccomend {
	margin-top: 0;
}
.ranking-commit {
    transition: margin .5s ease;
    box-sizing: border-box;
    padding: 0;
    display: -webkit-flex;
    display: flex;
}
.ranking-commit .btn1 {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	max-width: 200px;
	border: 1px solid #6a4297;
	color: #6a4297;
	font-weight: bold;
	height: 50px;
	opacity: .5;
	cursor: pointer;
}
.ranking-commit .btn1.active {
	opacity: 1;
	cursor: default;
}
.ranking-commit .btn1 i {
	font-size: 20px;
	position: relative;
	margin-left: 10px;
}
.ranking-commit .btn1 {
	margin-right: 20px;
}
.ranking-commit .btn1:last-child {
	margin-right: 0;
}
.area-commit {
	min-width: 1000px;
	margin: 0 110px 0 272px;
	transition: margin .5s ease;
	box-sizing: border-box;
	padding: 0;
	margin-bottom: 30px;
	margin-top: 30px;
}
.area-commit select {
	height: 39px;
	box-sizing: border-box;
}

#Container.condition {
	padding-right: 0;
}
#Container.condition > main {
	margin: 0;
	padding: 0;
}
.page_common {
	max-width: 1040px;
	margin: 0 auto 100px;
	box-sizing: border-box;
	padding: 15px 20px 80px 20px;
}

/*------------------------------------------------
Keep List
------------------------------------------------*/
.keep-item:not(:last-child) {
	margin-bottom: 25px;
}
.keep-item {
	padding: 30px;
	border: 1px solid #eaeaea;
	position: relative;
}

.keep-item dt a {
	color: #6a4297;
}
.keep-item dt a:hover {
	text-decoration: none;
}

.keep-item .btn2:focus {
	color: #fff;
}


.keep-item .job_list_body img {
	width: 100%;
}
.keep-item .job_list_body img.campaign_icon {
	width: auto;
	position: absolute;
	top: -4px;
	right: 15px;
}
.keep-item .tag_list {
	color: #8f6050;
	font-weight: bold;
}

.keep-item .tag_list li {
	border: 1px solid #d2c1af;
	margin-bottom: 5px;
	padding: 1px 5px 0;
	height: 22px;
	box-sizing: border-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	font-size: 1.2rem;
}
.keep-item .tag_list li:not(:last-child) {
	margin-right: 5px;
}
.keep-item .job_list_body {
	margin: 20px auto 0;
}
.keep-item .job_list_body figure {
	position: relative;
	height: 220px;
	display: block;
	overflow: hidden;
}
.keep-item .job_list_body figure {
	height: 170px;
}

.keep-item .job_list_body img.pc {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
.keep-item .job_list_body > dt {
	font-size: 2rem;
	color: #6a4297;
	line-height: 1.3;
	margin-bottom: 15px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.keep-item .job_list_body > dd .item_001 {
	background-color: #f1f1f1;
	padding: 30px;
}

.keep-item .job_list_body > dd .item_001 .employment dd span:not(:last-of-type) {
	margin-bottom: 5px;
}
.keep-item .job_list_body > dd .item_001 .employment dd span::before {
	content: "\f007";
	font-family: FontAwesome;
	color: #6a4297;
	padding-right: 3px;
}


.keep-item  .job_list_body > dd .item_001 dt,
.keep-item  .job_list_body > dd .item_001 dd {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.keep-item .job_list_body > dd .item_001 dt {
	background-color: #464646;
	color: #fff;
	height: 34px;
}

.keep-item .job_list_body > dd .item_001 dd {
	background-color: #fff;
	padding: 10px;
}

.keep-item .job_list_body > dd .item_002 dd {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	-ms-align-items: center;
	align-items: center;
}



.keep-item .job_list_body dt {
	font-weight: bold;
}
.keep-item .job_list_body .tag_list {
	margin-bottom: 15px;
}
.keep-item .job_list_body dl {
	width: 32.33333333333%;
	background-color: #fff;
}
.keep-item .job_list_body div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
}
.keep-item .job_list_body .fa {
	color: #6a4297;
	margin-right: 4px;
}
.keep-item .keep-delete {
	background: #6a4297;
	border: none;
	color: #fff;
	width: 30px;
	height: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 1.6rem;
	margin-left: auto;
	position: absolute;
	top: 0;
	right: 0;
}
.keep-item .keep-delete:hover {
	color: #fff;
}
.keep > .btn2 {
	font-size: 1.8rem;
	padding: 15px;
	display: inline-block;
	border-radius: 5px;
}
.container {
	margin: 0 auto 50px auto;
	padding: 0;
}
.all_entry {
	background-color: #f1f1f1;
	padding: 30px;
}
.all_entry a {
	width: 280px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 auto;
	text-align: center;
	height: 50px;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 2rem;
}

aside {
	justify-content: flex-start;
}
aside>dl {
	margin-left: -webkit-calc((100% - 1000px) / 2);
	margin-left: calc((100% - 1000px) / 2);
	width: 1000px;
}


.icon-7 {
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	position: relative;
}
.icon-7::before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(/wp-content/themes/ph-job/assets/img/common/icon_campaign.svg);
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	top: -3px;
	left: 0;
}


@media screen and (max-width: 767px) {
	.keep-item {
		margin: 0 3%;
		padding: 3%;
	}
	.keep-item .tag_list li {
		border: none;
		padding: 0;
		height: auto;
	}
	.keep-item .tag_list li:not(:last-child)::after {
		content: "/";
		display: inline-block;
		margin-left: 2px;
	}

	.keep-item .job_list_body {
		margin: 0 auto 2%;
	}
	.keep-item .job_list_body img {
		width: 100%;
	}
	.keep-item .job_list_body img.pc {
		display: none;
	}
	.keep-item .job_list_body dl {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		margin-bottom: 5px;
	}
	.keep-item .job_list_body > dt,
	.keep-item .job_list_body .tag_list {
		margin: 0 3%;
		font-size: 1.9rem;
		transition: .5s ease;
	}
	.keep-item .job_list_body > dt .more {
		color: #6a4297;
	}
	.keep-item .job_list_body > dt {
		line-height: 1.4;
		margin-top: 3%;
		text-align: left;
	}
	.keep-item .job_list_body .tag_list {
		font-size: 1.5rem;
	}
	.keep-item .job_list_body .tag_list .more {
		color: #8f6050;
		margin-bottom: 15px;
	}
	.keep-item .job_list_body > dd {
		margin-top: 16px;
	}
	.keep-item .job_list_body > dd dt {
		width: 30%;
	}
	.keep-item .job_list_body > dd dd {
		width: 70%;
		justify-content: flex-start;
		padding-left: 4%;
		box-sizing: border-box;
	}
	.keep-item .job_list_body > dd .item_001 {
		padding: 3%;
	}
	.keep-item .job_list_body > dd .item_001 dt,
	.keep-item .job_list_body > dd .item_001 dd {
		min-height: 34px;
		height: auto;
		box-sizing: border-box;
		padding: 3%;
	}
	.keep-item .job_list_body > dd .item_001 dd {
		justify-content: flex-start;
	}
	.keep-item .job_list_body .tag_list,
	.keep-item .job_list_body figure {
		display: none;
	}

	.keep-item .job_list_body div {
		padding: 3%;
		display: block;
	}
	.keep-item .job_list_body > dd .item_002 dt {
		width: 22%;
	}
	.keep-item .job_list_body > dd .item_003 .text {
		text-align: left;
	}
	.keep-item .job_list_body > dd .item_003 li:first-of-type {
		width: 100%;
	}
	.keep-item .job_list_heading ul {
		margin-left: 0;
	}
	
	.commit .form_area1 dt.ranking_range {
		margin: 0;
		padding-top: 20px;
		padding-bottom: 10px;
	}


	
}




/*------------------------------------------------
Responsive
------------------------------------------------*/

@media screen and (max-width: 1557px) {
	body {
		min-width: 1290px;
	}
	#Container {
		display: block;
	}
	.job_list_reccomend, .f_aside .job_cat {
		width: 1000px;
		margin-left: 273px;
	}
	.job_list_reccomend > dt {
		font-size: 1.4rem;
	}
	.job_list_reccomend > dt span {
		font-size: 4rem;
	}
	.f_aside {
		padding-left: 0;
	}
	#Flow {
		margin-left: 273px;
	}
	.l_banner {
		padding-left: 273px;
		margin-right: auto;
		text-align: left;
	}
	.l_banner>a {
		margin: initial;
	}
	aside > dl:nth-last-of-type(n+3) {
		margin-left: 273px;
	}
	aside > dl:nth-of-type(-n+2),
	aside > dl:last-of-type {
		margin-right: auto;
	}
}

@media screen and (max-width: 767px) {
	body {
		min-width: 100%;
	}
	main {
		width: 100%;
		min-width: 100%;
		margin: 17px 0 0;
		padding-top: 0;
	}
	h2 {
		padding-bottom: 5%;
	}
	.sel_search {
		background-color: #f2eef7;
		color: #6a4297;
		margin: 3%;
		padding: 1% 3%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
		line-height: 1.6;
	}
	.sel_search span {
		font-weight: bold;
	}
	.hit {
		width: 100%;
		position: static;
		padding: 5px 0 0 0;
		text-align: center;
	}
	.disp_page {
		display: block;
		margin-top: 1%;
	}
	.showmore_trigger {
		width: 100%;
		color: #6a4297;
		margin: 0 auto;
		position: absolute;
		bottom: 6%;
		text-align: center;
		z-index: 10;
	}
	.showmore_trigger span {
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #6a4297;
		width: 50%;
		height: 30px;
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin: 0;
	}
	.sta_cont {
		padding: 2%;
		margin: 0 3% 3%;
		position: relative;
	}
	.sta_cont.more_open .showmore_content::before {
		display: none;
	}
	.sta_cont.more_open .showmore_trigger {
		bottom: 3%;
	}
	.sta_cont .kanban {
		padding: 14px 3% 0;
		height: 74px;
		margin-bottom: 0;
	}
	.sta_cont .kanban ul {
		display: none;
	}
	.sta_cont .kanban span::after {
		content: "";
		display: block;
		position: absolute;
		width: 5%;
		height: 15px;
		background-color: #ffee59;
		bottom: 20px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
	.sta_cont .kanban::before {
		left: 3%;
	}
	.sta_cont .kanban::after {
		right: 3%;
	}
	.sta_cont .showmore_content {
		overflow: hidden;
		position: relative;
		background-color: #fff;
	}
	.sta_cont .showmore_content::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.5) 87%, white 95%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.5) 87%, white 95%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.5) 87%, white 95%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
		/* IE6-9 */
		z-index: 5;
		left: 0;
		top: 0;
	}
	.sta_cont .train_list {
		padding-top: 0;
		padding-bottom: 32px;
		position: relative;
		z-index: 0;
	}
	.sta_cont .train_item {
		padding: 0 3%;
		margin: 0 0 3%;
		font-size: 1.6rem;
		box-sizing: border-box;
	}
	.sta_cont .train_item ul {
		padding: 0 0 0 35px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		line-height: 1.2;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	.sta_cont .train_item ul::after {
		content: "";
		display: block;
		clear: both;
	}
	.sta_cont .train_item li {
		float: left;
	}
	.sta_cont .train_item li:not(.train_name) {
		width: auto;
		min-height: auto;
	}
	.sta_cont .train_item a {
		width: auto;
		border: none;
		min-height: auto;
		padding: 0;
		line-height: 1.2;
		color: #6a4297;
	}
	.sta_cont .train_item:nth-of-type(4n+1) ul {
		background-image: url(../img/common/icon003.jpg);
	}
	.sta_cont .train_item:nth-of-type(4n+2) ul {
		background-image: url(../img/common/icon004.jpg);
	}
	.sta_cont .train_item:nth-of-type(4n+3) ul {
		background-image: url(../img/common/icon005.jpg);
	}
	.sta_cont .train_item:nth-of-type(4n+4) ul {
		background-image: url(../img/common/icon006.jpg);
	}
	.sta_cont .sta1,
	.sta_cont .sta4 {
		display: none;
	}
	.sta_cont .train_name {
		width: auto;
		position: static;
		margin: 0 5px;
	}
	.sta_cont .train_name::before {
		display: none;
	}
	.sta_cont .sta2::after {
		font-family: FontAwesome;
		display: inline-block;
		color: #333;
		content: "\f104";
		position: static;
		border: none;
		border-radius: 0;
		background-color: transparent;
		width: auto;
		height: auto;
		transform: none;
		padding-left: 5px;
	}
	.sta_cont .sta3::before {
		font-family: FontAwesome;
		display: inline-block;
		color: #333;
		content: "\f105";
		padding-right: 5px;
	}
	.t_c {
		line-height: 1.5;
		margin-top: 3%;
	}
	#disp_list {
		display: none;
	}
	#sort_type {
		width: auto;
		margin-left: 0;
		font-size: 16px;
		transform: scale(0.8);
	}
	.sort {
		margin-bottom: 3%;
	}
	.sort dl {
		width: 100%;
	}
	.sort dt {
		width: auto;
	}
	.sort dd {
		width: 80%;
		justify-content: space-between;
	}
	.left_form {
		position: relative;
		width: 100%;
		height: auto;
		border-right: none;
		overflow: hidden;
		top: 0;
	}
	.left_form.close {
		left: 0;
	}
	.left_form.close::before {
		display: none;
	}
	.left_form.close #srchToggleBtn {
		border-bottom: 1px solid #eaeaea;
		height: 39px;
		opacity: 1;
	}
	.left_form.close #srchToggleBtn::after {
		content: "\f068";
	}
	.left_form .inner {
		display: none;
	}
	.left_form .modal {
		width: 100%;
		margin-left: 0;
		text-align: left;
		border: 1px solid #6a4297;
		margin-top: 2%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		height: 40px;
		padding: 0 3%;
		color: #6a4297;
		position: relative;
	}
	.left_form .modal span {
		margin-right: auto;
	}
	.left_form .modal .fa {
		display: block;
		position: absolute;
		right: 3%;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
	.left_form .sta ul {
		justify-content: space-between;
	}
	.left_form .sta li {
		width: 48%;
	}
	.left_form .cond .sel_c_2 {
		margin-top: 10px;
	}
	.left_form .cond .sel_c_2,
	.left_form .cond .sel_c_3 {
		margin-bottom: 5px;
	}
	.left_form .cond .sel_c_2 span:first-of-type,
	.left_form .cond .sel_c_3 span:first-of-type {
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		width: auto;
		margin: 0 2% 0 0;
		align-items: center;
	}
	.left_form .btn2 {
		width: 45%;
		margin: 0 auto;
		display: block;
	}
	.left_form p {
		-webkit-line-clamp: 2;
	}
	.left_form .cond-inner {
		display: block;
	}
	#srchToggleBtn {
		text-align: left;
		justify-content: flex-start;
		padding-left: 3%;
		padding-top: 0;
		font-size: 1.8rem;
	}
	#srchToggleBtn::before {
		content: "\f002";
		position: static;
		display: inline-block;
		margin-right: 2%;
		width: auto;
		font-size: 2.4rem;
	}
	#srchToggleBtn::after {
		content: "\f067";
		right: 3%;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
	#Container {
		padding-right: 0;
	}
	.job_list_container {
		margin: 0 3%;
	}
	.job_list_article {
		padding: 3%;
	}
	.more {
		text-decoration: underline;
		font-size: 1.5rem;
		margin: 0 3%;
		display: inline-block;
	}
	.job_list_heading ul {
		display: block;
	}
	.job_list_heading li:first-of-type {
		margin-bottom: 2%;
	}
	.job_list_heading li:nth-of-type(n+2) {
		margin-left: 0;
	}
	.job_list_body > dd .item_002 {
		display: block;
	}
	.job_list_body > dd .item_002 li {
		width: 100%;
	}
	.job_list_body > dd .item_002 dt {
		width: 20%;
		margin-right: 3%;
		padding-right: 3%;
	}
	.job_list_body > dd .item_002 dd {
		width: 80%;
		padding-left: 0;
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		align-items: center;
	}
	/* .job_list_body > dd .item_002 .salary p {
		display: none;
	} */
	.job_list_body > dd .item_002 .salary span::before,
	.job_list_body > dd .item_002 .salary span::after {
		display: none;
	}
	.job_list_body > dd .item_002 .department {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}
	.job_list_body > dd .item_002 .necessity dl {
		margin-left: 0;
	}
	.job_list_body > dd .item_002 .necessity p:not(.department),
	.job_list_body > dd .item_002 .necessity span {
		display: none;
	}
	.job_list_body > dd .item_002 .necessity img {
		width: 30px;
	}
	.job_list_body > dd .item_003 {
		margin-top: 3%;
		padding: 3% 0 0 0;
	}
	.job_list_body > dd .item_003 .access {
		display: none;
	}
	.job_list_body > dd .item_003 div {
		padding: 0;
		width: 100%;
	}
	.job_list_body > dd .item_003 ul {
		margin-top: 3%;
		margin-left: 0;
		justify-content: space-between;
	}
	.job_list_body > dd .item_003 li:first-of-type,
	.job_list_body > dd .item_003 li:last-of-type {
		width: 49%;
	}
	.job_list_body > dd .item_003 .btn1 {
		margin-left: 0;
		font-size: 1.8rem;
		font-weight: normal;
	}
	.pager {
		margin-top: 10%;
	}
	.pager ul {
		border-left: none;
		border-right: none;
	}
	.pager li {
		width: 10%;
	}
	.pager .prev {
		border-left: none;
		min-width: 15%;
		width: auto;
	}
	.pager .next {
		border-right: none;
		min-width: 15%;
	}
	.job_list_reccomend {
		display: block;
		padding: 5%;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	.job_list_reccomend figure {
		display: none;
	}
	.job_list_reccomend dl {
		margin-left: 0;
	}
	.job_list_reccomend dt {
		font-size: 1.4rem;
	}
	.job_list_reccomend dt span {
		font-size: 4rem;
	}
	.job_list_reccomend dd p {
		line-height: 1.4;
	}
	.job_list_reccomend dd span {
		margin-top: 2%;
	}
	#Flow {
		margin-left: 0;
		margin-top: 6%;
	}
	.l_banner {
		border-top: none;
		margin: 15% 3%;
		padding: 0;
		background-color: transparent;
	}
	.l_banner img {
		width: 100%;
		border: none;
	}
	footer {
		padding: 0;
	}


	.candidate,
	.commit {
		min-width: auto;
		margin: 0;
		padding: 3%;
		height: auto;
	}
	.commit > div {
		padding: 3%;
	}
	.commit > div dl {
		display: block;
	}
	.commit > div dt {
		padding: 0;
		margin: 0 0 5px 0;
		border-right: none;
		justify-content: flex-start;
	}
	.commit form {
		display: block;
		padding: 3%;
	}
	.commit dl {
		display: block;
	}
	.commit dt {
		background-color: transparent;
		display: block;
		min-height: auto;
	}
	.commit .form_area1 {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 3%;
		display: block;
	}
	.commit .form_area1 dt {
		height: auto;
		margin-bottom: 3%;
	}
	.commit .form_area1 dd {
		width: 100%;
		justify-content: space-between;
	}
	.commit .form_area1 .btn1 {
		width: 48%;
		margin-left: 0;
	}
	.commit .form_area1 select {
		width: 48%;
	}
	.commit .form_area1 .on-change-area-select select {
		width:100%;
		box-sizing:border-box;	
	}
	.commit .form_area2 {
		width: 100%;
	}
	.commit .aboutHope {
		border: 1px solid #6a4297;
		color: #6a4297;
		width: 100%;
		height: 40px;
		font-weight: normal;
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		justify-content: flex-start;
		padding: 3%;
		box-sizing: border-box;
	}
	.commit .aboutHope + dd {
		display: none;
		margin: 3% 0 6%;
		padding-left: 3%;
	}
	.commit .aboutHope .fa {
		margin-left: auto;
		display: inline;
	}
	.commit .search_btn {
		width: 100%;
		margin-top: 3%;
	}
	.commit .search_btn .btn1 {
		display: none;
	}
	.commit .search_btn .btn2 {
		max-width: 100%;
		height: 40px;
		margin-bottom: 0;
	}
	.commit .select_list {
		margin-top: 3%;
	}

	.ranking-commit {
		min-width: 100%;
		margin: 0;
		justify-content: center;
		padding: 15px 20px 0;
	}
	.ranking-commit .btn1 {
		padding: 10px;
		line-height: 1.4;
	}
	.ranking-commit .btn1 i {
		margin-left: 0;
	}

	.candidate dl {
		background-image: none;
		display: block;
		padding-left: 0;
	}
	.candidate dt {
		background-image: url(../img/common/icon015.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 50px;
		min-height: 21px;
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		-ms-align-items: center;
		align-items: center;
		margin-bottom: 3%;
	}
	.candidate .sta {
		width: 100%;
	}
	.candidate .btn2 {
		width: 100%;
		font-size: 2.6rem;
		margin-top: 3%;
	}
	.candidate .btn2 .fa {
		font-size: 2.5rem;
	}
	.l_banner > a {
		width: 100%;
	}
	.ranking-commit {
		padding:0;
	}
	.commit-inner dl dt{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
		-o-align-items:center;
		align-items:center;
	}
	.ranking-commit i {
		display:none;	
	}
	.ranking-commit a.btn1:nth-child(2) {
		margin: 0 10px;
	}
	
}


/* 花　おすすめ度 */
.RateOutline {
	background-color: #FFFFFF;
	max-width:100%;
	width:1200px;
	padding:10px;
	box-sizing:border-box;
	margin:0 auto;
	margin-bottom:50px;
}
.RateOutline dl {
	display:block;	
}
.RateOutline dd {
	margin-bottom:25px;
}
.RateOutline dl dt{
	background-color: #f2eef7;
	color: #643f8e;
	padding:15px;
	margin-bottom:25px;
	font-size:18px;
	text-align: center;
}
.RateOutline dl dd {
	text-align:center;
	font-size:18px;
	line-height:160%;
}
.RateOutline dl dd img {
	vertical-align:middle;
	height:19px;
	width:19px;
}
.RateOutline-list {
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.RateOutline-list li {
	border-right:solid 1px #d4d4d4;
	padding:5px 15px;
}
.RateOutline-list li:last-child {
	border: none;
}
.RateOutline-list li dd {
	margin-bottom:10px;
}
.RateOutline-list li dl dt {
	color:#db0000;
	background-color: transparent;
	font-size:18px;
	margin:0 -20px;
	line-height:140%;
	padding:0 15px 15px 15px;
	display: block;
}
.RateOutline-list li dl dt img {
	width:30px;
	height:30px;
}
.RateOutline-list li dl dd {
	font-size:14px;
	line-height:140%;	
}
.RateOutline-list-btn {
	display: block;
	border: solid 1px #6a4297;
	color:#6a4297;
	padding:10px;
	text-align:center;
	line-height:21px;
	width:170px;
	box-sizing:border-box;
	margin:40px auto 0 auto;
}
.RateOutline-list-btn img,
.RateOutline-list-btn:hover img {
	vertical-align:middle;
	width:14px !important;
	height:19px !important;
}
.commit > div .RateOutline dl {
	border:none;
}
.commit > div .RateOutline dd strong {
	color:#333333;
}

.commit .container,
.commit .RateOutline {
	margin-bottom:10px;	
}
@media screen and (max-width: 1640px) {
	.commit .RateOutline-list-btn{
		width:100%;
		font-size:12px;
	}
	.commit .RateOutline-list li dl dt {
		font-size:14px;
		padding: 0 15px 0px 15px;
	}
	.commit .RateOutline-list li dl dd {
		font-size:12px;	
	}
	.commit .RateOutline-list li dl dt img {
		width: 24px;
		height: 24px;
	}
	.commit > div.container{
    	padding: 0;
	}
}
@media screen and (max-width: 400px) {
	.commit .RateOutline-list li dl dt {
		font-size:10px;
		padding: 0 15px 0px 15px;
	}
}
@media screen and (max-width: 1260px) {
	.RateOutline-list li dl dt{
		font-size:16px;
	}
}
@media screen and (max-width: 767px) {
	.commit > div dt 
	.RateOutline dl dt{
		background-color: #f2eef7;
	}
	.commit > div .RateOutline dd, 
	.commit > div .RateOutline dd strong {
		font-size: 12px;
	}
	.RateOutline > dl > dt {
		font-size: 1.5rem;
		font-weight:bold;
		margin-bottom: 10px;
		text-align:center;
	}
	.RateOutline-list li dl dt {
		margin:0;
		padding: 0 0 10px 0;
	}
	.RateOutline-list li {
		border-right:none;
		border-top: solid 1px #d4d4d4;
		border-bottom:solid 1px #d4d4d4;
		border-right:solid 1px #d4d4d4;
		margin-top:-1px; 
		padding-top:30px;
	}
	.RateOutline-list li dl dt img{
		width:15px;
		height:15px;
	}
	.RateOutline-list li dl dd {
		font-size:10px;	
	}
	.RateOutline > dl > dd {
		text-align: left;
		font-size: 10px;
		padding:0 15px;
	}
	.RateOutline > dl > dd > br {
		display:none;
	}
	.RateOutline-list {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.RateOutline-list li {
		width: 50%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 10px 10px 5px 10px;
	}
	.RateOutline dl dd {
		text-align:left;
	}
	.RateOutline-list li dl dt {
		font-size: 1.5rem;
		font-weight:bold;
		text-align:center;
	}
	.RateOutline dl dt br {
		/* display: none; */
	}
	.RateOutline-list-btn {
		display: block;
		border: solid 1px #6a4297;
		color: #6a4297;
		padding: 6px;
		text-align: center;
		line-height: 21px;
		font-size:12px;
		box-sizing: border-box;
		margin: 20px auto 0 auto;
		max-width:100%;
	}
	.RateOutline-list li:last-child {
		border-top: solid 1px #d4d4d4;
		border-bottom: solid 1px #d4d4d4;
		border-right: none;
		width:100%
	}
	.RateOutline-list li:last-child br{
		display: none;	
	}
	.RateOutline-list li:nth-child(even){
		border-right: none;
	}
	
}
@media screen and (max-width: 325px) {
	.RateOutline > dl > dt {
		font-size: 1rem;
	}
}