@charset "utf-8";
@import "common/0-import.css";
/*------------------------------------------------------------
	企業詳細
------------------------------------------------------------*/
#conts .jobOverview {
	margin-bottom: 12px;
}

#conts h2.title03 {
	font-size: 2em;
}

#conts h3.title01 {
	position: relative;
}

#conts .checkedDateDetail {
	position: absolute;
	right: 10px;
	top: 12px;
	font-weight: normal;
	font-family: メイリオ,MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

#conts .comTitle {
	padding-top: 15px;
	background: url(/img/company/index/bg_line01.jpg) repeat-x left top;
	overflow: hidden;
	zoom: 1;
}

#conts .comTitle span {
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #00A6AE;
	display: block;
	font-size: 1.3em;
}

#conts .comTitle .cImg {
	float: right;
}

#conts .comTitle .cName {
	margin-bottom: 20px;
	padding-bottom: 30px;
	background: url(/img/company/index/bg_line02.jpg) repeat-x left bottom;
	font-size: 3.8em;
	line-height: 1.2;
}

#conts .snsBtns {
	margin: -15px 0 9px;
}

#conts .jobList {
	margin-bottom: 20px;
}

#conts .salaryInfo {
	margin: 0 15px 30px;
}

#conts .salaryInfo .salary {
	margin-bottom: 30px;
}

#conts .salaryInfo .salary .money {
	margin-bottom: 10px;
	padding: 5px 0 0;
	width: 240px;

	float: left;
}

#conts .salaryInfo .salary .money img {
	float: left;
}

#conts .salaryInfo .salary .money .unit {
	margin-top: 30px;
}

#conts .salaryInfo .salary table {
	margin: 0 0 10px;
	width: 404px;

	float: right;
}

#conts .salaryInfo .salary table th,
#conts .salaryInfo .salary table td {
	width: 33%;
	text-align: center;
}

#conts .salaryInfo .salary table td span {
	color: #FC6B67;
	font-size: 1.16em;
	font-weight: bold;
}

#conts .salaryInfo .salary .details {
	padding: 15px 20px;
	background: #F9F9F8;

	clear: both;
}

#conts .salaryInfo .sim {
	margin-bottom: 30px;
	overflow: hidden;
	zoom: 1;
}

#conts .salaryInfo .sim .graph {
	width: 460px;
	height: 205px;
	background: url(/img/company/index/graph01_bg.gif) no-repeat;
	overflow: hidden;

	float: left;
}

#conts .salaryInfo .sim .graph .box {
	height: 205px;

	position: relative;
	float: left;

	text-align: center;
}

#conts .salaryInfo .sim .graph .box li {
	position: absolute;
	bottom: 38px;

	font-size: 0.92em;
	line-height: 1.1;
}

/* 年収シミュレーション */
#conts .salaryInfo .sim#nensyu .graph#num1 .inner { padding: 0 0 0 170px; }
#conts .salaryInfo .sim#nensyu .graph#num2 .inner { padding: 0 0 0 100px; }
#conts .salaryInfo .sim#nensyu .graph#num3 .inner { padding: 0 0 0 48px; }
#conts .salaryInfo .sim#nensyu .graph#num4 .inner { padding: 0 0 0 45px; }
#conts .salaryInfo .sim#nensyu .graph#num5 .inner { padding: 0 0 0 35px; }
#conts .salaryInfo .sim#nensyu .graph#num6 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#nensyu .graph#num1 .box { margin-right: 0; width: 100px; }
#conts .salaryInfo .sim#nensyu .graph#num2 .box { margin-right: 40px; width: 100px; }
#conts .salaryInfo .sim#nensyu .graph#num3 .box { margin-right: 40px; width: 90px; }
#conts .salaryInfo .sim#nensyu .graph#num4 .box { margin-right: 30px; width: 66px; }
#conts .salaryInfo .sim#nensyu .graph#num5 .box { margin-right: 26px; width: 54px; }
#conts .salaryInfo .sim#nensyu .graph#num6 .box { margin-right: 26px; width: 42px; }
#conts .salaryInfo .sim#nensyu .graph#num1 .box li { width: 49px; }
#conts .salaryInfo .sim#nensyu .graph#num2 .box li { width: 49px; }
#conts .salaryInfo .sim#nensyu .graph#num3 .box li { width: 44px; }
#conts .salaryInfo .sim#nensyu .graph#num4 .box li { width: 32px; }
#conts .salaryInfo .sim#nensyu .graph#num5 .box li { width: 26px; }
#conts .salaryInfo .sim#nensyu .graph#num6 .box li { width: 20px; }
#conts .salaryInfo .sim#nensyu .graph#num1 .box .item { width: 100px; }
#conts .salaryInfo .sim#nensyu .graph#num2 .box .item { width: 100px; }
#conts .salaryInfo .sim#nensyu .graph#num3 .box .item { width: 90px; }
#conts .salaryInfo .sim#nensyu .graph#num4 .box .item { width: 66px; }
#conts .salaryInfo .sim#nensyu .graph#num5 .box .item { width: 54px; }
#conts .salaryInfo .sim#nensyu .graph#num6 .box .item { width: 42px; }

