@charset "Shift_JIS";
/* subpage 2014.11.5
--------------------------------------------- */

/*2015.10 マイナビ2017テンプレート化の為以下削除
 html {
	min-height: 100%;
	background: #fff;
}
body {
	min-height: 100%;
	line-height: 1.6;
}
#wrapper {
	height: 100%;
}
#main {
	height: 100%;
}*/

#subpage div.section {
  margin: 40px 0;
}

#subpage h2.hdTxt01 {
  border-radius: 3px;
}

#subpage div.section.secColumn div.columnInner {
  padding: 0;
  border: none;
}

#subpage div.contentList div.content {
  width: 409px;
  margin-right: 30px;
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

#subpage div.contentList div.content.last {
  margin-right: 0;
}

#subpage div.contentList div.content.var01 .pct {
  border: 5px solid #e7e7e7;
}

#subpage div.contentList p.ttl {
  padding-left: 0;
  background: none;
}

#subpage .contentList .content .txtarea {
  width: 300px;
  padding-left: 100px;
}

#subpage .contentList .content .txtarea.var01 {
  width: 221px;
  padding-left: 188px;
}

#subpage .contentList .content .txtarea.var01 .name span {
  font-size: 116.66%;
  font-weight: bold;
}

#subpage .lowerBtn {
  margin: 40px 0;
  text-align: center;
}

#subpage .lowerBtn .btn {
  display: inline-block;
}

#subpage .lowerBtn .btn + .btn {
  margin-left: 15px;
}

#subpage .article {
  padding: 0 30px;
}

#subpage .article .heading {
  margin: 0 -30px;
  padding: 30px;
  overflow: auto;
}

#subpage .article .heading .pct {
  float: left;
  border: 7px solid #fff;
}

#subpage .article .heading .headingIn {
  padding-left: 480px;
}

#subpage .article .heading .txtarea {
  margin-bottom: 30px;
}

#subpage .article .heading .ttl {
  margin-bottom: 1em;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: -0.05em;
}

#subpage .article .heading .name {
  margin-bottom: 1em;
  font-weight: bold;
}

#subpage .article .heading .name span {
  font-size: 116.66%;
}

#subpage .article .heading .lead {
  font-size: 91.66%;
}

#subpage .article .btnarea {
  font-size: 0;
}

/*2015.10追加*/

#subpage .article .btnarea:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

#subpage .article .btnarea p {
  float: left;
}

#subpage .article .btnarea p + p {
  margin-left: 5px;
}

#subpage .article .btnarea p a {
  padding: 5px 11px 3px;
}

/*#subpage .article .btnarea .btn {
	display: inline-block;
	margin-right: 3px;
}*/

#subpage .article .section {
  overflow: auto;
}

#subpage .article .section .secTtl {
  margin-bottom: 1em;
  padding-left: 20px;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: -0.05em;
}

#subpage .article .section .pct {
  border: 7px solid #e7e7e7;
}

.right {
  float: right;
}

.left {
  float: left;
}

#subpage .article .section .txtarea {
  width: 510px;
}

#subpage .article .detail {
  overflow: auto;
}

#subpage .article .detail .ttl {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 7px 0 10px;
  background: #e7e7e7;
  font-size: 11px;
}

#subpage .article .detail .ttl:after {
  position: absolute;
  top: 0;
  right: -18px;
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 18px 22px 0;
  border-color: transparent transparent #e7e7e7 transparent;
}

#subpage .article .detail .detailInner {
  padding: 20px;
  border: 3px solid #eae8e1;
  overflow: auto;
}

#subpage .article .detail .name {
  margin-bottom: 0.25em;
  font-size: 133.33%;
  letter-spacing: -0.05em;
}

#subpage .article .detail .attribute {
  margin-bottom: 20px;
  color: #898989;
}

#subpage .article .detail .attribute span {
  color: #333;
}

#subpage .article .detail .txtarea {
  width: 560px;
}

#subpage .mv {
  height: 100px;
  line-height: 100px;
  color: #fff;
  font-size: 0;
}

#subpage.var01 .mv {
  background: url(../common/company_list/img_mv_company_list.jpg) no-repeat;
  font-size: 22px;
}

#subpage .mvArea {
  width: 850px;
  display: table;
}

#subpage .mvArea .mvtxt {
  width: 850px;
  height: 100px;
  padding-left: 30px;
  padding-right: 120px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4em;
  color: #fff;
  font-size: 22px;
}

/*企業一覧*/

.var01 .compMmvArea {
  background: url(../images/areanavi_hokkaido_logo.gif) no-repeat;
}

/*企業紹介*/

.color01 .compMmvArea {
  background: url(../common/company/img_mv_company01_bg.png) no-repeat;
}

.color02 .compMmvArea {
  background: url(../common/company/img_mv_company02_bg.png) no-repeat;
}

.color03 .compMmvArea {
  background: url(../common/company/img_mv_company03_bg.png) no-repeat;
}

.color04 .compMmvArea {
  background: url(../common/company/img_mv_company04_bg.png) no-repeat;
}

/*企業インタビュー*/

.color01 .interMvArea {
  background: url(../common/interview/img_mv_interview01_bg.jpg) no-repeat;
}

.color02 .interMvArea {
  background: url(../common/interview/img_mv_interview02_bg.jpg) no-repeat;
}

.color03 .interMvArea {
  background: url(../common/interview/img_mv_interview03_bg.jpg) no-repeat;
}

.color04 .interMvArea {
  background: url(../common/interview/img_mv_interview04_bg.jpg) no-repeat;
}

#subpage.color01 .article .heading {
  background: url(../common/company/bg_company_heading_color01.gif);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color01.gif);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))), url(../common/company/bg_company_heading_color01.gif);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color01.gif);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color01.gif);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color01.gif);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color01.gif);
}

#subpage.color02 .article .heading {
  background: url(../common/company/bg_company_heading_color02.gif);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color02.gif);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))), url(../common/company/bg_company_heading_color02.gif);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color02.gif);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color02.gif);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color02.gif);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color02.gif);
}

#subpage.color03 .article .heading {
  background: url(../common/company/bg_company_heading_color03.gif);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color03.gif);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))), url(../common/company/bg_company_heading_color03.gif);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color03.gif);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color03.gif);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color03.gif);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color03.gif);
}

#subpage.color04 .article .heading {
  background: url(../common/company/bg_company_heading_color04.gif);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color04.gif);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))), url(../common/company/bg_company_heading_color04.gif);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color04.gif);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color04.gif);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color04.gif);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../common/company/bg_company_heading_color04.gif);
}

#subpage.color01 .article .heading .ttl {
  color: #7e6e24;
}

#subpage.color02 .article .heading .ttl {
  color: #335aaf;
}

#subpage.color03 .article .heading .ttl {
  color: #bb5949;
}

#subpage.color04 .article .heading .ttl {
  color: #648a37;
}

#subpage.color01 .article .section .secTtl {
  background: url(../common/company/bg_company_secTtl_color01.gif) no-repeat left center;
  color: #7e6e24;
}

#subpage.color02 .article .section .secTtl {
  background: url(../common/company/bg_company_secTtl_color02.gif) no-repeat left center;
  color: #335aaf;
}

#subpage.color03 .article .section .secTtl {
  background: url(../common/company/bg_company_secTtl_color03.gif) no-repeat left center;
  color: #bb5949;
}

#subpage.color04 .article .section .secTtl {
  background: url(../common/company/bg_company_secTtl_color04.gif) no-repeat left center;
  color: #648a37;
}