@charset "UTF-8";
/* --------------------------------------------------
**
** keyVisual
**
** -------------------------------------------------- */
.bgTitleAreaType1.keyVisual {
	min-height: 385px;
	background: url(/company/recruit/images/bg-kv-recruit-01.jpg) repeat-x 50% 0;
	background-size: cover;
}


.bgTitleAreaType1.keyVisual h1 {
	margin: 80px 30px 40px 30px;
	text-shadow: 0 0 3px rgba(0,0,0,.5);
	line-height: 1.2;
	font-weight: normal;
	font-size: 500%;
	color: #FFF;
}

.bgTitleAreaType1.keyVisual h2 { margin: 75px 30px 40px; }
.bgTitleAreaType1.keyVisual h2 span {
	display: inline-block;
	margin-top: 20px;
	line-height: 1.5;
	color: #FFF;
}
/* --------------------------------------------------
**
** companyArea
**
** -------------------------------------------------- */
.companyArea h3 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 320%;
}
.companyArea .columnAreaType2 { padding: 0 21px; }
.companyArea .columnAreaType2 .col1of3 {
	width: 37.38%;
	width: -webkit-calc(33.33% + 42px);
	width: calc(33.33% + 42px);
	margin: 0 -21px;
}
.companyArea .columnAreaType2 .col1of3 .colIn {
	min-height: 200px;
	margin: 0 30px 10px;
}
.companyArea .columnAreaType2 .col1of3 .colIn.about { background: url(/company/recruit/images/bg-btn-about-01.jpg) no-repeat 0 0; }
.companyArea .columnAreaType2 .col1of3 .colIn.business { background: url(/company/recruit/images/bg-btn-business-01.jpg) no-repeat 0 0; }
.companyArea .columnAreaType2 .col1of3 .colIn.history { background: url(/company/recruit/images/bg-btn-history-01.jpg) no-repeat 0 0; }
.companyArea .columnAreaType2 .col1of3 .colIn .txtBlock {
	display: table-cell;
	height: 140px;
	vertical-align: middle;
}
.companyArea .columnAreaType2 .col1of3 .colIn .txtBlock .ttl {
	margin: 0;
	font-weight: normal;
	color: #FFF;
}
.companyArea .columnAreaType2 .col1of3 .colIn .txtBlock .ttl:after { background-position: -36px -8px; }



/* 2023追記 */
.companyArea .columnAreaType2 {
  padding: 0 21px;
}

.companyArea .columnAreaType2 .col2of4 {
  width: 54.04%;
  width: -webkit-calc(50% + 42px);
  width: calc(50% + 42px);
  margin: 0 -21px;
}

.companyArea .columnAreaType2 .col2of4 .colIn {
  min-height: 200px;
  margin: 0 30px 10px;
}

.companyArea .columnAreaType2 .col2of4 .colIn.guidance {
  background: url(/company/recruit/images/bg-btn-introduction.png) no-repeat 100% 0;
}

.companyArea .columnAreaType2 .col2of4 .colIn.about {
  background: url(/company/recruit/images/bg-btn-business-01_500.jpg) no-repeat 100% 0;
}
.companyArea .columnAreaType2 .col2of4 .colIn.job {
  background: url(/company/recruit/images/bg-btn-history-01_500.png) no-repeat 100% 0;
}
.companyArea .columnAreaType2 .col2of4 .colIn.history {
  background: url(/company/recruit/images/bg-btn-about-01_500.png) no-repeat 100% 0;
}

.companyArea .columnAreaType2 .col2of4 .colIn .txtBlock {
  display: table-cell;
  height: 140px;
  vertical-align: middle;
}

.companyArea .columnAreaType2 .col2of4 .colIn .txtBlock .ttl {
  margin-bottom: 0;
}

.companyArea .columnAreaType2 .col2of4 .colIn.me .txtBlock .ttl,
.companyArea .columnAreaType2 .col2of4 .colIn.assem .txtBlock .ttl {
  color: #FFF;
}

.companyArea .columnAreaType2 .col2of4 .colIn.me .txtBlock .ttl:after,
.companyArea .columnAreaType2 .col2of4 .colIn.assem .txtBlock .ttl:after {
  background-position: -36px -8px;
}


