@charset "shift_jis";

/* ========== company detail parts ========== */

/* company-header
-------------------------------------------------- */
.company-header {
	margin-bottom: 10px;
}
.company-header h1 {
	padding: 10px 20px;
	font-size: 143%;
	line-height: 1.1;
	color: #fff;
	background-color: #55a0c5;
	border-radius: 4px;
}
.company-header p {
	margin: 20px;
	line-height: 1.5;
}
.company-header p strong {
	color: #e66;
	background-color: transparent;
}

/* company-information
-------------------------------------------------- */
.company-information {
	margin-bottom: 20px;
	padding: 18px 0;
	border: 2px solid #dfe3e8;
	border-radius: 4px;
}
.company-information .box-logo {
	width: 300px;
	padding: 2px 0;
	text-align: center;
}
.company-information .box-logo img {
	width:auto;
	max-width:120px;
}
.company-information .box-set {
	display: table-cell;
	width: 623px;
	padding: 2px 26px;
}
.outside-client .box-set {
	padding-top:10px;
}
.outside-client .box-link {
	display:table-cell;
	vertical-align:top;
}
.outside-client .box-link ul {
	margin:0;
}
.company-information .box-logo + .box-set {
	border-left: 1px solid #dfe3e8;
}
.company-information .box-title {
	margin-bottom: 5px;
	font-size: 200%;
	line-height: 1.2;
}
.company-information .box-title a {
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
}
.company-information .box-title a: hover {
	text-decoration: none;
}
.company-information .box-summary {
	margin-bottom: 1em;
	font-size: 115%;
	line-height: 1.5;
}
.company-information .box-link ul {
	text-align: left;
}

/* service-inforamtion
-------------------------------------------------- */
.service-inforamtion {
	margin-bottom: 20px;
	border: 2px solid #dfe3e8;
	border-radius: 4px;
}
.service-inforamtion > section {
	padding-bottom: 40px;
}
.service-inforamtion > section > .box-title {
	height: 62px;
	padding: 15px 40px;
	color: #333;
	background-color: #dce2e8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.service-inforamtion > section > .box-title h3 {
	display: inline-block;
	font-size: 200%;
	line-height: 1.1;
}
.service-inforamtion section .box-link ul {
	margin-top: 30px;
}

