@charset "UTF-8";
#contnts h5 {
  font-weight: bold;
  color: #205f42;
  padding: 0;
  font-size: 150%;
  margin: 10px 0;
}
#contnts .green {
  color: #205f42;
}
#contnts .bgwhite {
  background-color: #fff !important;
}
#contnts .italic {
  font-style: italic;
}
#contnts .bold {
  font-weight: bold;
}
#contnts .xx-small {
  font-size: 60% !important;
}
#contnts .x-small {
  font-size: 75% !important;
}
#contnts .small {
  font-size: 88.88% !important;
}
#contnts .large {
  font-size: 120% !important;
}
#contnts .x-large {
  font-size: 150% !important;
}
#contnts .xx-large {
  font-size: 200% !important;
}
#contnts .clearboth {
  clear: both;
}
#contnts .hover:hover, #contnts a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 0.3s ease-in-out;
}
#contnts .notalpha {
  opacity: 1;
  filter: alpha(opacity=100);
}
#contnts .inner iframe {
  width: 100%;
}
#contnts .inner dl {
  font-size: 1em;
  line-height: 1.9;
  padding-bottom: 15px; /* display: table; */ /* border-collapse: separate; */ /* border-spacing: 5px; */ /* margin-bottom: 50px; */
}
#contnts .inner ol {
  font-size: 1.17em;
  line-height: 1.9;
  list-style-type: decimal;
  margin-left: 2em;
}
#contnts .inner ul {
  font-size: 1.17em;
  line-height: 1.9;
  padding: 15px 15px 0;
  text-indent: -1em;
  margin-left: 1em;
}
#contnts .inner ul.font100 {
  font-size: 100%;
}
#contnts .inner ul ul {
  font-size: 100%;
  margin-left: 1em;
}
#contnts .inner ul ul ul {
  padding-bottom: 0;
}
#contnts .inner a {
  text-decoration: underline;
}
#contnts .inner p img {
  max-width: 100%;
  height: auto;
}
#contnts #level_3rd h1 strong {
  padding: 36px 0;
}
#contnts table.list.tableFixed {
  table-layout: fixed;
}
#contnts table.list .tableNowrap {
  white-space: nowrap;
}
#contnts .spBlock {
  display: none;
}
#contnts .insteadH2 {
  padding: 32px 0 20px 0;
}
#contnts .tdEmpty {
  background: url(../images/td_empty.png) no-repeat top left;
  background-size: 100% 100%;
  background-size: 100% 100%;
}
#contnts .relative {
  position: relative;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.width60 {
  width: 60%;
  margin: 0 auto;
}

.width70 {
  width: 70%;
  margin: 0 auto;
}

.width80 {
  width: 80%;
  margin: 0 auto;
}

.width90 {
  width: 90%;
  margin: 0 auto;
}

.col .col_inner img {
  max-width: 100%;
  height: auto;
}

.flow-allow .maxHeight p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 84%;
  padding-bottom: 0;
}

/*************
List
*************/
.normalList li,
.normalList dt {
  background: url(../images/bg_icon_link.png) no-repeat 4px 0.7em;
  padding-bottom: 3px;
  text-indent: 0;
  padding-left: 1em;
}

.discList {
  list-style-type: disc;
  text-indent: 0 !important;
}

/*************
Index Page Section
*************/
.h1_block.indexpage {
  background: #2a855c url(../images/indexpage_section.png) no-repeat center top !important;
  border-top: 5px solid #1d6444;
}

.h1_block.indexpage h1 {
  height: 167px;
}

.h1_block.indexpage strong {
  /*	background-repeat: no-repeat;
  	background-position: center center;
  	text-indent: 100%;
  	white-space: nowrap;
  	overflow:hidden;*/
  padding: 0 !important;
  line-height: 167px;
}

/*.h1_block.indexpage #strengthTitle{
	background-image: url(../../images/strength/strength_title.png);
	width: 302px;
}
.h1_block.indexpage #irTitle{
	background-image: url(../../images/ir/ir_title.png);
	width: 200px;
}
.h1_block.indexpage #serviceTitle{
	background-image: url(../../images/service/service_title.png);
	width: 414px;
}
.h1_block.indexpage #companyTitle{
	background-image: url(../../images/company/company_title.png);
	width: 230px;
}*/
.indexpage_section {
  width: 100%;
  display: block;
  background: #f9f5ed;
}

.indexpage_section .wrapper {
  display: block;
  margin: 0 auto;
  background: none;
}

.indexpage_menu {
  text-align: center;
  padding: 20px 0 50px !important;
  width: 100%;
  margin: 0 !important;
  text-indent: 0 !important;
}