/* --------------------------------------------------
**
** selectionArea
**
** -------------------------------------------------- */
.selectionArea {
	padding: 10px 0 30px;
	background-color: #EDF0F2;
}
.selectionArea h3 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 320%;
}
.selectionArea .columnAreaType3 { padding: 0 21px; }
.selectionArea .columnAreaType3 .col1of4 {
	width: 29.04%;
	width: -webkit-calc(25% + 42px);
	width: calc(25% + 42px);
	margin: 0 -21px;
}
.selectionArea .columnAreaType3 .col1of4 .colIn {
	height: 188px;
	margin: 0 30px 10px;
	background-color: #FFF;
}
.selectionArea .columnAreaType3 .col1of4 .colIn.company { background: #fff url(/company/recruit/images/bg-icon-company-01.png) no-repeat 0 0; }
.selectionArea .columnAreaType3 .col1of4 .colIn.wanted { background: #fff url(/company/recruit/images/bg-icon-wanted-01.png) no-repeat 0 0; }
.selectionArea .columnAreaType3 .col1of4 .colIn.process { background: #fff url(/company/recruit/images/bg-icon-process-01.png) no-repeat 0 0; }
.selectionArea .columnAreaType3 .col1of4 .colIn.welfare { background: #fff url(/company/recruit/images/bg-icon-welfare-01.png) no-repeat 0 0; }
.selectionArea .columnAreaType3 .col1of4 .colIn .ttl { font-weight: normal; }
.selectionArea .columnAreaType3 .col1of4 .colIn[target="_blank"] .ttl:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	background: url(/common2/images/bg-icon-external-02.png) no-repeat 0 0;
	vertical-align: middle;
}
.selectionArea .btnBlock {
	width: 450px;
	margin: 0 auto;
}
.selectionArea .btnBlock .btns { margin-bottom: 10px; }
.selectionArea .btnBlock .btns li .btn {
	min-width: 344px;
	border: none;
	font-size: 200%;
	font-weight: normal;
}
.selectionArea .btnBlock .btns li .btn:before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 20px;
	background: url(/company/recruit/images/bg-icon-faq-01.png) no-repeat 0 0;
	vertical-align: middle;
}
.selectionArea .btnBlock .btns li .btn:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	content: "";
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url(/common2/images/bg-icon-button-01.png) no-repeat -42px -8px;
}
/* --------------------------------------------------
**
** companyInfoArea
**
** -------------------------------------------------- */
.companyInfoArea { padding-top: 60px; }
.companyInfoArea .keyVisual { margin: 0 30px 60px; }
.companyInfoArea .keyVisual a {
	display: block;
	padding: 5px 0;
	min-height: 220px;
	background: url(/company/recruit/images/bg-kv-recruit-02.jpg) no-repeat 0 0;
	text-decoration: none;
}
.companyInfoArea .keyVisual a:hover {
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.companyInfoArea .keyVisual a h3 {
	margin: 50px 20px 5px;
	font-size: 300%;
}
.companyInfoArea .keyVisual a p.normal {
	margin: 0 20px 30px;
	font-size: 180%;
}
.companyInfoArea .btns { margin: 0 12px 30px 30px; }
.companyInfoArea .btns li { margin-right: 18px; }
.companyInfoArea .btns li .btn.higher,
.companyInfoArea .btns li .btn.carrier {
	min-width: 451px;
	padding: 31px 27px 31px 19px;
	border-radius: 0;
	font-size: 200%;
	color: #FFF;
}
.companyInfoArea .btns li .btn.higher:after,
.companyInfoArea .btns li .btn.carrier:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	content: "";
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url(/common2/images/bg-icon-button-01.png) no-repeat -36px -8px;
}
.companyInfoArea .btns li .btn.higher.external:after,
.companyInfoArea .btns li .btn.carrier.external:after {
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: url(/common2/images/bg-icon-external-03.png) no-repeat 0 0;
}
.companyInfoArea .btns li .btn.higher:hover { color: #1785C4; }
.companyInfoArea .btns li .btn.carrier:hover { color: #A9D18E; }
.companyInfoArea .btns li .btn.higher:hover:after,
.companyInfoArea .btns li .btn.carrier:hover:after { background-position: 0 -8px; }
.companyInfoArea .btns li .btn.higher.external:hover:after { background: url(/common2/images/bg-icon-external-01.png) no-repeat 0 0; }
.companyInfoArea .btns li .btn.carrier.external:hover:after { background: url(/common2/images/bg-icon-external-carrier01.png) no-repeat 0 0; }