@charset "UTF-8";


/*empSec*/

.empSec {
  margin-top: 40px;
}

.empSec p {
  margin: 0;
}

.empSec .empTtl {
  padding-bottom: 16px;
  color: #00a0e9;
  font-size: 214.286%;
  font-weight: normal;
  text-align: center;
  position: relative;
}

#main .empSec .empTtl {
  margin: 0;
}

.empSec .empTtl:after {
  content: "";
  display: block;
  width: 30px;
  height: 4px;
  margin-left: -15px;
  background-color: #00a0e9;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.empSec .empTtl2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #00a0e9;
  color: #00a0e9;
  font-size: 185.714%;
  font-weight: normal;
  text-align: center;
}

.empSec .empExp {
  margin-bottom: 10px;
  color: #666;
  text-align: center;
}

.empSec .empExp p {
  line-height: 2;
}

.empSec .empExp .empLink{
  text-align: center;
}
.empSec .empExp .empLink a{
  padding-left: 11px;
  background: url(/recruit/application/images/lnk_blueArr.gif) 0 0.5em no-repeat;
  background-size: 6px 9px;
  display: inline-block;
}
.ie9 .empSec .empExp .empLink a{
  background-position: 0 0.3em
}

@media screen and (max-width:768px){
  .empSec .empExp .empLink{
    text-align: left;
  }
}

.btnHolder{
  padding: 20px 10px 40px;
  background: #f2f2f2;
}
.btnHolder ul{
  margin: 0;
  padding: 0;
  text-align: center;
}
.btnHolder ul li{
  width: 310px;
  margin: 20px 8px 0;
  display: inline-block;
}
.btnHolder ul li a{
  padding: 18px 32px 17px;
  color: #fff;
  font-size: 128.571%;
  line-height: 1.2;
  display: block;
  position: relative;
}
.ie .btnHolder ul li a{
  padding: 20px 32px 15px;
}
#mainContents .btnHolder ul li a{
	color: #fff;
	text-decoration: none;
}
.btnHolder ul li a:after{
	content: "";
	display: block;
	width: 11px;
	height: 100%;
	background: url(/recruit/application/images/aplbtn_arw.png) center center no-repeat;
	position: absolute;
	top: 0;
	right: 20px;
}
.ie9 .btnHolder ul li a{
	width: 100%;
	box-sizing: border-box;
	display: table;
}
.btnHolder ul li a:hover{
  opacity:0.8;
  filter:alpha(opacity=80);
}

.btnHolder ul.dbl{
}
.btnHolder ul.dbl li{
}
.btnHolder ul.tri{
}
.btnHolder ul.tri li{
  width: 200px;
}