/* ---------- company-score ---------- */
.company-score .box-title {
	padding: 11px 20px!important;
}
.company-score .box-title .rank01,
.company-score .box-title .rank02,
.company-score .box-title .rank03 {
	margin-top: -4px;
	margin-right: 8px;
}
.company-score .box-title .box-score {
	padding-left: 30px;
	font-size: 200%;
}
.company-score .box-title .box-score strong span {
	font-size: 129%;
}
.company-score .score-set {
	margin: 36px 40px 10px;
}
/* score-sheet (table) */
.company-score .score-sheet {
	float: left;
	width: 430px;
	border: 1px solid #ccc;
}
.company-score .score-sheet table {
	width: 100%;
}
.company-score .score-sheet thead th {
	padding: 10px 0;
	line-height: 1.2;
	text-align: center;
	border-left: 1px solid #fff;
	color: #333;
	background-color: #dce2e8;
}
.company-score .score-sheet thead th:first-of-type {
	border-left: 0 none;
}
.company-score .score-sheet tbody th {
	width: 240px;
	padding: 10px 9px;
	line-height: 1.2;
	text-align: left;
	font-weight: normal;
	border-top: 1px solid #dfe3e8;
}
.company-score .score-sheet tbody th span {
	padding-right: 10px;
	font-weight: bold;
	color: #55a0c5;
	background-color: transparent;
}
.company-score .score-sheet tbody td {
	padding: 0 10px;
	border-top: 1px solid #dfe3e8;
	border-left: 1px solid #dfe3e8;
}
.company-score .score-sheet tbody td img {
	display: block;
	margin: 3px auto;
}
.company-score .score-sheet tbody td.score {
	text-align: right;
	font-size: 86%;
}
.company-score .score-sheet tbody td.score em {
	font-weight: bold;
	font-style: normal;
	color: #666;
	background-color: transparent;
}
.company-score .score-sheet tbody td.score strong {
	color: #e66;
	background-color: transparent;
}
.company-score .score-sheet tbody td.score span {
	font-size: 134%;
}
.company-score .score-sheet tbody tr:first-of-type th,
.company-score .score-sheet tbody tr:first-of-type td {
	border-top: 0 none;
}
/* score-graph */
.company-score .score-graph {
	float: right;
	width: 430px;
}
.company-score .score-graph .score-graph-title {
	float: left;
	display: inline-block;
	height: 16px;
	margin-bottom: 10px;
	padding: 2px 18px;
	color: #55a0c5;
	background-color: transparent;
	border: 2px solid #55a0c5;
	border-radius: 12px;
}
.company-score .score-graph .score-graph-legends {
	float: right;
	display: inline-block;
	margin-top: -3px;
	font-size: 86%;
	line-height: 1.3;
	width: 174px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.company-score .score-graph .score-graph-legends .myscore { color: #e66;}
.company-score .score-graph .score-graph-legends .average { color: #c6e2f0;}

.graph_box{width:430px; position:relative; margin:0 auto 0; padding-bottom:32px;}
.graph_bg{width:400px; margin-left:29px;border-right: solid 1px #cfcfcf;}
.graph_bg div.top {height:5px;border-top: solid 1px #cfcfcf;}
.graph_bg div.foot{height:5px;border-bottom:solid 1px #cfcfcf;}
.graph_bg div.top {border-left:solid 1px #cfcfcf;}
.graph_bg div.foot{border-left:solid 1px #cfcfcf;}
.graph_ten{margin-left:29px;position:relative;}
.graph_ten div{ text-align:center;position:absolute; top:0px;}

.score-graph dl.graph_main {width:430x; position:absolute; top:5px;left;0px; margin:0;}
.score-graph dl.graph_main dt{width:29px; height:36px;float:left; color:#55a0c5; text-align:center; font-weight:bold;}
.score-graph dl.graph_main dd{width:400px;height:36px;float:left; position:relative; margin:0;}
.score-graph dl.graph_main dd p.bar_main{height:14px; position:absolute; top:9px;left:1px; background-color:#ee6666;margin:0;}
.score-graph dl.graph_main dd p.bar_base{height:14px; position:absolute; top:15px;left:1px; background-color:#c6e2f0;margin:0;}

/* score-set + box-notes */
.company-score .box-notes {
	margin:  0 40px;
	line-height: 1.5;
}
.company-score .box-notes p img {
	padding: 0 1px;
	vertical-align: baseline;
}

/* ---------- company-cm ---------- */
.company-cm .movie {
	width: 640px;
	margin: 30px auto;
}

/* ---------- users-voice ---------- */
.users-voice .box-voice {
	margin: 30px 40px 0;
}
.users-voice .box-voice li {
	width: 438px;
	margin-bottom: 20px;
	padding: 6px 0;
	background-color:#fff;
}
.users-voice .box-voice li:nth-child(odd) {
	clear: left;
	margin-right: 20px;
}
.users-voice .box-voice li .box-voice-img {
	display: table-cell;
	width: 100px;
	padding: 4px 0;
	text-align: center;
	vertical-align:middle;
}
.users-voice .box-voice li .box-voice-img img {
	display: block;
	margin: 0 auto 5px;
}
.users-voice .box-voice li .box-voice-txt {
	display: table-cell;
	padding-right: 12px;
	font-size: 115%;
	line-height: 1.5;
	vertical-align: middle;
}

.users-voice .box-voice .comment-box.comment-p .comment-genre {
	background-color:#fbf6ef;
	padding:10px 15px;
	border-radius:4px;
	font-size:18px;
	margin-bottom:10px;
}
.users-voice .box-voice .comment-box.comment-n .comment-genre {
	background-color:#eef5f7;
	padding:10px 15px;
	border-radius:4px;
	margin-top:20px;
	font-size:18px;
	margin-bottom:10px;
}

/* ---------- company-feature ---------- */
.company-feature {
	/*padding-bottom: 0!important;*/
}
.company-feature .box-feature {
	margin: 30px 40px;
}
.company-feature .box-feature h5 sup,
.company-feature .box-feature p sup {
	font-weight: normal!important;
	font-size: 66%;
}
/* box-feature */
.company-feature .box-feature h4 {
	position: relative;
	margin-bottom: 34px;
	padding: 0 15px;
	font-size: 129%;
	line-height: 1.3;
	border-left: 6px solid #55a0c5;
}
.company-feature .box-feature h4:after {
	position: absolute;
	left: -6px;
	bottom: -14;
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	background: url(https://life-cdn.oricon.co.jp/img/common/bg-line-dot.png) repeat-x left bottom;
}
.company-feature .box-feature h5 {
	margin: 0 20px 20px;
	padding: 5px 15px;
	font-size: 129%;
	line-height: 1.3;
	color: #55a0c5;
	border: 2px solid #e3ecf0;
	border-radius: 4px;
}
.company-feature .box-feature h6 {
	margin: 0 35px 1em;
	font-size: 115%;
	line-height: 1.2;
}
.company-feature .box-feature > p {
	margin: 0 35px 2em;
	font-size: 115%;
	line-height: 1.5;
}
.company-feature .box-feature a.marker {
	font-size: 88%;
	font-weight: bold;
}
.company-feature .box-feature a.marker:before {
	margin-top: 1em;
}

/* box-notes */
.company-feature .box-feature .box-notes {
	margin: 0 20px;
}
/* contact */
.company-feature .contact {
	margin: 40px;
	padding: 20px 40px;
	color: #333;
	background-color: #f5f5f5;
	border-radius: 4px;
}
.company-feature .contact dl {
	margin: 0;
	font-size: 115%;
}
.company-feature .contact dt {
	clear: left;
	float: left;
	width: 7em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.company-feature .contact dd {
	margin:0 0 0.4em 8em;
	padding: 0;
}
.company-feature .contact dd:last-of-type {
	margin-bottom: 0;
}

/* aside
-------------------------------------------------- */
/* ---------- popular-companies ---------- */
.popular-companies {
	margin-top: 50px;
	border: 2px solid #ff7f00;
	border-radius: 4px;
}
.popular-companies h4 {
	padding: 0.6em 18px;
	font-size: 143%;
	line-height: 1.2;
	color: #fff;
	background: #ff7f00;
	background: -webkit-linear-gradient(#ff7f00 0%,#f2580a 100%);
	background: linear-gradient(#ff7f00 0%,#f2580a 100%);
}
.popular-companies ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 28px 0;
}
.popular-companies li {
	float: left;
	width: 160px;
	margin: 18px 35px;
	padding: 0;
	text-align: center;
}
.popular-companies li:nth-child(4n +1) {
	clear: left;
}
.popular-companies li a {
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
}
.popular-companies li a:hover {
	text-decoration: none;
}
.popular-companies .box-logo {
	display: table-cell;
	width: 158px;
	height: 118px;
	border: 1px solid #dfe3e8;
	vertical-align: middle;
}
.popular-companies .box-logo img {width:auto; max-width:146px; margin:auto;}
.popular-companies .box-caption {
	padding: 0.5em 0;
	font-weight: bold;
	font-size: 86%;
	line-height: 1.2;
}

/* ---------- btn-category-top ---------- */
.btn-category-top {
	margin: 40px 0 20px;
	text-align: center;
}

/* ---------- ranking-aside ---------- */
.ranking-aside {
	margin-bottom: 30px;
}
/* region-list */
.region-list {
	padding: 20px 0;
}
.region-list .region {
	float: left;
	width: 400px;
	margin: 0 40px;
}

/* ---------- this style sheet clearfix ---------- */
.score-set:before, .score-set:after,
.box-voice ul:before, .box-voice ul:after,
.popular-companies ul:before, .popular-companies ul:after,
.region-list:before, .region-list:after,
.cf:before, .cf:after {
    content: "";
    display: table;
}
.score-set:after,
.box-voice ul:after,
.popular-companies ul:after,
.region-list:after,
.cf:after { clear: both; }




/* ---------- to ranking top ---------- */
.btn-category-top {
	width:472px;
	margin-right:auto;
	margin-left:auto;
}
.btn-category-top a {
	display: table-cell;
	vertical-align: top;
}
.btn-category-top a span {
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	position: relative;
	display: block;
	width:460px;
	height: 51px;
	margin-right: 3%;
	padding: 0 5px;
	font-weight: bold;
	font-size: 105%;
	line-height: 51px;
	text-align: center;
	color: #333;
	background: #fff url(https://life-cdn.oricon.co.jp/img/common/bg-tab-gradation.png) repeat-x left top;
	border: 1px solid #dfe3e8;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 0 #b2b2b2;
	box-shadow: 0 1px 0 0 #b2b2b2;
	cursor: pointer;
	background-size:contain;
}
.btn-category-top a:hover {
	text-decoration:none;
}
.btn-category-top a:hover span {
	color:#1190af;
}


/* TOP INTERVIEW */
.top-interview {}
.top-interview .photo-r {float:right; padding:0 0 20px 20px;}
.top-interview .photo-l {float:left; padding:0 20px 20px 0;}
.top-interview .question {color:#0c50a3; font-weight:bold; display:block; padding-bottom:5px; font-size:15px;}
.top-interview .answer {display:block; margin-bottom:28px;}
.top-interview .interview {}
.top-interview .interview span {line-height:160%;}

/* detail-company-score */
.recommend-intention-box {width:432px; clear:both;}
.recommend-intention-box th:first-of-type {width:346.3px;}
.recommend-intention-box th:last-of-type {width:83.7px;}
.recommend-intention-box .score-sheet tbody td.text {padding:10px 9px;}
.recommend-intention-box .recommend-intention-title {font-weight:bold;}

.company-intention-box {padding:36px 0 0 0;}
.company-intention-box .detail_result2 {padding:0 0 40px 40px;}
.company-intention-box .detail_result3 {padding:0 40px 40px 0;}
.company-intention-box .detail_result2 table th {background-color:#deebf7;}
.company-intention-box .detail_result3 table th {background-color:#deebf7;}
.company-intention-box .detail_result2 table th:last-of-type {padding:5px 20px; text-align:right;}
.company-intention-box .detail_result3 table th:last-of-type {padding:5px 20px; text-align:right;}

/* ** company users voice ** */
.users-voice .box-voice .comment-box.comment-e .comment-genre {background-color: #e8f7ed; padding: 10px 15px; border-radius: 4px; margin-top: 20px; font-size: 18px; margin-bottom: 10px;}
.users-voice .box-voice .comment-box.comment-e h5 {background-color:#fff; padding:15px 10px 0;}
.users-voice .box-voice .comment-box.comment-e h5 span {border-left:8px solid #dce2e8; padding:2px 0 2px 8px; font-size:18px; display:block;}
.users-voice .box-voice .comment-box.comment-e ul {background-color: #fff; margin: 0; padding: 5px 0; list-style: none; border-radius: 0 0 5px 5px;}
.users-voice .box-voice .comment-box.comment-e li {margin: 3px 10px; padding: 10px 0 10px 50px; min-height: 46px; line-height: 170%; font-size: 14px; border: unset; border-bottom: 1px dotted #ccc; width: -webkit-fill-available; -webkit-box-sizing: unset;}
.users-voice .box-voice .comment-box.comment-e li::before {content: none;}
.users-voice .box-voice .comment-box.comment-e li::after {content: none;}
.users-voice .box-voice .comment-box.comment-e li.m10 {background: url(//life-cdn.oricon.co.jp/img/common/icon-man-age10.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.m20 {background: url(//life-cdn.oricon.co.jp/img/common/icon-man-age20.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.m30 {background: url(//life-cdn.oricon.co.jp/img/common/icon-man-age30.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.m40 {background: url(//life-cdn.oricon.co.jp/img/common/icon-man-age40.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.m50 {background: url(//life-cdn.oricon.co.jp/img/common/icon-man-age50.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.m60 {background: url(//life-cdn.oricon.co.jp/img/common/icon-man-age60.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.w10 {background: url(//life-cdn.oricon.co.jp/img/common/icon-woman-age10.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.w20 {background: url(//life-cdn.oricon.co.jp/img/common/icon-woman-age20.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.w30 {background: url(//life-cdn.oricon.co.jp/img/common/icon-woman-age30.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.w40 {background: url(//life-cdn.oricon.co.jp/img/common/icon-woman-age40.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.w50 {background: url(//life-cdn.oricon.co.jp/img/common/icon-woman-age50.png) 0 50% no-repeat;}
.users-voice .box-voice .comment-box.comment-e li.w60 {background: url(//life-cdn.oricon.co.jp/img/common/icon-woman-age60.png) 0 50% no-repeat;}