/* 所属業界比較 */
#conts .salaryInfo .sim#industry .graph#num2 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#industry .graph#num3 .inner { padding: 0 0 0 37px; }
#conts .salaryInfo .sim#industry .graph#num4 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#industry .graph#num5 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#industry .graph#num6 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#industry .graph#num2 .box { margin-right: 26px; width: 100px; }
#conts .salaryInfo .sim#industry .graph#num3 .box { margin-right: 37px; width: 100px; }
#conts .salaryInfo .sim#industry .graph#num4 .box { margin-right: 26px; width: 100px; }
#conts .salaryInfo .sim#industry .graph#num5 .box { margin-right: 26px; width: 100px; }
#conts .salaryInfo .sim#industry .graph#num6 .box { margin-right: 26px; width: 100px; }
#conts .salaryInfo .sim#industry .graph#num2 .box li { width: 50px; }
#conts .salaryInfo .sim#industry .graph#num3 .box li { width: 50px; left: 25px; }
#conts .salaryInfo .sim#industry .graph#num4 .box li { width: 50px; }
#conts .salaryInfo .sim#industry .graph#num5 .box li { width: 50px; }
#conts .salaryInfo .sim#industry .graph#num6 .box li { width: 50px; }
#conts .salaryInfo .sim#industry .graph#num2 .box .item { width: 100px; }
#conts .salaryInfo .sim#industry .graph#num3 .box .item { width: 100px; }
#conts .salaryInfo .sim#industry .graph#num4 .box .item { width: 100px; }
#conts .salaryInfo .sim#industry .graph#num5 .box .item { width: 100px; }
#conts .salaryInfo .sim#industry .graph#num6 .box .item { width: 100px; }

/* 年収推移 */
#conts .salaryInfo .sim#suii .graph#num2 .inner { padding: 0 0 0 91px; }
#conts .salaryInfo .sim#suii .graph#num3 .inner { padding: 0 0 0 57px; }
#conts .salaryInfo .sim#suii .graph#num4 .inner { padding: 0 0 0 40px; }
#conts .salaryInfo .sim#suii .graph#num5 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#suii .graph#num6 .inner { padding: 0 0 0 30px; }
#conts .salaryInfo .sim#suii .graph#num2 .box { margin-right: 143px; width: 60px; }
#conts .salaryInfo .sim#suii .graph#num3 .box { margin-right: 75px; width: 60px; }
#conts .salaryInfo .sim#suii .graph#num4 .box { margin-right: 41px; width: 60px; }
#conts .salaryInfo .sim#suii .graph#num5 .box { margin-right: 21px; width: 60px; }
#conts .salaryInfo .sim#suii .graph#num6 .box { margin-right: 21px; width: 60px; }
#conts .salaryInfo .sim#suii .graph#num2 .box li { width: 40px; left: 10px; }
#conts .salaryInfo .sim#suii .graph#num3 .box li { width: 40px; left: 10px; }
#conts .salaryInfo .sim#suii .graph#num4 .box li { width: 40px; left: 10px; }
#conts .salaryInfo .sim#suii .graph#num5 .box li { width: 40px; left: 10px; }
#conts .salaryInfo .sim#suii .graph#num6 .box li { width: 40px; left: 10px; }
#conts .salaryInfo .sim#suii .graph#num2 .box .item { width: 60px; }
#conts .salaryInfo .sim#suii .graph#num3 .box .item { width: 60px; }
#conts .salaryInfo .sim#suii .graph#num4 .box .item { width: 60px; }
#conts .salaryInfo .sim#suii .graph#num5 .box .item { width: 60px; }
#conts .salaryInfo .sim#suii .graph#num6 .box .item { width: 60px; }

#conts .salaryInfo .sim#nensyu .graph .box .bar02 {
	left: 0;
}

#conts .salaryInfo .sim#nensyu .graph .box .bar03 {
	right: 0;
}

#conts .salaryInfo .sim .graph .box .bar01 .bar {
	background: #8AD22D url(/img/company/index/graph_bar03.gif) repeat-x;
}

#conts .salaryInfo .sim .graph .box .bar02 .bar {
	background: #3fbcc2 url(/img/company/index/graph_bar01.gif) repeat-x;
}

#conts .salaryInfo .sim .graph .box .bar03 .bar {
	background: #dadada url(/img/company/index/graph_bar02.gif) repeat-x;
}

#conts .salaryInfo .sim .graph .box .item {
	position: absolute;
	top: 170px;
	left: 0;
}