.btnHolder ul li a.redBtn{
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f80101',EndColorStr='#cc0000',GradientType=1)";

	background:-webkit-linear-gradient(135deg, #f80101, #cc0000);
	background:-moz-linear-gradient(135deg, #f80101, #cc0000);
	background:-o-linear-gradient(135deg, #f80101, #cc0000);
	background:linear-gradient(135deg, #f80101, #cc0000);
}
.btnHolder ul li a.redBtn:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f80101',EndColorStr='#cc0000',GradientType=1)";

	background:-webkit-linear-gradient(135deg, #f80101, #cc0000);
	background:-moz-linear-gradient(135deg, #f80101, #cc0000);
	background:-o-linear-gradient(135deg, #f80101, #cc0000);
	background:linear-gradient(135deg, #f80101, #cc0000);
}

.btnHolder ul li a.grayBtn{
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a7a7a',EndColorStr='#666666',GradientType=1)";

	background:-webkit-linear-gradient(135deg, #7a7a7a, #666666);
	background:-moz-linear-gradient(135deg, #7a7a7a, #666666);
	background:-o-linear-gradient(135deg, #7a7a7a, #666666);
	background:linear-gradient(135deg, #7a7a7a, #666666);
}
.btnHolder ul li a.grayBtn:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a7a7a',EndColorStr='#666666',GradientType=1)";

	background:-webkit-linear-gradient(135deg, #7a7a7a, #666666);
	background:-moz-linear-gradient(135deg, #7a7a7a, #666666);
	background:-o-linear-gradient(135deg, #7a7a7a, #666666);
	background:linear-gradient(135deg, #7a7a7a, #666666);
}

@media screen and (max-width:768px){
  .btnHolder{
    padding: 0;
    background: none;
  }
  .btnHolder ul{
  }
  /*==clearfix==*/
  .btnHolder ul:after{content:""; display:block; clear:both;}
  .btnHolder ul li{
    width: 100%;
    margin: 10px 0 0;
  }
  .btnHolder ul li a{
    padding: 19px 32px 18px;
    font-size: 16px;
  }

  .btnHolder ul.dbl li{
    width: 48%;
  }
  .btnHolder ul.dbl li:nth-of-type(2n+1){
    float: left;
  }
  .btnHolder ul.dbl li:nth-of-type(2n){
    float: right;
  }
  .btnHolder ul.tri li{
    width: 100%;
  }
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.btnHolder table .redBtn a {
  display: block;
  width: 190px;
  position: relative;
  background: linear-gradient(to right, #f80101, #cc0000);
  color: #fff !important;
}

.btnHolder td.redBtn:first-child a {
  margin-right: 10px;
}

.btnHolder td.redBtn:last-child a {
  margin-left: 10px;
}

.btnHolder .redBtn a:after {
  content: "";
  display: block;
  width: 11px;
  height: 100%;
  background: url(/recruit/application/images/aplbtn_arw.png) center center no-repeat;
  position: absolute;
  top: 0;
  right: 30px;
}

.btnHolder .redBtn a:hover {
  text-decoration: none !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#02aaf6',EndColorStr='#0394d7',GradientType=0)";
  background: -webkit-linear-gradient(to right, #f80101, #cc0000);
  background: -moz-linear-gradient(to right, #f80101, #cc0000);
  background: -o-linear-gradient(to right, #f80101, #cc0000);
  background: linear-gradient(to right, #f80101, #cc0000);
}

.btnHolder .grayBtn a {
  display: block;
  position: relative;
  width: 190px;
  margin: 0 auto;
  background: linear-gradient(to right, #7a7a7a, #666);
  color: #fff !important;
}

.btnHolder .grayBtn a:after {
  content: "";
  display: block;
  width: 11px;
  height: 100%;
  background: url(/recruit/application/images/aplbtn_arw.png) center center no-repeat;
  position: absolute;
  top: 0;
  right: 30px;
}

.btnHolder .grayBtn a:hover {
  text-decoration: none !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#02aaf6',EndColorStr='#0394d7',GradientType=0)";
  background: -webkit-linear-gradient(to right, #7a7a7a, #666);
  background: -moz-linear-gradient(to right, #7a7a7a, #666);
  background: -o-linear-gradient(to right, #7a7a7a, #666);
  background: linear-gradient(to right, #7a7a7a, #666);
}

.empFigL {
  width: 310px;
  margin-right: 20px;
  float: left;
}


/* 仕事内容
=========================================== */

.jobCnt {
  margin-top: 40px;
}

/*==clearfix==*/

.jobCnt .jobIn:after {
  content: "";
  display: block;
  clear: both;
}


/* 話が聞いてみたい方へ
=========================================== */

.forLst {
  margin-top: 60px;
  padding: 35px 55px;
  border: 6px solid #daf3ff;
  text-align: center;
}

.forLst .flCht {
  margin: 0;
  color: #00a0e9;
  font-size: 128.571%;
}

.forLst .flCht span {
  display: inline-block;
  position: relative;
}

.forLst .flCht span:before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  margin-top: -13px;
  background: url(/recruit/application/images/flttl_l.png) center center no-repeat;
  position: absolute;
  top: 50%;
  left: -40px;
}

.forLst .flCht span:after {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  margin-top: -13px;
  background: url(/recruit/application/images/flttl_r.png) center center no-repeat;
  position: absolute;
  top: 50%;
  right: -40px;
}

.forLst .flTtl {
  margin: 15px 0 0;
  color: #00a0e9;
  font-size: 185.71%;
}

.forLst .flTxt p {
  margin: 8px 0 0;
  color: #666;
  line-height: 2 !important;
  text-align: left;
}


/* お問い合わせフォーム
=========================================== */

.inqBtn {
  width: 448px;
  margin: 20px auto 0;
}

.inqBtn a {
  padding: 36px 40px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#02aaf6',EndColorStr='#0394d7',GradientType=1)";
  background: -webkit-linear-gradient(135deg, #02aaf6, #0394d7);
  background: -moz-linear-gradient(135deg, #02aaf6, #0394d7);
  background: -o-linear-gradient(135deg, #02aaf6, #0394d7);
  background: linear-gradient(135deg, #02aaf6, #0394d7);
  font-size: 128.571%;
  line-height: 1;
  text-align: center;
  display: block;
  position: relative;
}

#mainContents .inqBtn a{
  color: #fff;
  text-decoration: none;
}

.inqBtn a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#02aaf6',EndColorStr='#0394d7',GradientType=1)";
  background: -webkit-linear-gradient(135deg, #02aaf6, #0394d7);
  background: -moz-linear-gradient(135deg, #02aaf6, #0394d7);
  background: -o-linear-gradient(135deg, #02aaf6, #0394d7);
  background: linear-gradient(135deg, #02aaf6, #0394d7);
}

.inqBtn a:after {
  content: "";
  display: block;
  width: 11px;
  height: 100%;
  background: url(/recruit/application/images/aplbtn_arw.png) center center no-repeat;
  position: absolute;
  top: 0;
  right: 30px;
}
.ie9 .inqBtn a{
	width: 100%;
	box-sizing: border-box;
	display: table;
}

@media screen and (max-width:768px){
  .inqBtn a{
    padding: 18px 32px;
  }
  .inqBtn a:after{
    right: 20px;
  }
}

.forPC {
  display: block;
}
.forSP {
  display: none;
}
@media screen and (max-width:768px){
  .forPC {
    display:none;
  }
  .forSP {
    display:block;
  }
  #main .rctTtl_1 {
    /*line-height: 1.9;*/
		display: block;
		position: relative;
		padding: 12px 10px 7px 20px !important;
		background: #0088d1;
		color: #fff;
		font-size: 18px !important;
		font-weight: bold !important;
		border-bottom: 2px solid #026ba9;
  }
	#main .rctTtl_1:before{
		content: '';
		display: block;
		width: 3px;
		height: 14px;
		background: #61abee;
		position: absolute;
		top: 50%;
		left: 10px;
		margin-top: -7px;
	}
  .optionSP {
    margin-top: 8px;
    list-style: none;
  }
  .optionSP li a {
    display: block;
    position: relative;
    width: 73.5%;
    margin: 0 auto;
    padding: 30px;
    background: #0068b7;
    color: #fff !important;
    text-decoration: none;
    line-height: 1.2;
  }
  .optionSP li:first-child a {
    border-bottom: 1px solid #589ccf;
  }
  .optionSP li a:after {
    content: "";
    display: block;
    width: 22px;
    height: 100%;
    background: url(/recruit/application/images/white_arrDown.png) center center no-repeat;
    position: absolute;
    top: 0;
    right: 30px;
  }
  .empSec {
    margin: 0;
    padding: 30px 15px 0;
  }
  .empSec .empTtl {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 1;
  }
  .empSec .empTtl:after {
    content: '';
    position: absolute;
    display: block;
    left: 15px;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background: #00a0e9;
  }
  .empSec .empTtl2 {
    position: relative;
    padding-left: 10px;
    border: none;
    font-weight: bold;
    font-size: 18px;
    color: #000;
    text-align: left;
  }
  .empSec .empTtl2:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 20px;
    margin-top: -16px;
    background: #00a0e9;
  }
  .jobCnt {
    margin-top: 15px;
  }
  .empSec .empExp {
    text-align: left;
  }
  .empExp p {
    line-height: 1.5 !important;
  }
  .empSec .empExp a {
    padding-left: 10px;
  }
  .btnHolder table {
    background: none;
  }
  .btnHolder table td a {
    width: 100% !important;
  }
  .btnHolder table {
    background: none;
  }
  .btnHolder td {
    width: 50%;
  }
  .btnHolder table {
    height: 100%;
  }
  .btnHolder td.redBtn a,
  .mb15 .grayBtn a {
    margin: 0 !important;
    width: 100% !important;
  }
  .pdR5 {
    padding-right: 5px;
  }
  .pdR5 a {
    padding: 6.63% 16% !important;
  }
  .pdL5 {
    padding-left: 5px;
  }
  .pdL5 a {
    padding: 6.63% 16% !important;
  }
  .btnHolder .redBtn a:after {
    right: 10px;
  }
  .mb15 {
    overflow: hidden;
  }
  .mb15 td.redBtn,
  .mb15 td.grayBtn {
    float: left;
    width: 100%;
  }
  .mb15 td.redBtn {
    margin-bottom: 15px;
  }
  .forLst .flCht {
    margin-left: 40px;
    color: #000;
  }
  .forLst .flCht span:before {
    background: url(/recruit/application/images/flttl_l01.png) center center no-repeat;
  }
  .forLst .flCht span:after {
    background: url(/recruit/application/images/flttl_r01.png) center center no-repeat;
  }
  .forLst {
    border: none;
    margin-top: 20px;
    padding: 0 15px;
  }
  .forLst .flTtl {
    position: relative;
    margin: 0;
    padding: 10px 0;
    border-bottom: 2px solid #ccc;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 1;
  }
  .forLst .flTtl:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background: #00a0e9;
  }
  .forLst .jobCnt {
    overflow: hidden;
  }
  .forLst .empFigL {
    float: left;
    width: 100%;
    margin: 0;
  }
  .forLst .empFigL img {
    width: 100%;
    height: auto;
  }
  .forLst .flTxt {
    float: left;

  }
  .forLst .inqBtn {
    width: 100%;
    float: left;
  }


}
/**/