@charset "utf-8";
/* ===================================================================
 	Copyright (C) Mynavi Corporation
 	All Rights Reserved.

	トップページ
	1. トップページ
=================================================================== */


/* ===================================================================
 1. トップページ
=================================================================== */
/*==========================================
 1-1. トップページ
============================================*/
/* entry btn
------------------------------------*/
#wrap #contentWrap #topEntryArea #topEntryAreaInner .rightBox a.entryBtn01 {
	display:block;
	padding:0.5em 0;
	text-align:center;
	background:#e8e8e8;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .rightBox a.entryBtn01 img{
	width:95%;
	display:inline;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .rightBox a.entryBtn01 span{
	display:none;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox p.text{
	display:none;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox ul.careerChangeBtn li{
	width:50%;
	float:left;
	border-left:1px solid #b3b3b3;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox ul.careerChangeBtn li:first-child{
	border:none;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox ul.careerChangeBtn li a {
	background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 95% center no-repeat;
	background-size:7%;
	display:block;
	padding:1em 1.5em 1em 1em;
}

/* 公開求人検索 */
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox ul.magJSCategory li{
	border-bottom:1px solid #b3b3b3;
	background:#f2f2f2;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox ul.magJSCategory li a{
	background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
	background-size:3%;
	display:block;
	padding:0.8em 1.5em 0.8em 0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox ul.magJSCategory li .txt{
	display:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dt{
	background:#f2f2f2;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dt.spBTNone{
	border-top:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dt a{
	background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
	background-size:3%;
	display:block;
	padding:0.8em 0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dd ul li{
	float:left;
	width:33%;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dd ul li:nth-child(3n){
	width:34%;
	border-right:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dd ul li.spBBNone{
	border-bottom:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSPlace dl dd ul li a{
	background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 91% center no-repeat;
	background-size:9%;
	display:block;
	padding:0.8em 1.5em 0.8em 0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSIndustry ul li{
	background:#f2f2f2;
	border-bottom:1px solid #b3b3b3;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSIndustry ul li a{
	background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
	background-size:3%;
	display:block;
	padding:0.8em 1.5em 0.8em 0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox .magJSKeyword{
	padding:1em;
	background:#e6e6e6;
	text-align:center;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox input.placeholder {
	display: inline-block;
	font-size: 1em;
	text-decoration:none;
	padding: 0 0.5em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #b3b3b3;
	line-height:1;
	width:70%;
	height:30px;
	color:#ccc;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchBox #searchSubmit {
	display: inline-block;
	font-size: 1.5em;
	color: #fff;
	text-decoration:none;
	padding: 0.2em 0.8em;
	background:#5f5d5e;
	background: -moz-linear-gradient(
		top,
		#a09f9f 0%,
		#5f5d5e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a09f9f),
		to(#5f5d5e));
	background: linear-gradient(
		to bottom,
		#a09f9f 0%,
		#5f5d5e);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 2px solid #000;
	line-height:1;
}

/* jobchange module with face */

.jobChangeFaceModule {
  background-color: #ebebeb;
  padding: 10px 10px 25px;
}
.jobChangeFaceModule .numJobchange {
  width: 100%;
}
.jobChangeFaceModule .numJobchangeHead {
  width: 100%;
  position: relative;
}
.jobChangeFaceModule .numJobchangeHead span {
  color: #1262b2;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}
.jobChangeFaceModule .numJobchangeHead span:after {
  position: absolute;
  top: 10px;
  right: 0;
  border-top: 2px solid #1262b2;
  width: calc( 100% - 80px );
  content: '';
  display: inline-block;
}
.jobChangeFaceModule .numJobchangeBtn {
  padding: 2px 0 0 0;
}
.jobChangeFaceModule .numJobchangeBtn:first-child {
  padding: 2px 0 0 0;
}
.jobChangeFaceModule .numJobchangeBtn img {
  width: 100%;
}
.jobChangeFaceModule .generation {
  width: 100%;
  padding-top: 20px;
}
.jobChangeFaceModule .generationHead {
  width: 100%;
  position: relative;
}
.jobChangeFaceModule .generationHead span {
  color: #1262b2;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}
.jobChangeFaceModule .generationHead span:after {
  position: absolute;
  top: 9px;
  right: 0;
  border-top: 2px solid #1262b2;
  width: calc( 100% - 70px );
  content: '';
  display: inline-block;
}
.jobChangeFaceModule .generationLinks {
  width: 100%;
}
.jobChangeFaceModule .generationLink {
  width: calc( 50% - 5px );
  float: left;
  background-color: #ffffff;
  text-decoration: underline;
  margin-top: 10px;
  border: 2px solid #1262b2;
  border-radius: 5px;
  padding: 10px 0 10px 8%;
  position: relative;
}
.jobChangeFaceModule .generationLink a {
  display: inline-block;
  color: #1262b2;
  text-decoration: none;
  font-size: 14px;
}
.jobChangeFaceModule .generationLink a .pickUp {
  font-size: 16px;
}
.jobChangeFaceModule .generationLink:after {
  display: inline-block;
  content: '>';
  font-size: 10px;
  color: #1262b2;
  position: absolute;
  right: 10px;
  line-height: 2.2;
}
.jobChangeFaceModule .generationLink:nth-child(odd) {
  margin-right: 10px;
}

/* for AB test */
#vwo-2 {
	display: block;
}
/* entry btn
------------------------------------*/
#wrap #contentWrap #topEntryArea #topEntryAreaInner .rightBox a {
	display:block;
	padding:0.5em 0;
	text-align:center;
	background:#e8e8e8;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .rightBox a img{
	width:95%;
	display:inline;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .rightBox a span{
	display:none;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox {
	display:none;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox ul.careerChangeBtn li{
	width:50%;
	float:left;
	border-left:1px solid #ccc;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox ul.careerChangeBtn li:first-child{
	border:none;
}
#wrap #contentWrap #topEntryArea #topEntryAreaInner .leftBox ul.careerChangeBtn li a {
	background-size:7%;
	display:block;
	padding:0.8em 0.5em;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

/*------------------------------------------------
  公開求人検索-人気の条件から求人を探す 19.07.04 追加
------------------------------------------------*/
#wrap #mainContentsArea .searchItem--jobtypeSearch .magJSCategory,
#wrap #mainContentsArea .searchItem--locationSearch .magJSCategory
#wrap #mainContentsArea .searchItem--popSearch .magJSCategory {
	border-bottom: 1px solid #d9d9d9;
}
#wrap #mainContentsArea .searchItem--popSearch .h3Style01 {
	border-bottom: none;
}
#wrap #mainContentsArea .popSearch__list {
	border-top: 1px solid #d9d9d9;
}
#wrap #mainContentsArea .popSearch__item {
	border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
}
#wrap #mainContentsArea .popSearch__item:last-child {
	border-bottom: none;
}
#wrap #mainContentsArea .popSearch__item:hover {
	background: #f2f2f2;
	transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
}
#wrap #mainContentsArea .popSearch__link {
	background: url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
    background-size: 3%;
    display: block;
    padding: 1em 1.5em 1em 1em;
}
/*------------------------------------------------
  管理部門の転職ならマイナビ転職エージェントSP表示 19.07.09 追加
------------------------------------------------*/
.pushMag {
	margin-top: 2em;
}
.pushMag__title {
	background: url(/resource/common/img/h2style_dot.gif) repeat 0 0;
	color: #082a4d;
	font-size: 1.2em;
    font-weight: bold;
	margin: 0.2em 0 0.2em;
	padding: 0.6em 1em 0.6em 2.8em;
	position: relative;
}
.pushMag__icon {
	background: url(/resource/common/img/sprite_content.png) repeat -394px 344px;
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 1em;
    height: 20px;
    width: 16px;
}
.pushMag__txtBox {
	padding: 0.8em 1em;
	font-size: 13px;
}
.pushMag__txtBox strong {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffd1d1 70%);
}

/* 転職回数別エリア改修 */
.numJobchangeList2 {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin: 0;
}
.numJobchangeBtn2 {
	display: flex;
	align-items: flex-end;
	height: 100px;
	transition: 0.3s;
    width: 100%;
    height: 10px;
    margin-top: 20%;
    box-shadow: 0 4px 5px 0 #6d6d6d;
    border-radius: 10px;
}
.numJobchangeBtn2:hover {
	opacity: 0.7;
}
.numJobchangeBtn2 a{
    width: 100%;
}
.numJobchangeBtn2 img {
    width: 100%;
}
.generationLinks2 {
    display: flex;
    margin: 0;
}
.generationLink2 {
    box-shadow: 0 4px 5px 0 #6d6d6d;
    border-radius: 10px;
    margin-top: 15px;
    width: calc(50% - 8px);
}
.generationLink2:hover {
	opacity: 0.7;
}
.generationLink2:nth-child(2n+1) {
    margin-right: 8px;
}
.generationLink2:nth-child(2n) {
    margin-left: 8px;
}
.generationLink2 a {
    width: 100%;
}
.generationLink2 img {
    width: 100%;
}
/* サービス紹介改修 */
.serviceIntroduction .list {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-radius: 5px;
}
.serviceIntroduction .list__item {
    width: calc(50% - 12px);
	margin-bottom: 16px;
	transition: 0.3s;
	box-shadow: 0 2px 6px 0 #6d6d6d;
	border-radius: 5px;
}
.serviceIntroduction .list__item img {
  width: 100%;
}
.serviceIntroduction .list__item:hover {
	opacity: 0.8;
}
.serviceIntroduction .list__item:nth-child(2n+1) {
    margin-right: 4px;
    margin-left: 8px;
}
.serviceIntroduction .list__item:nth-child(2n) {
    margin-left: 4px;
    margin-right: 8px;
}
.serviceIntroduction .list__item a {
	text-decoration: none;
}
.serviceIntroduction .list__item p {
    background-color: #005eab;
    color: #fff;
    padding: 12px 10px;
    font-weight: 600;
    position: relative;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 46px;
    font-size: 12px!important;
}
.serviceIntroduction .list__item p::after {
	content: "";
	display: inline-block;
	background-image: url("/resource/common/img/top_maru_arrow.png");
	background-size: 100%;
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
@media screen and (max-width:368px) {
	.serviceIntroduction .list__item p {
		font-size: 10px!important;
	}
	.serviceIntroduction .list__item p::after {
		width: 16px;
		height: 16px;
	}
}

/* トップ knowhow導線 */
#wrap #contentWrap .knowhowList {
  padding: 0 15px;
}
#wrap #contentWrap .knowhowList li:not(:first-child) {
  margin-top: 20px;
}
#wrap #contentWrap .knowhowList a {
  display: flex;
  width: 100%;
}
#wrap #contentWrap .knowhowList a div {
  width: 28%;
  flex-shrink: 0;
}
#wrap #contentWrap .knowhowList a div img {
  max-width: 100%;
}
#wrap #contentWrap .knowhowList a p {
  padding-left: 1em;
  font-size: 14px;
  color: #1262B2;
  text-decoration: underline;
}

/* ===================================================================
 2. 下層ページ
=================================================================== */
#wrap .plusPict.backofficeContentsBg01 {
  background: url(/resource/backoffice/img/backoffice_accounting.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg02 {
  background: url(/resource/backoffice/img/backoffice_general_affairs.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg03 {
  background: url(/resource/backoffice/img/backoffice_legal_affairs.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg04 {
  background: url(/resource/backoffice/img/backoffice_human_resources.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg05 {
  background: url(/resource/backoffice/img/backoffice_labor.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg06 {
  background: url(/resource/backoffice/img/backoffice_internal_audit.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg07 {
  background: url(/resource/backoffice/img/backoffice_secretary.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg08 {
  background: url(/resource/backoffice/img/backoffice_accounting_shikaku.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg09 {
  background: url(/resource/backoffice/img/backoffice_backoffice_shikaku.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg10 {
  background: url(/resource/backoffice/img/backoffice_legal_affairs_shikaku.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg11 {
  background: url(/resource/backoffice/img/backoffice_patent_clerk.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg12 {
  background: url(/resource/backoffice/img/backoffice_internal_audit_shikaku.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg13 {
  background: url(/resource/backoffice/img/backoffice_secretary_shikaku.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg14 {
  background: url(/resource/backoffice/img/backoffice_motivation_accounting.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg15 {
  background: url(/resource/backoffice/img/backoffice_motivation_general_affairs.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg16 {
  background: url(/resource/backoffice/img/backoffice_motivation_human_resources.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg17 {
  background: url(/resource/backoffice/img/backoffice_motivation_secretary.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg18 {
  background: url(/resource/backoffice/img/backoffice_secretary_medical.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }
#wrap .plusPict.backofficeContentsBg19 {
  background: url(/resource/backoffice/img/backoffice_sales_assistant.jpg) right 0 no-repeat;
  background-size: auto 133px;
  min-height: 133px; }

#wrap .bgDot {
  margin: 1em 1em 0;
  padding: 11px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/resource/prepare/img/bg-dot.png); }
#wrap .titleUl {
  display: inline-block;
  border-bottom: 1px solid #000000;
  font-weight: 600;
  font-size: 13px;
  color: #000000; }
#wrap .titleUl + p {
  margin-top: 0.6em; }
ol.list-text.dec li {
  list-style-type: decimal;
}