.indexpage_menu li {
  display: inline-block;
  width: 33.3%;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.indexpage_menu li:last-child a {
  border-right: 1px solid #e3dfd8;
}

.indexpage_menu li a {
  border-left: 1px solid #e3dfd8;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  /* text-decoration: none; */
}

.indexpage_menu li img {
  /* width: 80%; */
  max-width: 200px;
  height: auto;
}

/*************
Column
*************/
.column2_type01 .col .col_inner img.spacer {
  width: 1px !important;
  height: 1px !important;
}

.column2_type03 {
  margin: 20px auto;
  display: block;
}

.column2_type03 .col {
  display: inline-block;
  float: left;
}

.column2_type03 .col {
  width: 70%;
}

.column2_type03 .col:last-child {
  width: 30%;
}

.column2_type03 .col .col_inner {
  padding: 0 0 0 30px;
}

.column2_type03 .col:first-child .col_inner {
  padding: 0 30px 0 0;
}

.column3_type02 .col {
  display: inline-block;
  width: 50%;
  float: left;
}

.column3_type02 .col:nth-child(odd) {
  width: 25%;
}

.column3_type02 .col .col_inner {
  padding: 0 15px 0 15px;
}

.column2_type03:before,
.column2_type03:after,
.column3_type02:before,
.column3_type02:after {
  content: "";
  display: table;
}

.column2_type03:after,
.column3_type02:after {
  clear: both;
}

/*************
Highlight
*************/
.highlight_area {
  background: #e4f8ef;
  text-align: center;
  border-radius: 10px;
  padding: 2em;
}

.highlight_area h3,
.highlight_area h4 {
  background: transparent !important;
}

.highlight_area p {
  text-align: left;
}

.highlight_area2 {
  background: #f9f5ed;
  border: 1px solid #d3d3d3;
  text-align: center;
  border-radius: 7px;
}

.highlight_area2 h3 {
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #205f42 !important;
  border-bottom: 2px solid #087b4a;
  color: #fff !important;
  margin-top: 0 !important;
  padding: 0.3em !important;
  position: relative;
}

.highlight_area2 h3:after {
  background: url(../images/highlight_area2_arrow.png) no-repeat center center;
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 16px;
  /* color: rgb(32, 95, 66); */
}

.highlight_area2 ul {
  margin: 0 2em 2em;
}

.highlight_area3 {
  background: #f9f5ed;
  text-align: center;
  border-radius: 10px;
  padding: 2em;
}

.highlight_area3.introduction {
  background: #f9f5ed url(../../images/service/introduction_icon.png) no-repeat 25% center;
  background-size: 95px 118px;
  height: 100px;
  line-height: 50px;
  font-size: 200%;
  padding-left: 40%;
  padding-top: 30px;
  padding-bottom: 40px;
  text-align: left;
}

.highlight_area3.introduction .xx-large {
  font-size: 300% !important;
  /* vertical-align: bottom; */
}

/*************
Flow
*************/
.flow-allow {
  line-height: 1.6em;
  overflow: hidden;
}

.flow-allow dt {
  background: #205F42;
  color: #fff;
  border-bottom: solid 1px #d1d1d1;
  border-top: solid 1px #d1d1d1;
  width: 21%;
  margin-bottom: 3em;
  padding: 2%;
  float: left;
  clear: left;
  position: relative;
  text-align: center;
}

.flow-allow dd {
  margin: 0 0 3em 25%;
  padding: 2%;
  width: 71%;
  border-bottom: solid 1px #d1d1d1;
  border-top: solid 1px #d1d1d1;
  background: #f6f6f6;
}

.flow-allow dt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -31px;
  left: 0;
  color: #033333;
  background: url(/common/images/flow_allow.png) no-repeat center top;
  height: 32px;
  width: 100%;
}

.flow-allow dt:last-child {
  margin-bottom: 0;
}

.flow-allow dt.lastEl:after {
  background: none;
}

/*************
Page Index
*************/
.pageIndex {
  width: 97%;
  background: #F0F0F0;
  overflow: hidden;
  text-indent: 0 !important;
  margin-left: 0 !important;
}

.pageIndex li {
  float: left;
  width: 48%;
  margin: 0 1% 20px;
  /* background: #205f42; */
}

.pageIndex li a {
  background: url(../images/bg_icon_subnavi_arrow03.png) no-repeat 95% center;
  font-size: 120%;
  display: block;
  height: 100%;
  width: 88%;
  padding-left: 10%;
  color: #0a8147;
  border: solid 4px #2a855c;
  background-color: #fff;
  text-decoration: none;
  line-height: 80px;
  position: relative;
  transition: background-color 0.5s ease-out;
}

.pageIndex li a:hover {
  background: #2a855c url(../images/bg_icon_subnavi_arrow01.png) no-repeat 95% center;
  color: #fff;
}

/* "HIP"の強み
------------------------------------------------------------*/
.indexpage_menu.strengthMenu {
  padding: 90px 0 !important;
}

#level_3rd h1 strong.engineer {
  background-image: url(../../images/strength/strength_icon01.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  padding: 36px 0 36px 100px;
}

#strength_engineer_icon {
  background-image: url(../../images/strength/strength_icon01.png);
  background-position: center 5%;
  background-repeat: no-repeat;
  position: relative;
}

#level_3rd h1 strong.follow {
  background-image: url(../../images/strength/strength_icon02.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  padding: 36px 0 36px 100px;
}

