@charset "UTF-8";
/********************************
TOP
*********************************/
/*
.js-logo-rand dd {
    display: none;
}
*/
/* top */
.main {
	background: url(../img/top_main_bg.jpg) no-repeat 0 0;
	height: 350px;
	padding: 0 0 0 20px;
	position: relative;
	margin: 0 0 20px 0;
}
.main_dlpo_typ001 {
	background: url(../img/top_main_bg.jpg) no-repeat 0 0;
	height: 350px;
	padding: 0 0 0 20px;
	position: relative;
	margin: 0 0 20px 0;
}
.main_dlpo_typ002 {
	background: url(../img/top_main_bg.jpg) no-repeat 0 0;
	height: 350px;
	padding: 0 0 0 20px;
	position: relative;
	margin: 0 0 20px 0;
}
.main-ttl {
	width: 60%;
	padding: 40px 0;
}
.main-ttl img {
	width: 100%;
}
.main-btn {
	width: 370px;
}
.main_bottom_flow {
	width: 370px;
	font-size: 14px;
	margin-top: 8px;
	font-weight: bold;
	text-align: center;
}
.main_bottom_flow::before {
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border-top: 2px solid #db6782;
	border-right: 2px solid #db6782;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
	content: "";
}
.main_bottom_flow a {
	text-decoration: none;
	color: #5a5a5a;
}
.main_bottom_flow a:hover {
	text-decoration: underline;
}
.main-mark {
	position: absolute;
	top: 130px;
	left: 504px;
}
.main-result {
	padding: 42px 0 0 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.main-result_dlpo_type001 {
	padding: 30px 0 0 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.main-result > dt {
	color: #2c9fc4;
	font-size: 12px;
	margin: 0 0 8px 0;
}
.main-result > dd {
	float: left;
	width: 100px;
	box-sizing: border-box;
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	background: #fff;
}
.main-result > dd:last-child {
	border-right: 1px solid #f0f0f0;
}
.main-result > dd > img {
	height: 38px;
}
.main-result_dlpo_type001 > dt {
	color: #8ca0af;
	font-size: 12px;
	margin: 0 0 8px 0;
}
.main-result_dlpo_type001 > dd {
	width: 100px;
	margin-right: -1px;
	float: left;
	border: 1px solid #f0f0f0;
	text-align: center;
	background: #fff;
}
.main-result_dlpo_type001 > dd:before,
.main-result_dlpo_type001 > dd:after {
	box-sizing: border-box;
}
.main-result_dlpo_type001 > dd > img {
	height: 38px;
}
.easysearch-inner {
	background: #DEE4E9;
	overflow: hidden;
	padding: 10px 38px 30px;
	/* margin: 0 0 25px 0; */
}
.easysearch-inner_dlpo_typ001 {
	background: #fffdeb;
	overflow: hidden;
	padding: 10px 38px 30px;
	margin: 0 0 25px 0;
}
.easysearch-inner_dlpo_typ002 {
	background: #fffdeb;
	overflow: hidden;
	padding: 10px 38px 30px;
	margin: 0 0 25px 0;
}
.easysearch-select {
	float: left;
	width: 340px;
	font-size: 14px;
}
.easysearch-btn {
	float: left;
	width: 240px;
	font-size: 14px;
}
.easysearch-no {
	font-size: 30px;
	padding: 0 5px 0 0;
	font-weight: bold;
}
.easysearch-selectarea,
.easysearch-selectjob {
	position: relative;
}
.easysearch-selectarea::before,
.easysearch-selectarea::after {
	position: absolute;
	top: 30px;
	right: 9px;
	width: 22px;
	height: 3px;
	background: #8ca0af;
	transform: rotate(45deg);
	content: "";
}
.easysearch-selectarea::after {
	transform: rotate(-45deg);
}
.easysearch-selectjob::before,
.easysearch-selectjob::after {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 20px;
	height: 3px;
	background: #8ca0af;
	content: "";
}
.easysearch-selectjob::after {
	top: 32px;
}
.easysearch-selectarea > a,
.easysearch-selectjob > a {
	position: relative;
	display: block;
	width: 300px;
	height: 60px;
	padding: 0 0 0 60px;
	background: #fff;
	border: 1px solid #8ca0af;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 18px;
	color: #8ca0af;
	text-decoration: none;
	line-height: 60px;
	font-weight: bold;
}
.svg_area::before {
	background-position: 0 -3.75em;
	top: 13px;
	left: 15px;
	font-size: 30px;
}
.svg_job::before {
	background-position: -1.25em -3.75em;
	top: 15px;
	left: 15px;
	font-size: 30px;
}
.easysearch-selectarea > a::after,
.easysearch-selectjob > a::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 58px;
	background: #8ca0af;
	content: "";
}
.easysearch-selectarea > a span::after,
.easysearch-selectjob > a span::after {
	position: absolute;
	top: 21px;
	right: 18px;
	z-index: 10;
	width: 8px;
	height: 8px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.jobfeature {
	margin-top: 40px;
}
.jobfeature-link {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
	text-align: center;
}
.jobfeature-link > li {
	width: 320px;
	background: #ffffff;
	border-radius: 6px;
	border: 1px solid #cecece;
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);
	box-sizing: border-box;
	font-size: 24px;
	letter-spacing: normal;
}
/* 特集が4つの場合 */
.jobfeature-link > li:first-child:nth-last-child(4), 
.jobfeature-link > li:first-child:nth-last-child(4) ~ li {
	width: 240px;
	font-size: 20px;
}
.jobfeature-link > li.senior .pc_none {
	display: none;
}
.jobfeature-link > li > a {
	display: block;
	position: relative;
	height: 68px;
	color: #5a5a5a;
	text-decoration: none;
	transition: all 0.2s linear;
}
.jobfeature-link > li > a:hover {
	opacity: 0.7;
}
.jobfeature-link > li > a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #8bcaec;
	border-right: 2px solid #8bcaec;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.jobfeature-link > li > a::before {
    top: 50%;
    left: 10px;
    margin: -0.5em 0 0 0;
	font-size: 34px;
}
.jobfeature-link > li > a span {
    position: absolute;
    top: 50%;
    left: 50%;
	width: 100%;
	padding: 0 0 0 16px;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 1.2;
}

.top_banner_pc {
	margin-top: 40px
}
.top_banner_pc img {
	width: 100%;
}

.svg_leaves::before {
    /* background-position: -3.75em -3.75em; */
    background-position: 0 -5em;
}
.svg_yen::before {
    background-position: -1.25em -5em;
}
.svg_new::before {
    background-position: -2.5em -5em;
}
.svg_flag::before {
    background-position: -3.75em -5em;
}

.about {
	border-top: 5px solid #8ca0af;
	padding: 25px 0 0 0;
}
.about-ttl {
	position: relative;
	margin: 0 0 5px 0;
	padding: 35px 0 0 0;
	color: #8ca0af;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.about-ttl.svg_willof::before {
	top: 0;
	left: 50%;
	margin: 0 0 0 -0.5em;
	font-size: 32px;
}
.about-ttltx {
	margin: 0 0 20px 0;
	font-size: 14px;
	text-align: center;
}
.about-link {
	overflow: hidden;
}
.about-link > li {
	position: relative;
	float: left;
	width: 320px;
	margin: 0 0 0 20px;
	padding: 0 0 105px 0;
}
.about-link > li:nth-child(1) {
	margin: 0;
	background: url(../img/saintabout_dc_gra1.png) no-repeat 52% bottom;
}
.about-link > li:nth-child(2) {
	background: url(../img/saintabout_dc_gra2.png) no-repeat 54% bottom;
}
.about-link > li:nth-child(3) {
	background: url(../img/saintabout_dc_gra3.png) no-repeat 52% bottom;
}
.about-link > li::after {
    position: absolute;
    left: 50%;
    top: 126px;
    width: 10px;
    height: 10px;
    margin: 0 0 0 -6px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform: rotate(45deg);
    content: "";
}
.about-link > li:nth-child(1)::after{
	border-color:#26a5cd;
}
.about-link > li:nth-child(2)::after{
	border-color:#38b1b2;
 }