#conts .salaryInfo .sim .guide {
	width: 190px;

	float: left;
}

#conts .salaryInfo .sim .guide li {
	margin-bottom: 5px;
}

#conts .salaryInfo .sim .guide li img,
#conts .salaryInfo .sim .guide li span {
	vertical-align: middle;
}

#conts .salaryInfo .sim .guide li img {
	margin-right: 7px;
}

#conts .salaryInfo .sim .guide .notes {
	color: #666;
	font-size: 0.82em;
}

#conts .salaryInfo .sim#industry .guide p span {
	margin-left: 5px;
}

#conts .salaryInfo .sim#industry .guide p .up {
	color: #FC6B67;
	font-weight: bold;
	text-transform: uppercase;
}

#conts .salaryInfo .sim#industry .guide p .down {
	color: #679cfc;
	font-weight: bold;
	text-transform: uppercase;
}

#conts .update {
	margin: 0 15px 10px 0;
	color: #FC6B67;
	text-align: right;
}

/*------------------------------------------------------------
	求人詳細
------------------------------------------------------------*/
#conts #jobDetails {
	margin: 0 0 0 25px;
	width: 640px;
}

#conts #jobDetails th {
	width: 117px;
}

#conts #jobDetails td {
	width: 523px;
}

#conts .apply {
	margin-top: 20px;
	text-align: center;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

#conts #mail_order {
	margin-left: 20px;
}

#conts .notes {
	margin: 20px auto 0;
	width: 640px;
}

#conts .notes p {
	margin-bottom: 5px;
}

/*------------------------------------------------------------
	ニュース
------------------------------------------------------------*/
#conts .newsTitle {
	height: 130px;
	background: url(/img/company/news/h2_bg.jpg) no-repeat;
	position: relative;
}

#conts .newsTitle .img01 {
	position: absolute;
	top: 30px;
	left: 25px;
}

#conts .newsTitle .img02 {
	position: absolute;
	top: 72px;
	left: 25px;
}

/*------------------------------------------------------------
	現在募集中の求人情報
------------------------------------------------------------*/
#conts .titleBox {
	padding: 25px 0 0;
	width: 660px;
	height: 103px;
	background: url(/img/company/index/closed_title_bg.png) no-repeat;
	text-align: center;
}

#conts .titleBox img {
	margin-bottom: 10px;
}

#conts .titleBox p span {
	color: #00A5AD;
	font-weight: bold;
}

#conts .aboutBox {
	margin-left: 10px;
	width: 640px;
}

#conts .aboutBox h4 {
	padding-left: 50px;
	width: 590px;
	height: 45px;
	background: url(/img/company/index/aboutBox_h4_bg.png) no-repeat;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 45px;
}

#conts .aboutBox .inner {
	padding: 12px;
	border: 3px solid #00A6AE;
	border-top: none;
	position: relative;
}

#conts .aboutBox .inner .graph {
	position: absolute;
	top: 3px;
	right: 10px;
}

#conts .center,
#conts .arrow {
	text-align: center;
}

#conts .center .text {
	margin: 10px 0 5px;
}

#conts .icon {
	margin-left: 5px;
	padding-left: 10px;
	background: url(/img/common/icon/03.gif) no-repeat left 3px;
}

/*------------------------------------------------------------
	(企業名)について
------------------------------------------------------------*/
#conts .about {
	margin: 0 15px 30px;
}

#conts .about p {
	margin-bottom: 13px;
}

#conts .about .aboutTxt {
	font-size: 14px;
	line-height: 1.6;
}

#conts .about .pointBox {
	margin-bottom: 10px;
	border: 1px solid #E5CC80;
}

#conts .about .pointBox .inner {
	padding: 15px 15px 5px;
	background: url(/img/company/index/point_bg.jpg) repeat-x left top;
	border: 1px solid #FFF;
}

#conts .about .pointBox h4 {
	margin-bottom: 10px;
	padding: 5px 0 5px 70px;
	background: url(/img/company/index/point_icon.png) no-repeat;
	font-size: 1.2em;
}

#conts .about .pointBox p {
	padding: 0 6px;
}

#conts div .snsBtns {
	margin: 30px 15px 45px;
}

/*------------------------------------------------------------
	その他の企業の最新動向・最新求人
------------------------------------------------------------*/
#conts .othersTitle {
	margin: 30px 0 0 15px!important;
	padding-left: 15px;
	width: 644px;
	height: 40px;
	background: url(/img/company/index/others_h3_bg.png) no-repeat;
	color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 40px;
}

#otherCompanies {
	margin: 0 0 15px 15px;
	padding: 10px 0 0 10px;
	width: 648px;
	background: #F7F7F7;
	border: 1px solid #F0F0F0;
	border-top: none;
}

#otherCompanies iframe {
	height: 445px;
	background: #F7F7F7;
}