#strength_follow_icon {
  background-image: url(../../images/strength/strength_icon02.png);
  background-position: center 5%;
  background-repeat: no-repeat;
  position: relative;
}

#level_3rd h1 strong.network {
  background-image: url(../../images/strength/strength_icon03.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  padding: 36px 0 36px 100px;
}

#strength_network_icon {
  background-image: url(../../images/strength/strength_icon03.png);
  background-position: center 5%;
  background-repeat: no-repeat;
  position: relative;
}

#strength_engineer_icon a,
#strength_follow_icon a,
#strength_network_icon a {
  padding: 200px 0 40px;
  font-weight: bold;
  font-size: 120%;
  text-decoration: none;
}

#strength_engineer_icon a:after,
#strength_follow_icon a:after,
#strength_network_icon a:after {
  content: "";
  display: block;
  width: 100%;
  height: 28px;
  background-image: url(../../images/strength/strength_arrow.png);
  background-position: center 5%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 高度な技術者集団
------------------------------------------------------------*/
#strength_engineer01 li img {
  max-width: 240px;
}

#strength_engineer01 .secondEl {
  position: relative;
}

#strength_engineer01 .secondEl:after {
  right: -50%;
  top: 0;
}

#strength_engineer01 .secondEl:before {
  left: -50%;
}

#strength_engineer01 .secondEl:before,
#strength_engineer01 .secondEl:after {
  content: "";
  display: block;
  background-image: url(../../images/strength/engineer_icon_bg.png);
  background-repeat: no-repeat;
  background-position: center 47%;
  width: 100%;
  height: 100%;
  position: absolute;
  /* top: 35%; */
  /* left: 0; */
}

/* ISO認証
------------------------------------------------------------*/
#isoExcluding {
  position: relative;
  left: -23%;
}

/* 業務内容
------------------------------------------------------------*/
#contract_menu {
  overflow: hidden;
  border-bottom: 1px solid #d1d1d1;
}

#contract_menu dt {
  float: left;
  clear: left;
  width: 30%;
  min-height: 180px;
  text-align: center;
  border-top: 1px solid #d1d1d1;
  position: relative;
  padding-bottom: 1em;
}

#contract_menu dt a {
  display: block;
  height: 100%;
  width: 100%;
}

#contract_menu dt img {
  width: auto;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  text-align: center;
}

#contract_menu dd {
  border-top: 1px solid #d1d1d1;
  padding-top: 1em;
  /* font-size: 1.17em; */
  padding-left: 30%;
  font-size: 100%;
}

#contract_menu dd a {
  text-decoration: none;
}

#contract_menu dd p,
#contract_menu dd ul {
  font-size: 100%;
}

/* IR
------------------------------------------------------------*/
.ir-faq dl {
  margin-bottom: 50px;
}

.ir-faq dl dt,
.ir-faq dl dd {
  padding-left: 30px;
  position: relative;
}

.ir-faq dl dt {
  color: rgb(31, 94, 65);
  font-weight: bold;
}

.ir-faq dl dd {
  margin-bottom: 10px;
}

.ir-faq dl dd:before,
.ir-faq dl dt:before {
  content: "";
  display: block;
  width: 22px;
  height: 30px;
  position: absolute;
  left: 0;
}

.ir-faq dl dt:before {
  content: "";
  display: block;
  background: url(/images/ir/Q.png) no-repeat left 4px;
  background-size: 20px 20px;
  width: 20px;
  height: 25px;
  position: absolute;
  left: 2px;
}

.ir-faq dl dd:before {
  content: "";
  display: block;
  background: url(/images/ir/A.png) no-repeat left 4px;
  background-size: 20px 20px;
  width: 20px;
  height: 25px;
  position: absolute;
  left: 2px;
}

#ir_training {
  width: 460px;
}

.hakenhoudisclosure ul li {
  margin-top: 10px;
}

.hakenhoudisclosure ul li p {
  padding-bottom: 0;
}

.hakenhoudisclosure ul ul li {
  margin-bottom: 10px;
}

#ir_calendar table th:first-child {
  width: 180px;
}

/* 派遣法に基づく情報公開
------------------------------------------------------------*/
#hakenhoudisclosure_tel h3 img,
#hakenhoudisclosure_mail h3 img {
  vertical-align: bottom;
  margin-right: 12px;
  margin-bottom: -1px;
}

#hakenhoudisclosure_tel .mb10 img {
  vertical-align: sub;
  margin-right: 12px;
}

/* 新着情報一覧
------------------------------------------------------------*/
.news_dl {
  line-height: 2.2 !important;
  margin-bottom: 50px;
}

.news_dl dt {
  float: left;
  clear: left;
  width: 10em;
  font-weight: bold;
  color: #205F42;
}

.news_dl dd {
  padding-left: 10em;
}

.news_dl dd img {
  vertical-align: middle;
  margin-right: 10px;
}

/*# sourceMappingURL=recruit_form_fg_pc.css.map */