.about-link > li:nth-child(3)::after {
	border-color:#69bae3;
 }
.about-link > li > a {
	display: block;
	position: relative;
	height: 158px;
	padding:  40px 0 0 0;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #cecece;
	box-sizing: border-box;
	box-shadow: 0 4px #cecece;
	color: #5a5a5a;
	font-size: 26px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}
.about-link > li > a::before {
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 0;
	height: 0;
	margin: 0 0 0 -14px;
	border-width: 14px 14px 0 14px;
	border-color: #cecece transparent transparent transparent;
	border-style: solid;
	content: "";
}
.about-link > li > a::after {
	position: absolute;
	bottom: -9px;
	left: 50%;
	width: 0;
	height: 0;
	margin: 0 0 0 -9px;
	border-width: 9px 9px 0 9px;

	border-color: #ffffff transparent transparent transparent;
	border-style: solid;
	content: "";
}
.about-link > li > a > span {
	display: block;
	position: absolute;
	left: 20px;
	top: 12px;
	font-size: 20px;
}
.about-link > li:nth-child(1) > a > span,
.about-link > li:nth-child(1) > a > strong {
	color: #26a5cd;
}
.about-link > li:nth-child(2) > a > span,
.about-link > li:nth-child(2) > a > strong {
	color: #38b1b2;
}
.about-link > li:nth-child(3) > a > span,
.about-link > li:nth-child(3) > a > strong {
	color: #6482c7;
}
.about-link > li > a > strong {
	font-size: 36px;
	display: block;
}
.aboutList {
	margin: 0 0 80px 0;
}
.aboutList-ttl {
	border-top: 1px solid #26a5cd;
	border-bottom: 1px solid #26a5cd;
	padding: 52px 0 45px 0;
}
.aboutList.is-no2 .aboutList-ttl {
	border-top: 1px solid #38b1b2;
	border-bottom: 1px solid #38b1b2;
}
.aboutList.is-no3 .aboutList-ttl {
	border-top: 1px solid #6482c7;
	border-bottom: 1px solid #6482c7;
}
.aboutList.is-no4 .aboutList-ttl {
	border-top: 1px solid #3d8acd;
	border-bottom: 1px solid #3d8acd;
}
.aboutList-ttl-num {
	display: table-cell;
	vertical-align: middle;
	font-size: 50px;
	padding: 0 40px 0 0;
	color: #26a5cd;
}
.aboutList.is-no2 .aboutList-ttl-num {
	color: #38b1b2;
}
.aboutList.is-no3 .aboutList-ttl-num {
	color: #6482c7;
}
.aboutList.is-no4 .aboutList-ttl-num {
	color: #3d8acd;
}
.aboutList-ttl-tl {
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
	line-height: 1.4;
}
.aboutList-ttl-tl > span {
	font-weight: bold;
	color: #26a5cd;
}
.aboutList.is-no2 .aboutList-ttl-tl > span {
	color: #38b1b2;
}
.aboutList.is-no3 .aboutList-ttl-tl > span {
	color: #6482c7;
}
.aboutList.is-no4 .aboutList-ttl-tl > span {
	color: #3d8acd;
}
.aboutList-point {
	position: relative;
	min-height: 430px;
	padding: 58px 0 0 20px;
	background: url(../img/saintabout_gra1.jpg) no-repeat 100% 0;
	box-sizing: border-box;
}
.aboutList-point::after {
	position: absolute;
	top: 216px;
	left: 90px;
	z-index: 10;
    width: 80px;
    height: 120px;
    background: url(../img/saintabout_dc_gra1_b.png) no-repeat;
    background-size: 80px 120px;
	content: "";
}
.aboutList.is-no2 .aboutList-point {
	background: url(../img/saintabout_gra1_no2.jpg) no-repeat 100% 0;
}
.aboutList.is-no3 .aboutList-point {
	background: url(../img/saintabout_gra1_no3.png) no-repeat 100% 0;
	min-height: 410px;
}
.aboutList.is-no4 .aboutList-point {
	background: url(../img/saintabout_gra1_no4.jpg) no-repeat 100% 0;
}
.aboutList.is-no2 .aboutList-point::after {
	background: url(../img/saintabout_dc_gra2_b.png) no-repeat;
}
.aboutList.is-no3 .aboutList-point::after {
	background: url(../img/saintabout_dc_gra3_b.png) no-repeat;
	top: 270px;
}
.aboutList.is-no4 .aboutList-point::after {
	background: url(../img/saintabout_dc_gra4_b.png) no-repeat;
	top: 265px;
}
.aboutList-pointin {
	position: relative;
	width: 450px;
}
.aboutList-pointin::before {
	position: absolute;
	top: -30px;
	left: 18px;
	z-index: 10;
	width: 101px;
	height: 40px;
	background: url(../img/ttl_tag.png) no-repeat 0 0;
	content: "";
}
.aboutList-pointin-txt {
	position: relative;
	z-index: 1;
	padding: 20px 0;
	background: #ffffff;
	border-radius: 16px;
	border: 2px dashed #cecece;
	font-size: 20px;
}
.aboutList-pointin-txt > p {
	padding: 5px 40px 0 40px;
}
.aboutList-pointin-txt:after {
	position: absolute;
	bottom: -13px;
	left: 144px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-bottom: 2px dashed #cecece;
	border-left: 2px dashed #cecece;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
.aboutList-pointin-txt > p > span {
	color: #26a5cd;
	font-weight: bold;
}
.aboutList.is-no2 .aboutList-pointin-txt > p > span {
	color: #38b1b2;
}
.aboutList.is-no3 .aboutList-pointin-txt > p > span {
	color: #6482c7;
}
.aboutList.is-no3 .aboutList-pointin-txt > p > span.super {
	vertical-align: super;
	font-size: 40%;
}
.aboutList.is-no4 .aboutList-pointin-txt > p > span {
	color: #3d8acd;
}
.aboutList.is-no4 .aboutList-pointin-txt > p > span.notice {
	display: block;
	padding: 10px 0;
	color: #5a5a5a;
	font-size: 10px;
	font-weight: normal;
}
.aboutList-pointin-txt > p > span.is-fts {
	display: block;
	padding: 20px 0 10px 0;
	color: #5a5a5a;
	font-size: 14px;
	font-weight: normal;
}
.aboutList-pointin-lnk {
	display: block;
}
.aboutList-pointin-lnk a span::after {
	font-size: 18px;
}
.aboutList-exp {
	padding: 0 20px;
	margin: 0 0 25px 0;
}
.aboutList-expin {
	border: 1px solid #e0ddc1;
	border-radius: 16px;
}
.aboutList-exptl {
	background: #fffef5;
	padding: 35px 40px 30px 40px;
	border-bottom: 1px solid #e0ddc1;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	position: relative;
}
.aboutList-exptl-tl {
	font-size: 30px;
	line-height: 1.4;
}
.aboutList-exptl-tl > span {
	color: #26a5cd;
	font-weight: bold;
	border-bottom: 3px solid #e4ff76;
	display: inline-block;
	margin: 3px 0 10px 0;
	font-size: 36px;
	line-height: 1;
}
.aboutList-exptl-icn {
	position: absolute;
	top: 100px;
	right: 50px;
	letter-spacing: -0.4em;
}
.aboutList-exptl-icn > li {
	display: inline-block;
	position: relative;
	width: 130px;
	margin: 0 10px;
	letter-spacing: normal;
}
.aboutList-exptl-icn > li::before {
    top: 0;
    left: 50%;
    margin: 0 0 0 -0.5em;
	font-size: 130px;
}
.svg_lecture01::before {
	background-position: -7.5em -3.75em;
}
.svg_lecture02::before {
	background-position: -8.75em -3.75em;
}
.svg_lecture03::before {
	background-position: -10em -3.75em;
}
.aboutList-exptl-icn > li > span {
	display: block;
	padding: 140px 0 0 0;
	text-align: center;
}
.aboutList-expcnt {
	min-height: 305px;
	padding: 30px 0 0 40px;
	background: url(../img/saintabout_gra2.png) no-repeat right bottom;
	box-sizing: border-box;
}
.aboutList-expcklist {
	width: 390px;
	margin: 0 0 20px 0;
}
.aboutList-expcklist > li {
	position: relative;
	padding: 10px 0 10px 30px;
	border-bottom: 1px dotted #26a5cd;
	color: #26a5cd;
	font-size: 18px;
}
.svg_check_bl::before {
	top: 50%;
	left: 0;
	width: 1em;
	height: 1em;
	margin: -0.5em 0 0 0;
	background-position: -2.5em -3.75em;
	font-size: 20px;
}
.aboutList-expcktxt {
	font-size: 14px;
}
.aboutList-voice {
	padding: 0 0 0 20px;
}
.aboutList-voicein {
	background: #fffef5;
	border-radius: 16px;
	padding: 20px;
	overflow: hidden;
}
.aboutList-voice-gra {
	font-size: 12px;
	text-align: center;
	width: 140px;
	float: left;
}
.aboutList-voice-gra img {
	width: 100px;
	margin: 0 auto;
}
.aboutList-voice-gra p {
	padding: 14px 0 0 0;
}
.aboutList-voice-cont {
	float: right;
	position: relative;
	width: 780px;
	padding: 20px 50px 20px 40px;
	background: #ffffff;
	border: 1px dashed #cecece;
	box-sizing: border-box;
	font-size: 20px;
}
.aboutList-voice-cont::after {
	position: absolute;
	top: 40px;
	left: -12px;
	width: 20px;
	height: 20px;
	background: #ffffff;
	border-top: 1px dashed #b8b8b8;
	border-left: 1px dashed #b8b8b8;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
.aboutList-voice-cont span {
	font-size: 24px;
	color: #26a5cd;
	font-weight:bold;
}
.aboutList-voiceres {
	background: url(../img/bg_arrow.png) no-repeat 50% 30px,
				url(../img/saintabout_gra3.jpg) no-repeat left bottom;
	padding: 130px 0 0 0;
}
.aboutList-voicerestl {
	font-size: 30px;
	text-align: center;
}
.aboutList-voicerestl span {
	color: #26a5cd;
	border-bottom: 3px solid #e4ff76;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 10px 0;
	font-size: 36px;
	line-height: 1;
}
.aboutList-voicegrf {
	background: url(../img/saintabout_voice_gra.png) no-repeat 50% 30px;
	padding: 30px 0 0 0;
	min-height: 400px;
	position: relative;
}
.aboutList-voicegrf::before {
	position: absolute;
	top: 41px;
	right: 665px;
	font-size: 18px;
	content: "半年以内に退職";
}
.aboutList-voicegrf::after {
	position: absolute;
	top: 55px;
	right: 545px;
	width: 108px;
	height: 1px;
	border-top: 1px dashed #333;
	content: "";
}
.aboutList-voicegrf-at {
	position: absolute;
	left: 130px;
	bottom: 30px;
	font-size: 10px;
}
.aboutList-voicegrf-tl {
	position: absolute;
	top: 150px;
	left: 130px;
	padding: 0 95px 0 0;
	font-size: 28px;
	line-height: 1.2;
}
.aboutList-voicegrf-tl::after {
	position: absolute;

	top: 52px;
	right: 0;
	width: 85px;
	height: 1px;
	border-top: 1px dashed #333;
	content: "";
}
.aboutList-voicegrf-tl > span {
	font-size: 32px;
	color: #88ced8;
	font-weight: bold;
}
.aboutList-voicegrf-data {
	position: absolute;
	left: 430px;
	top: 200px;
	font-size: 30px;
	color: #fff;
}
.aboutList-voicegrf-data span {
	font-size: 50px;
	font-weight: bold;
}
.aboutList-auth {
	padding: 0 20px;
	margin: 0 0 25px 0;
}
.aboutList-authtl {
	position: relative;
	padding: 35px 0 30px;
	background: #fffef5;
	border: 1px solid #e0ddc1;
	border-radius: 16px;
	text-align: center;
}
.aboutList-authtl-tl {
	font-size: 30px;
	line-height: 1.4;
}
.aboutList-authtl-tl > span {
	color: #38b1b2;
	font-weight: bold;
	border-bottom: 3px solid #e4ff76;
	display: inline-block;
	margin: 3px 0 10px 0;
	font-size: 36px;
	line-height: 1;
}
.aboutList-authcont {
	position: relative;
}
.aboutList-authmark {
	position: absolute;
	top: -50px;
	left: 20px;
}
.aboutList-authtxt {
	text-align: center;
	padding: 30px 0 50px 0;
	font-size: 20px;
}
.aboutList-authtxt > span {
	color: #38b1b2;
	font-weight: bold;
	font-size: 24px;
}
.aboutList-authgra {
	text-align: center;
	border-bottom: 1px solid #e0ddc1;
	padding: 0 0 50px 0;
}
.aboutList-authgra img {
	width: 172px;
}
.aboutList-authbtxt {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-bottom:1px solid #e0ddc1;
	line-height: 1.4;
	padding: 50px 0 40px 0;
	background: url(../img/gra_peple1.png) no-repeat 145px bottom,
				url(../img/gra_peple2.png) no-repeat 685px bottom;
}
.aboutList-authbtxt > span {
	color: #38b1b2;
}
.aboutList-authbtxt .aboutList-note {
	color: #bbbbbb;
}
.aboutList-qa {
	padding: 0 20px;
}
.aboutList-qainner {
	padding: 14px 0;
	margin: 30px 0 0 0;
	border: 1px dashed #cecece;
	border-radius: 10px;
}
.aboutList-qainner-in {
	padding: 0 20px;
}
.aboutList-qainner-in > li {
	position: relative;
	padding: 4px 0 2px 40px;
	font-size: 18px;
}
.aboutList-welfare {
	padding: 0 20px;
}
.aboutList-welfaretl {
	padding: 20px 0;
	color: #3d8acd;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.aboutList-welfareltpt {
	letter-spacing: -0.4em;
}
.aboutList-welfarelt {
	display: inline-block;
	width: 460px;
	border: 1px solid #ede6db;
	padding: 24px 30px 50px;
	box-sizing: border-box;
	border-radius: 18px;
	background: #fffbf5;
	text-align: center;
	letter-spacing: normal;
}
.aboutList-welfarelt:last-child {
	margin: 0 0 0 40px;
	background: #f8fdfe;
	border: 1px solid #dee6ef;
}
.aboutList-welfarelt dt {
	font-family: 'Yellowtail', cursive;
	color: #ef9d86;
	font-size: 20px;
}
.aboutList-welfarelt:last-child dt {
	color: #67ccc6;
}
.aboutList-welfarelt-ttl {
	padding: 15px 0 40px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
.aboutList-welfarelt-img {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.aboutList-welfarelt-img > li img {
	width: 120px;
}
.aboutList-welfarelt-lnk {
	font-weight: bold;
}

/*リセットボタン*/
.resetSearchItembtn {
    position: absolute;
    top: 30px;
    right: 80px;
    width:200px;
    text-align: center;
    line-height: 1;
}
.resetSearchItembtn a {
    display: block;
	border-color: #cecece;
	border-style: solid;
	border-width: 1px 1px 1px 2px;
    border-radius: 2px;
    background: linear-gradient(#ffffff 0%,#f1f1f1 100%);
    padding: 10px 0;
    transition: 0.2s linear;
    color: #61829C;
    font-size: 14px;
    text-decoration: none;
}
.resetSearchItembtn a:hover {
    opacity: 0.7;
}
.jobentry-ttl_add_dlpo_typ002  {
	font-size: 12px;
	text-align: center;
	margin: 0 0 7px 0;
	display: none;
}
.emb_pc_img {
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	left: 52%;
	background: url(../img/emblem.svg) no-repeat;
	background-size: contain;
}
.emb_img {
    display: none;
}

/* foottext */
.foottext {
	border-top: 1px solid #88ced8;
	padding: 40px 0 80px 0;
}
.foottextIn {

	margin: 0 0 15px 0;
}
.foottextIn:last-child {
	margin: 0;
}
.foottextIn-ttl {
	position: relative;
	margin: 0 0 7px 0;
	padding: 0 0 0 25px;
	font-size: 16px;
	font-weight: bold;
}
.foottextIn-ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 0;
    background: #8bcaec;
    border-radius: 50%;
    content: "";
}
.foottextIn-ttl::after {
    position: absolute;
	top: 50%;
	left: 4px;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 0;
	background: #fff;
	border-radius: 50%;
	content: "";
}
.foottextIn-txt {
	margin: 0 0 7px 0;
	font-size: 14px;
}
.foottextIn-subtxt {
	margin: 7px 0 0 0;
}
.foottextIn-txtbox {
	font-size: 14px;
}
.foottextIn-txtbox > dt {
	font-weight: bold;
}
.foottextIn-txtbox > dd {
	margin: 0 0 10px 0;
}
.foottextIn-txtbox > dd:last-child {
	margin: 0;
}
.foottextIn-link > li {
	position: relative;
	margin: 0 0 6px 0;
	padding: 0 0 0 16px;
}
.foottextIn-link > li:last-child {
	margin: 0;
}
.foottextIn-link > li::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 1px solid #8bcaec;
	border-right: 1px solid #8bcaec;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
/* ウィルオブとは */
.foottextIn-table {
	width: 100%;
	font-size: 12px;
	margin: 20px 0;
	border-top: 1px solid #DEE4E9;
}
.foottextIn-table tbody th {
	width: 30%;
	padding: 6px 10px;
	border-right: 1px solid #DEE4E9;
	border-bottom: 1px solid #DEE4E9;
}
.foottextIn-table tbody td {
	padding: 6px 10px;
	border-bottom: 1px solid #DEE4E9;
}
.foottextIn-table thead th {
	max-width: 300px;
	padding: 6px 10px;
	border-bottom: 1px solid #DEE4E9;
	border-right: 1px solid #DEE4E9;
	background-color: #F3F5F7;
}
.foottextIn-table thead td {
	padding: 6px 10px;
	border-bottom: 1px solid #DEE4E9;
	background-color: #F3F5F7;
}

/* recommend */
.recommend_wrap {
	margin: 40px 0 80px 0;
	/* padding: 0 20px; */
}
.dv_recommend {
	margin: 0;
}

/* topAnker */
.topAnker {
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
}

.topAnkerList {
	overflow: hidden;
	margin: 30px 0 0 0;
}

.topAnkerList > li {
	display: inline-block;
}

.topAnkerList > li > a {
   /*
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	*/
	margin: 0 20px 15px 0;
	display: inline-block;
	font-size: 16px;
	/*
	border: 1px solid #cecece;
	border-radius: 20px;
	*/
	text-decoration: underline;
}

.topAnkerList > li > a:hover {
    opacity: 0.7;
	text-decoration: none;
}



/* popular_list */
.title-search.popular {
	display: none;
}

.top_direct_wrapp {
    display: -webkit-flex;
    display: flex;
    margin: 40px 0 0 0;
}
.popular_list {
	width: 630px;
	margin-right: 30px;
}
.popular_list {
	width: 630px;
	margin-right: 30px;
	position: relative;
}
.vp-slide-inner ul li {
	padding: 8px;
	border-bottom: 1px solid #DEE4E9;
}
.vp-slide-inner ul li:last-child {
	border-bottom: none;
}
.popular_list ul li a {
	z-index: 0;
	text-decoration: none;
    display: -webkit-flex;
    display: flex;
}
.popular_list ul li a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.popular_list ul li a span:hover {
	opacity: 0.7;
}
.popular_list ul li a::before {
	display: block:;
	width: 8px;
	height: 8px;
	margin: 6px 12px 0 0;
	content: "";
	border-top: 2px solid #8bcaec;
	border-right: 2px solid #8bcaec;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popular_list ul li a::after {
	/*display: inline-block;*/
	display: none;
	margin-left: auto;
	padding: 2px 6px;
	content: "詳細を見る";
	border-radius: 4px;
	box-shadow: 0 2px #309ad8;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #42aae6;
}

/* directarea PC */
.right_list {
	width: 300px;
	webkit-flex: 1;
	flex: 1;
	display: block;
}
.right_list .popular_list {
	width:auto!important;
	margin: 0 0 12px 0;
	font-weight: bold;
}
.right_list .popular_list ul li:hover {	
	opacity: 0.7;
}
span.icon_new {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 12px;
	color: #fff;
	font-size: 14px;
	border-radius: 50px;
	background-color: #db6782;
}
span.icon_new:hover {
	opacity: 1;
}
ul.popular_area {
	margin: 8px 0 20px 0;
	font-size: 0;
}
ul.popular_area li {
    display: inline-block;
    font-size: 16px;
    line-height: 1.8em;
    margin: 0 10px 0 0;
}
ul.popular_area li[class$="title"] {
    display: none;
}
ul.popular_area li:last-child:after {
    content: "";
}
ul.popular_area li a:hover {
    opacity: 0.7;
}
ul.popular_keyword {
	margin-top: 10px;
}
ul.popular_keyword li {
	width: 100%;
	line-height: 1.8em;
}
ul.popular_keyword li a {
	text-align: center;
}
ul.popular_keyword li a::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 6px 12px 0 0;
	content: "";
	border-top: 2px solid #8bcaec;
	border-right: 2px solid #8bcaec;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
ul.popular_keyword li a:hover,
ul.popular_keyword li a:active {
    opacity: 0.7;
}
.popular_keyword_wrapp {
	margin-top: 40px;
}
.popular_keyword_wrapp ul {
	padding: 0 5%;
}
.popular_keyword_wrapp ul.popular_keyword {
	padding: 0 5%;
}
.popular_keyword_wrapp ul.popular_keyword li a {
	font-size: 14px;
	padding: 0 15px;
}

/* modal */
#lean_overlay {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;

}
.modal {
	display: none;
	width: 85%;
	max-width: 500px;
	top: 50%!important;
	transform: translateY(-50%);
    border-radius: 6px;
	background: #FFF;
}
.modal_inner {
	padding: 20px;
    position: relative;
    text-align: left;
}
.cancel {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10;
    cursor: pointer;
    background-color: rgba(0,0,0,0.8);
}
.cancel::before,
.cancel::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: 4%;
    margin: -2% 0 0 -20%;
    background-color: #fff;
}
.cancel::before {
    transform: rotate(-45deg);
}
.cancel::after {
    transform: rotate(45deg);
}

.popup_back {	
    text-align: center;
    font-weight: bold;
    background: transparent url(/works/img/popup_back_spring.jpg) no-repeat center center;
    background-size: contain;
}
.sub_catch {
    font-size: 14px;
    padding-top: 10px;
    text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.main_catch {
    font-size: 20px;
    padding: 10px 0 20px 0;
    color: #eb7cac;
    text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}

/* 最近見た求人 */
a.top_history_list {
	font-size: 14px;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	text-decoration: none;
}
a.top_history_list::after {
	display: inline-block;
	left: 34px;
	width: 6px;
	height: 6px;
	margin-left: 5px;
	border-top: 2px solid #8ca0af;
	border-right: 2px solid #8ca0af;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
a.top_history_list:hover {
	opacity: 0.7;
}
.top_history_wrapp {
	margin: 0;
}
.top_history_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
a.top_history_item {
	width: 209px;
	height: 173px;
	display: block;
	position: relative;
	margin: 0 25px 0 0;
	padding: 10px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #DEE4E9;
	line-height: 1.5;
	text-align: justify;
	text-decoration: none;
	vertical-align: top;
}
a.top_history_item:nth-child(4n) {
	margin: 0 0 25px 0;
}
.top_history_item::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	border-top: 2px solid #8ca0af;
	content: "";
}
.top_history_item_title {
	padding-bottom: 5px;
	font-size: 14px;
	text-decoration: underline;
}
.top_history_item > dl {
	color: #666666;
	font-size: 0;
}
.top_history_item > dl dt,
.top_history_item > dl dd {
	display: inline-block;
	overflow: hidden;
	font-size: 12px;
}
.top_history_item > dl dd {
	width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.top_history_item > dl dt::after {
	content:"："
}
.top_history_item_salary {
	margin-top: 5px;
	padding-left: 1.8em;
    color: #db6782;
    font-size: 16px;
	position: relative;
}
.top_history_item_salary::after {
    position: absolute;
	top: 0;
	left: 0;
    width: 1em;
    height: 1em;
    background: url(../img/icon_sprite.svg) no-repeat;
	background-size: 1475% 1475%;
    vertical-align: middle;
	background-position: -7.5em -6.25em;
	font-size: 24px;
    content: "";
}
.top_history_item_button {
	display: block;
	margin: 10px 0 0 0;
	padding: 5px;
	border-radius: 4px;
	background: #8bcaec;
	box-shadow: 0 2px rgba(0,0,0,0.1);
	color: #fff;
	font-size: 14px;
	text-align: center;
}
/* 大手・人気企業 */
.top_logo_wrapp ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top_logo_wrapp ul li {
	width: 229px;
	display: block;
	position: relative;
	margin: 0 25px 25px 0;
	border: 1px solid #DEE4E9;
}
.top_logo_wrapp ul li a {
	padding: 20px 0;
	display: block;
	color: #5a5a5a;
	text-decoration: none;
}
.top_logo_wrapp ul li img {
	max-width: 100%;
	max-height: 130px;
	margin: 0 auto;
	display: block;
}
.top_logo_wrapp ul li span {
	display: block;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
}
.top_logo_wrapp ul li:nth-child(4n) {
	margin: 0 0 25px 0;
}
/* お知らせ */
.info_text_pc {
	padding: 10px;
	margin: 0 0 20px 0;
	border: solid 1px #88ced8;
}
.info_text_sp { display: none; }

@media (min-width: 768px) {
	.top.title-search {
		position: relative;
		margin: 0 0 20px 0;
		padding: 0;
		background: none;
		color: #8BCAEC;
		font-size: 24px;
		font-weight: bold;
	}
	.top.title-search .title-ttl {
		padding: 0;
	}
	.top_direct_wrapp .top.title-search {
		margin: 0 0 10px 0;
	}
}
@media(max-width: 768px){
	.emb_pc_img{
		display: none;
	}
}
@media (max-width: 767px) {
	/* top */
	.jobfeature-link > li.senior .pc_none {
		display: inline;
	}
	.main {
		background: #fafafa url(../img/sp_top_main_bg.jpg) no-repeat right 0;
		background-size: auto 190px;
		height: 163px;
		padding: 0;
		position: relative;
		margin: 0;
	}
	.main_dlpo_typ001 {
		background: #fafafa url(../img/sp_top_main_bg.jpg) no-repeat right 0;
		background-size: auto 190px;
		height: 180px;
		padding: 0;
		position: relative;
		margin: 0;
	}

	.main_dlpo_typ002 {
		background: #fafafa url(../img/sp_top_main_bg.jpg) no-repeat right 0;
		background-size: auto 190px;
		height: 180px;
		padding: 0;
		position: relative;
		margin: 0;
	}

	.main-ttl {
		width: 50%;
		max-width: 200px;
		padding: 0;
		position: absolute;
		top: 25px;
		left: 20px;
	}
	.main-mark {
		top: 120px;
		left: 15px;
	}
	.main-mark > img {
		width: 90px;
	}
	.main-resultiin {
		padding: 114px 0 0 0;
		overflow: hidden;
	}
	.main-resultiin_dlpo_typ001 {
		padding: 130px 0 0 0;
		overflow: hidden;
	}
	.main-resultiin_dlpo_typ002 {
		padding: 130px 0 0 0;
		overflow: hidden;
	}
	.main-result {
		height: 50px;
		background: #fff;
		padding: 3px 15% 0 5%;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		letter-spacing: -.4em;
	}
	.main-result_dlpo_type001 {
		height: 50px;
		background: #fff;
		padding: 3px 15% 0 5%;
		text-align: right;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		letter-spacing: -.4em;
	}
	.main_result_bg {
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.main-result > dt {
		font-size: 12px;
		margin-bottom: 3px;
		padding: 0;
		text-align: left;
		letter-spacing: normal;
	}
	.main-result > dd {
		width: 20%;
		border: 0;
		letter-spacing: normal;
	}
	.main-result > dd:last-child {
		border-right: none;
	}
	.main-result > dd > img {
		height: 19px;
	}

	.main-result_dlpo_type001 > dt {
		font-size: 12px;
		margin-bottom: 3px;
		padding: 0;
		letter-spacing: normal;
		text-align: left;
	}
	.main-result_dlpo_type001 > dd {
		width: 20%;
		border: 0;
		letter-spacing: normal;
	}
	.main-result_dlpo_type001 > dd:last-child {
		border-right: none;
	}
	.main-result_dlpo_type001 > dd > img {
		height: 19px;
	}

	.easysearch-inner {
		padding: 15px 5% 18px 5%;
		margin: 0;
	}
	.easysearch-inner_dlpo_typ001  {
		padding: 13px 5% 7px 5%;
		margin: 0;
		background: #FFF;
	}
	.easysearch-inner_dlpo_typ002 {
		padding: 13px 5% 7px 5%;
		margin: 0;
		background: #fffdeb;
	}
	.easysearch-btn {
		width: 100%;
	}
	.easysearch_noafter {
	}
	.easysearch {
		position: relative;
	}
	.jobfeature {
		margin: 0;
		padding: 0 5% 9px 5%;
		background-color: #dee5e9;
	}
	.jobfeature_dlpo_typ001 {
		padding: 0 5%;
		background-color: #fff;
	}
	.jobfeature_dlpo_typ002 {
		padding: 0 5%;
		background-color: #fffdeb;
	}
	.jobfeature-link {
		padding: 0;
		margin: 0;
		flex-wrap: wrap;
	}
	.jobfeature-link > li {
		width: 32%;
		font-size: 12px;
		box-shadow: 0 2px rgba(0,0,0,0.1);
		margin-bottom: 8px;
	}
	/* 特集が4つの場合 */
	.jobfeature-link > li:first-child:nth-last-child(4), 
	.jobfeature-link > li:first-child:nth-last-child(4) ~ li {
		width: 49%;
		font-size: 14px;
	}
	.jobfeature-link > li.senior {
		letter-spacing: -0.08em;
	}
	.aboutList-exptl-icn > li::before {
		font-size: 80px;
	}
	.jobfeature-link > li > a {
		height: 30px;
		padding: 5px 0;
	}
	.jobfeature-link > li > a::before {
		left: 5px;
		font-size: 20px;
	}
	.jobfeature-link > li > a::after {
		content: none;
	}
	.jobfeature_start {
		padding: 15px 0;
		font-size: 16px;
		font-weight: bold;
	}
	span.icon_new {
		margin: 0 10px 0 0;
	}
	/*.jobfeature-link > li:last-child > a {
		letter-spacing: -0.1em;
	}*/
	.top_banner_sp {
		margin: 20px 0 10px 0;
	}
	.top_banner_sp img {
		width:100%
	}
	.jobentry {
		padding: 10px 5% 0 5%;
	}
	.jobentry_dlpo_typ001 {
		padding: 10px 5% 0 5%;
		background: #fffdeb;
	}
	.jobentry_dlpo_typ002 {
		padding: 10px 5% 0 5%;
		background: #fffdeb;
	}
	.jobentry-ttl {
		font-size: 14px;
		background: #8bcaec;
		margin: 0 0 11px 0;
		color: #FFF;
		width: 200px;
		position: relative;
		text-align: center;
		line-height: 21px;
		border-radius: 3px;
	}
	.jobentry-ttl::after{
		position: absolute;
		bottom: -7px;
		left: 50%;
		border-top: solid 10px #7fbee2;
		border-right: solid 7px transparent;
		content: "";
	}
	.jobentry-ttl_add_dlpo_typ002  {
		font-size: 12px;
		text-align: center;
		margin: 0 0 7px 0;
		display: block;
	}

	.jobentry-ttl_dlpo_typ001 {
		font-size: 20px;
		text-align: center;
		margin: 0 0 7px 0;
	}
	.jobentry-ttl_dlpo_typ002 {
		font-size: 16px;
		text-align: center;
		margin: 0 0 7px 0;
	}
	.jobentry-link {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.jobentry-link-bg {
		background: url(../img/gra_man3.png) no-repeat 0 100%;
		background-size: 25px auto;
		line-height: 42px;
		display: inline-block;
		margin: 10px 0 0 -25px;
	}
	.jobentry-link a {
		position: relative;
		padding: 0 0 0 50px;
	}
	.jobentry-link a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 34px;
		width: 6px;
		height: 6px;
		margin: auto;
		border-top: 2px solid #db6782;
		border-right: 2px solid #db6782;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
	.about {
		position: relative;
		padding: 15px 0 0 0;
		margin: 0 0 80px 0;
	}
	.about-ttl {
		padding: 35px 0 10px 0;
		font-size: 20px;
	}
	.about-link > li {
		width: 32%;
		margin: 0 0 0 2%;
		padding: 0 0 55px 0;
	}
	.about-link {
		margin: 0 5%;
	}
	.about-link > li > a {
		height: 80px;
		font-size: 12px;
		padding: 25px 0 0 0;
		box-shadow: 0 2px #cecece;
		line-height: 1.4;
	}
	.about-link > li > a > span {
		font-size: 10px;
		top: 8px;
		left: 7px;
	}
	.about-link > li > a > strong {
		font-size: 14px;
	}
	.about-link > li:nth-child(1),
	.about-link > li:nth-child(2),
	.about-link > li:nth-child(3) {
		background: none;
	}
	.about-link > li::after {
		top: 62px;
		width: 6px;
		height: 6px;
		margin: 0 0 0 -3px;
		border-width: 0 1px 1px 0;
	}
	.aboutList-ttl {
		padding: 0 40px 35px 40px;
		border-top: 1px solid #aad5e7;
		border-bottom: 1px solid #aad5e7;

	}
	.aboutList.is-no2 .aboutList-ttl {
		border-top: 1px solid #bde7e8;
		border-bottom: 1px solid #bde7e8;
	}
	.aboutList.is-no3 .aboutList-ttl {
		border-top: 1px solid #c4d0e8;
		border-bottom: 1px solid #c4d0e8;
	}
	.aboutList.is-no4 {
		margin: 0;
	}
	.aboutList.is-no4 .aboutList-ttl {
		border-top: 1px solid #9ec6e8;
		border-bottom: 1px solid #9ec6e8;
	}
	.aboutList-ttl-num {
		display: block;
		padding: 0;
		margin: -40px 0 0 -20px;
	}
	.aboutList.is-no2 .aboutList-ttl-num {
		color: #38b1b2;
	}
	.aboutList-ttl-tl {
		font-size: 23px;
		display: block;
		text-align: left;
	}
	.aboutList-ttl-tl.is-txtcenter {
		text-align: center;
	}
	.aboutList-point {
		background: url(../img/saintabout_gra1_sp.jpg) no-repeat 50% 0;
		background-size: 345px auto;
		padding: 0;
		min-height: auto;
	}
	.aboutList-point::after {
		position: absolute;
		top: auto;
		left: 40px;
		bottom: -6px;
		z-index: 10;
		width: 40px;
		height: 60px;
		background: url(../img/saintabout_dc_gra1_b.png) no-repeat;
		background-size: 40px 60px;
		content: "";
	}
	.aboutList.is-no2 .aboutList-point::after,
	.aboutList.is-no3 .aboutList-point::after,
	.aboutList.is-no4 .aboutList-point::after {
		top: auto;
		background-size: 40px 60px;
	}
	.aboutList-pointin {
		width: auto;
		margin: 0 5% 15px 5%;
		padding: 150px 0 30px 0;
		background: none;
	}
	.aboutList-pointin::before {
		content: none;
	}
	.aboutList-pointin-txt {
		width: auto;
		margin: 0 auto;
		padding: 15px 0 30px 0;
		background: none;
		background-color: #ffffff;
		border: 1px dashed #b8b8b8;
		font-size: 14px;
	}
	.aboutList-pointin-txt.is-margin {
		margin: 90px auto 0;
	}
	.aboutList-pointin-txt::after {
		content: none;
	}
	.aboutList-pointin-txt > p {
		padding: 5px 18px 0 18px;
		background: none;
		background-color: #ffffff;
	}
	.aboutList.is-no3 .aboutList-point {
		background: url(../img/saintabout_gra1_no3_sp.png) no-repeat 50% 0;
		background-size: 375px auto;
		min-height: 282px;
	}
	.aboutList-pointin-lnk a span::after {
		font-size: 14px;
	}

	.aboutList-exp {
		padding: 0 5%;
	}
	.aboutList-exptl {
		padding: 25px 0 30px 0;
	}
	.aboutList-exptl-tl {
		font-size: 20px;
		text-align: center;
	}
	.aboutList-exptl-tl > span {
		font-size: 20px;
	}
	.aboutList-exptl-icn {
		top: 96px;
		right: auto;
		width: 100%;
		text-align: center;
	}
	.aboutList-exptl-icn > li {
		width: 90px;
		margin: 0;
	}
	.aboutList-exptl-icn > li > span {
		padding: 90px 0 0 0;
	}
	.aboutList-expcnt {
		padding: 100px 0 180px 0;
		background: url(../img/saintabout_gra2_sp.png) no-repeat center bottom;
		background-size: 285px auto;
	}
	.aboutList-expcktxt {
		font-size: 12px;
		text-align: center;
	}
	.aboutList-expcklist {
		width: auto;
		padding: 0 20px;
		margin: 25px 0 15px 0;
	}
	.aboutList-expcklist > li {
		padding: 10px 0 10px 30px;
		font-size: 15px;
	}
	.aboutList-voice {
		padding: 0 5%;
	}
	.aboutList-voice-gra {
		position: absolute;
		width: auto;
		bottom: 15px;
		left: 0;
		right: 0;
	}
	.aboutList-voice-gra > img {
		width: 60px;
		margin: 0 auto;
	}
	.aboutList-voice-cont {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		font-size: 13px;
		padding: 10px;
		background: none;
		background-color: #ffffff;
		border: 1px dashed #cecece;
		float: none;
	}
	.aboutList-voice-cont::after {
		top: initial;
		right: initial;
		bottom: -8px;
		left: 50%;
		width: 12px;
		height: 12px;
		margin: 0 0 0 -7px;
		border-top: 1px dashed #b8b8b8;
		border-left: 1px dashed #b8b8b8;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.aboutList-voice-cont > span {
		display: block;
		font-size: 16px;
		text-align: center;
		margin: 0 0 10px 0;
	}
	.aboutList-voicein {
		position: relative;
		padding: 20px 20px 125px 20px;
	}
	.aboutList-voiceres {
		background: url(../img/bg_arrow.png) no-repeat 50% 20px,
					url(../img/saintabout_gra3_sp.jpg) no-repeat 50% bottom;
		background-size: 129px auto, 335px auto;
		padding: 65px 0 100px 0;
	}
	.aboutList-voicerestl {
		font-size: 14px;
	}
	.aboutList-voicerestl > span {
		font-size: 20px;
		margin: 3px 0;
	}
	.aboutList-voicerestl > span.is-fontsize {
		color: #5a5a5a;
		border: 0;
		font-weight: normal;
	}
	.aboutList-voicegrf {
		background-size: 140px;
		min-height: 200px;
		width: 140px;
		margin: 0 auto;
	}
	.aboutList-voicegrf-tl {
		font-size: 14px;
		padding: 0;
		left: 150px;
		top: 75px;
		position: relative;
		display: inline-block;
	}
	.aboutList-voicegrf::before {
		top: 40px;
		right: auto;
		left: -70px;
		font-size: 10px;
	}
	.aboutList-voicegrf::after {
		top: 47px;
		right: auto;
		left: 7px;
		width: 40px;
	}
	.aboutList-voicegrf-tl:after {
		top: 23px;
		right: 90px;
		width: 25px;
	}
	.aboutList-voicegrf-tl > span {
		font-size: 20px;
	}
	.aboutList-voicegrf-data {
		top: 110px;
		left: 40px;
		font-size: 15px;
	}
	.aboutList-voicegrf-data span {
		font-size: 25px;
	}
	.aboutList-voicegrf-at {
		left: -65px;
		bottom: -120px;
		width: 280px;
		margin: 0 auto;
		font-size: 7px;
	}
	.aboutList.is-no2 .aboutList-point {
		background: url(../img/saintabout_gra1_no2_sp.jpg) no-repeat 50% 0;
		background-size: 345px auto;
	}
	.aboutList.is-no2 .aboutList-pointin {
		background: none;
	}
	.aboutList-auth {
		margin: 0 0 40px;
	}
	.aboutList-authtl {
		padding: 20px 40px;
	}
	.aboutList-authtl-tl {
		font-size: 20px;
	}
	.aboutList-authtl-tl > span {
		font-size: 20px;
		display: inline;
	}
	.aboutList-authbt {
		margin: 15px auto 0 auto;
		position: relative;
		width: 200px;
	}
	.aboutList-authmark {
		top: 0;
		left: 0;
	}
	.aboutList-authtxt {
		font-size: 14px;
		text-align: left;
		padding: 25px 30px;
	}
	.aboutList-authtxt span {
		font-size: 16px;
	}
	.aboutList-authbtxt {
		padding: 5px 0 80px 0;
		background: url(../img/gra_peple1_sp.png) no-repeat 20px bottom;
		background-size: 114px auto;
		border-bottom: none;
		font-size: 15px;
		text-align: left;
	}
	.aboutList-pointin-txt > p > span.is-fts {
		font-size: 12px;
	}
	.aboutList-pointin-txt > p > span.is-pd {
		padding: 10px 0;
	}
	.aboutList-authgra {
		padding: 0 0 40px;
	}
	.aboutList-authgra > img {
		width: 101px;
	}
	.aboutList-qainner {
		border: 1px dashed #cecece;
		margin: 10px 0 0;
	}
	.aboutList-qainner-in {
		padding: 0 10px;
	}
	.aboutList-qainner-in > li {
		padding: 4px 15px 2px 35px;
		font-size: 12px;
	}
	.aboutList-qainner-in > li.svg_question::before {
		font-size: 22px;
	}
	.aboutList-qainner-in > li.searchqa-answer {
		background: none;
	}
	.aboutList.is-no4 .aboutList-point {
		background: url(../img/saintabout_gra1_no4_sp.jpg) no-repeat 50% 0;
		background-size: 345px auto;
	}
	.aboutList.is-no4 .aboutList-pointin {
		background: none;
	}
	.aboutList-welfaretl {
		padding: 0 0 20px 0;
	}
	.aboutList-welfaretl,
	.aboutList-welfarelt dt {
		font-size: 16px;
		font-weight: normal;
	}
	.aboutList-welfarelt-ttl {
		font-size: 18px;
		padding: 10px 0 20px;
	}
	.aboutList-welfarelt {
		width: 100%;
		padding: 16px 16px 24px;
		margin: 0 0 15px 0;
	}
	.aboutList-welfarelt:last-child,
	.aboutList-welfarelt-img {
		margin: 0;
	}
	.aboutList-welfare {
		margin: 0 0 25px;
	}

	.aboutList-welfarelt-img > li > img {
		width: 90px;
	}
	.js-accordion .searchqa-answer {
		display: none;
	}
	/* foottext */
	.foottext {
		margin: 0;
		padding: 20px 5%;
		border-bottom: 0;
	}
	.foottextIn {
		margin: 0 0 10px 0;
	}
	.foottextIn:last-child {
		margin: 0;
	}
	.foottextIn-ttl {
		margin: 0 0 5px;
		font-size: 14px;
		padding: 0 0 0 20px;
	}
	.foottextIn-ttl::before {
		width: 14px;
		height: 14px;
		margin: -7px 0 0;
	}
	.foottextIn-ttl::after {
		left: 3px;
		width: 8px;
		height: 8px;
		margin: -4px 0 0;
	}
	.foottextIn-txt {
		margin: 0 0 5px;
		font-size: 12px;
	}
	.foottextIn-subtxt {
		margin: 5px 0 0;
	}
	.foottextIn-txtbox {
		font-size: 12px;
	}
	.foottextIn-txtbox > dt {
		margin: 0 0 3px 0;
	}
	.foottextIn-txtbox > dd {
		margin: 0 0 6px 0;
	}
	.foottextIn-txtbox > dd:last-child {
		margin: 0;
	}
	.foottextIn-link > li {
		margin: 0 0 4px;
		padding: 0 0 0 10px;
	}
	.foottextIn-link > li:last-child {
		margin: 0;
	}
	.foottextIn-link > li::before {
		width: 4px;
		height: 4px;
	}
	/* お知らせ */
	.info_text_pc { display: none; }
    .info_text_sp {
		display: block;
        padding: 10px;
        margin: 15px;
        border: solid 1px #88ced8;
    }
/********************************
directarea
*********************************/
    ul.popular_area {
    	text-align: center;
    	margin: 0 auto 10px auto;
    }
    ul.popular_area li {
        display: inline-table;
        width: 44%;
        margin: 0 1%;
    }
    ul.popular_area li[class$="title"] {
    	width: 100%;
        margin: 20px auto 10px auto;
        display: block;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        z-index: 0;
    }
    ul.popular_area li[class$="title"]:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        height: 35px;
        width: 35px;
        margin: auto;
        border-radius: 50%;
        content: "";
    }
	ul.popular_area li.kantou_title {
		color: #4878a2;
	}
	ul.popular_area li.kantou_title:after {
		background: #e8eff5;
	}
	ul.popular_area li.kansai_title {
		color: #6cc3d0;
	}
	ul.popular_area li.kansai_title:after {
		background: #e1f0f2;
	}
	ul.popular_area li.koushinetsu_title {
		color: #73c899;
	}
	ul.popular_area li.koushinetsu_title:after {
		background: #e2f3e9;
	}
	ul.popular_area li.kyuhu_title {
		color: #c696cd;
	}
	ul.popular_area li.kyuhu_title:after {
		background: #ede5ee;
	}
	ul.popular_area li.shikoku_title {
		color: #c4b97a;
	}
	ul.popular_area li.shikoku_title:after {
		background: #e9e6d5;
	}
	ul.popular_area li.hokkai_title {
		color: #698abc;
	}
	ul.popular_area li.hokkai_title:after {
		background: #d8e2f1;
	}
	.kantou_btn {
		background: #7fabd1;
		border-bottom: 2px solid #6291b9;
	}
	.kansai_btn {
		background: #6cc3d0;
		border-bottom: 2px solid #52b1bf;
	}
	.koushinetsu_btn {
		background: #73c899;
		border-bottom: 2px solid #55ab7b;
	}
	.kyuhu_btn {
		background: #c696cd;
		border-bottom: 2px solid #b478bd;
	}
	.shikoku_btn {
		background: #bfb36f;
		border-bottom: 2px solid #a6994c;
	}
	.hokkai_btn {
		background: #698abc;
		border-bottom: 2px solid #4b6ea2;
	}
    ul.popular_area li a {
		display: block;
		overflow: hidden;
		position: relative;
		height: 34px;
		margin: 0 0 10px 0;
		padding: 0 20px;
		border-radius: 5px;
		transition-property: all;
		transition: 0.2s linear;
		color: #fff;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		line-height: 34px;
		box-sizing: border-box;
		}
    ul.popular_area li a:after {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 50%;
        z-index: 1;
        width: 100%;
        height: 100%;
        margin: 0 -30px 0 0;
        background: url(../img/bg_sq.png) no-repeat right 50%;
        content: '';
    }

	/* recommend */
	.recommend_wrap {
		margin: 0 0 40px 0;
		padding: 0;
	}
	.dv_recommend {
		margin: 0 5%;
		display: block;
		/* overflow-x: auto; */
		/* white-space: nowrap; */
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	top_direct_wrapp {
    	display: block;
		flex: none;
	}

	.top_direct_wrapp {
		margin: 0;
		display: block;
	}
	.right_list {
		width: auto;
	}

	/* topAnker */
	.topAnker {
		margin: 0 0 40px 0;
		padding: 0 0 0 0;
	}
	.topAnkerList {
		overflow: hidden;
		margin: 0 5% 0 5%;
	}
	.topAnkerList > li > a {
		font-size: 14px;
		padding: 0 15px;
	}
	
    /* popular_list */
	.popular_list {
		width: 100%;
		flex: none;
	}
	.title-search.popular {
		display: block;
		margin: 0 0 14px 0;
	}
    .popular_list ul li {
        padding: 6px;
        font-size: 14px;
    }
    .popular_list ul li a::after {
        content: "詳細";
        font-size: 12px;
    }
    .popular_list ul li a::before {
    	display: none;
    }
    .popular_list ul li a span {
        max-width: 100%;
        /* white-space: normal; */
    }

    ul.popular_keyword {
    	font-size: 16px;
    	padding: 0 20px;
    	margin: 0 0 20px 0;
    }
    
    /* 最近見た求人 */
	.top_history_container {
		display: block;
	}
    .top_recommend .dv_rc_items {
        max-width: 100%;
        /* margin: 0 5%; */
    }
	a.top_history_list {
		font-size: 12px;
        padding: 5px 12px;
        background-color: #fff;
        border-radius: 100px;
	}
	a.top_history_item {
		width: calc(90% - 20px);
		height: auto;
		margin: 0 5% 15px 5%;
		/* margin: 0 10px 0 0; */
		}
	a.top_history_item:nth-child(4n) {
		margin: 0 5%;
	}
	/* a.top_history_item:last-child {
		margin: 0;
	} */
    .top_history_wrapp {
		/* margin: 0 5%; */
		display: block;
		/* overflow-x: auto; */
		/* white-space: nowrap; */
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.top_history_item_title {
		font-weight: bold;
	}
	.top_history_item > dl dt,
	.top_history_item > dl dd {
		font-size: 11px;
	}
	.top_history_item_salary {
		font-weight: bold;
	}
    
    /* 大手・人気企業 */
	.top_logo_wrapp {
		margin: 0 20px;
	}
	.top_logo_wrapp ul li {
		width: 31%;
		margin: 0 calc(2% + (1% / 3)) calc(2% + (1% / 3)) 0;
	}
	.top_logo_wrapp ul li:nth-child(4n) {
		margin: 0 calc(2% + (1% / 3)) calc(2% + (1% / 3)) 0;
	}
	.top_logo_wrapp ul li:nth-child(3n) {
		margin: 0 0 calc(2% + (1% / 3)) 0;
	}
	.top_logo_wrapp ul li img {
		max-width: 80%;
	}
	.top_logo_wrapp ul li a {
		padding: 10px 0;
	}
}


@media (max-width: 425px) {
	.emb_img {
		display: block;
		position: absolute;
		width: 15%;
		height: 30%;
		bottom: 0%;
		left: 5%;
		background: url(../img/emblem.svg) no-repeat;
		background-size: contain;
	  }
	.main-result_dlpo_type001 {
		padding:3px 0% 0% 22% !important;
	}
}

@media (max-width: 374px) {
    .main-ttl {
    	top: 30px;
    }
    .main-mark {
        top: 100px;
        left: 10px;
    }
	.jobfeature-link > li {
		font-size: 11px;
	}
	.about-link > li > a > strong {
		display: inline;
	}
	.aboutList-authtl {
		padding: 20px 35px;
	}
	.aboutList-voicegrf-tl {
		font-size: 10px;
		top: 82px;
	}
	.aboutList-voicegrf-tl > span {
		font-size: 14px;
	}
	.aboutList-voicegrf-tl::after {
		top: 15px;
		right: 65px;
	}
	.aboutList-welfarelt-img > li > img {
		width: 80px;
	}
	.jobfeature-link > li.senior .pc_none {
		display: block;
	}
}

/* TOP お知らせ */
.header-notice_wrap {
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 20px;
}
.header-notice_wrap a {
	max-width: calc(1000px - (5em + 2px) );
	margin: -10px auto 0 auto;
	padding: 1em 1em 1em 4em;
	display: block;
	border: 1px solid #8ca0af;
	position: relative;
}
a.svg_info::before {
    top: 50%;
    left: 0.65em;
    margin: -0.5em 0 0 0;
    background-position: -12.5em 0;
    font-size: 22px;
}
.header-notice_wrap a span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #8ca0af;
	border-right: 2px solid #8ca0af;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
@media (max-width: 767px) {
	.header-notice_wrap {
		margin: 5px 5px 15px 5px;
		text-align: left;
	}
    .header-notice_wrap a.svg_info::before {
        font-size: 20px;
    }
}