html, body {
  overflow-x: hidden; }

/*==========================
    Recruit  page
============================*/
.txtColor {
  color: #848484; }

.txtColorBlue {
  color: #496190; }

.txtDarkBlue {
  color: #122c49; }

.txtLightBlue {
  color: #2172c2; }

.txtLightBrow {
  color: #ba9322; }

a.txtUnderline {
  text-decoration: underline; }

.headerComBox {
  background: url(../img/about/comfortable_space/bg2.png) left top repeat-x;
  padding-top: 20px;
  background-size: auto 94px; }
  .headerComBox .ttlSub {
    color: #122c49; }
.leftRight50{
    font-size: 0;
    letter-spacing: 0;
}
.leftRight50 li {
    display: inline-block;
    vertical-align: top;
    width: 50%; 
}
  .leftRight50 li:nth-child(2n+1) {
    padding-right: 5px; }
  .leftRight50 li:nth-child(2n+2) {
    padding-left: 5px; }

.bgIcon {
  background: url(../img/about/natural/icon_bg.png) left bottom no-repeat;
  padding-left: 10px;
  padding-right: 15px;
  background-size: auto 15px; }

.bgYellow {
  background: #fff28c; }

.btnBacktop a {
  display: inline-block;
  color: #5b5b5b;
  text-decoration: underline;
  background: url(../img/recruit/requirements/icon_backtop.png) left center no-repeat;
  background-size: 10px auto;
  padding-left: 15px; 
}

/*--------------------------------
	Recruit Top
----------------------------------*/
.imgMain {
  position: relative; }
  .imgMain .ttlMain {
    position: absolute;
    right: 10px;
    bottom: -22px;
    font-family: 'OpenSans-LightItalic';
    letter-spacing: 3px;
    font-size: 30px;
    color: #4c99cf; }

.recruitBox1 {
  background: url(../img/recruit/top/bg.jpg) left top repeat;
  padding-top: 30px;
  padding-bottom: 33px; }
  .recruitBox1 li {
    margin-bottom: 11px;
    padding: 10px; }
  .recruitBox1 .ttlBox {
    display: table; }
    .recruitBox1 .ttlBox label {
      display: table-cell;
      width: 37px;
      height: 37px;
      text-align: center;
      color: #fff;
      padding-top: 7px; }
    .recruitBox1 .ttlBox span {
      display: table-cell;
      padding-left: 10px;
      vertical-align: top; }
  .recruitBox1 .bg1 {
    background: #faf8f0; }
    .recruitBox1 .bg1 .ttlBox label {
      background: url(../img/recruit/top/bg_icon.png) left top no-repeat;
      background-size: 37px 37px; }
  .recruitBox1 .bg2 {
    background: #ddeaf5; }
    .recruitBox1 .bg2 .ttlBox label {
      background: url(../img/recruit/top/bg_icon1.png) left top no-repeat;
      background-size: 37px 37px; }

a.btnRecruitMore {
  display: inline-block;
  background: url(../img/recruit/top/btn_bg1.png) center center no-repeat;
  background-size: 250px 55px;
  text-align: center;
  font-weight: bolder;
  color: #fff;
  width: 250px;
  height: 55px;
  padding-top: 15px;
  padding-left: 20px; }

a.btnRecruitMore1 {
  background: url(../img/recruit/top/btn_bg2.png) center center no-repeat;
  background-size: 250px 55px;
  padding-top: 15px;
  padding-left: 0px; }

a.btnRecruitMore2 {
  background: url(../img/recruit/requirements/btn_bg1.png) center center no-repeat;
  background-size: 250px 55px;
  padding-top: 15px;
  padding-left: 0px; }

.contactRecruit .innerBox {
  background: #ede8d8;
  padding: 10px 10px 20px; }
.contactRecruit .box {
  background: #faf8f0;
  position: relative;
  padding: 18px 13px 11px; }
  .contactRecruit .box .imgPerson {
    position: absolute;
    top: -30px;
    right: 9px; }
.contactRecruit .txt {
  width: 263px;
  padding-left: 5px;
  margin: 0 auto 10px; }

a.txtCommonLink {
  display: block;
  min-width: 45px;
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  letter-spacing: 2px;
  color: #fff;
  background: url(../img/recruit/top/btn_bg0.png) center no-repeat;
  background-size: 100%;
  padding: 10% 0;
  text-align: center; 
  font-size: 14px;
}

a.txtCommonLink1 {
  background: url(../img/recruit/top/btn_bg0_h.png) center no-repeat;
  background-size: 100%;
}
a.txtCommonLink1 small{
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}

/*========================
	Requirement page
==========================*/
.ttlH2Common .txtSub{
    font-size: 14px;
}
.requireBox1 {
  background: #ebf3f9;
  padding-top: 25px;
  padding-bottom: 20px; }

.requireBox2 {
  background: url(../img/recruit/requirements/bg_anchor.jpg) left top repeat;
  padding-top: 20px;
  padding-bottom: 20px; }
  .requireBox2 li {
    text-align: center; 
    vertical-align: top;
}
    .requireBox2 li a {
      display: table;
      min-width: 45px;
      width: 100%;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      letter-spacing: 2px;
      color: #fff; 
      font-size: 13px;
  }
      .requireBox2 li a span {
        display: table-cell;
        vertical-align: middle;
        height: 40px; }
    .requireBox2 li a.txtAnchor1 {
      background: url(../img/recruit/top/btn_bg0.png) top no-repeat;
      background-size: 100%;
      padding: 10% 0; }
    .requireBox2 li a.txtAnchor2 {
        background: url(../img/recruit/top/btn_bg0.png) top no-repeat;
        background-size: 100%;
      padding: 5% 0; 
  }

.requireBox2Career li a.txtAnchor1 {
    background: url(../img/recruit/requirements/bg_anchor1_new.png) center no-repeat;
    background-size: 100%;
}
.requireBox2Career li a.txtAnchor2 {
    background: url(../img/recruit/requirements/bg_anchor2.png) center no-repeat;
    background-size: 100%;
}

.requireBoxCom {
    padding: 6px; 
}
  .requireBoxCom .txtLightBlue,
  .requireBoxCom .txtLightBrow {
    letter-spacing: 3px; }
  .requireBoxCom .txtLine {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 7px; }
  .requireBoxCom .contentBox {
        padding: 15px 10px 22px; 
}

.requireBg1 {
  background: url(../img/recruit/requirements/bg_content1.jpg) left top repeat; }
  .requireBg1 .innerBox {
    background: #eef4fa; }

.requireBg2 {
  background: url(../img/recruit/top/bg.jpg) left top repeat; }
  .requireBg2 .innerBox {
    background: #faf8f0; }

/*============================
	Talent page
==============================*/
.talenBox1 {
  background: #dbe8f3;
  padding-bottom: 25px; }

.talenBox2 {
  background: #f8f6ee;
  padding-top: 27px;
  padding-bottom: 30px; }

.talenBox3 {
  background: url(../img/recruit/talent/bg1.jpg) left top repeat; }

.talenComBox1 {
  background: url(../img/recruit/talent/bg2.png) left top repeat-x;
  background-size: auto 98px;
  padding-top: 16px; }
  .talenComBox1 .ttlBox {
    display: table; }
    .talenComBox1 .ttlBox label {
      display: table-cell;
      width: 37px;
      height: 37px;
      text-align: center;
      color: #fff;
      padding-top: 7px;
      background: url(../img/recruit/top/bg_icon.png) left top no-repeat;
      background-size: 37px 37px; }
    .talenComBox1 .ttlBox span {
      display: table-cell;
      padding-left: 10px;
      vertical-align: middle; }

.talenComBox2 {
  background: url(../img/recruit/talent/bg3.png) left top repeat-x;
  background-size: auto 98px;
  padding-top: 16px; }
  .talenComBox2 .ttlBox {
    display: table; }
    .talenComBox2 .ttlBox label {
      display: table-cell;
      width: 37px;
      height: 37px;
      text-align: center;
      color: #fff;
      padding-top: 7px;
      background: url(../img/recruit/top/bg_icon1.png) left top no-repeat;
      background-size: 37px 37px; }
    .talenComBox2 .ttlBox span {
      display: table-cell;
      padding-left: 10px;
      vertical-align: middle; }


/*=========================================
Add new 2018/05/09
===========================================*/
.requirementBox1 {
    background: url(../img/common/other/bg_repeat.png) left top repeat;
    margin-bottom: 45px;
    padding: 40px 15px 34px;
    text-align: center;
}
.txtFontGothicYuming{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.requirementBox2{
    padding: 0 10px;
    margin: 0 auto 41px;
    color: #353535;
}
.requirementBox2 .ttl{
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.3;
    font-weight: 600;    
}
.requirementBox2 .ttl span{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px dotted #000;
    letter-spacing: 1px;
    font-size: 23px;
}
.requirementBox2 .txt1{
    text-align: center;
    font-size: 13px;
    margin-bottom: 25px;
}
.requirementBox2 .txt1 span{
    display: inline-block;
    background: url(../img/recruit/requirements/icon_1.png) left 3px no-repeat;
    padding-left: 25px;
    background-size: 13px 13px;
}
.requirementBox2 .txt2{
    line-height: 1.8;
    letter-spacing: 0.5px;
}
.requirementBox2 .listBox li{
    margin-bottom: 40px;
}
.requirementBox2 .listBox img{
    display: block;
    width: 100%;
}
.requirementBox2 .listBox .img{
    margin-bottom: 17px;
}
.requirementBox2 .listBox .ttlSub{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    padding-left: 40px;
}
.requirementBox2 .listBox small{
    font-size: 12px;
    display: block;
}
.requirementBox2 .listBox .icon1,
.requirementBox2 .listBox .icon2{
    display: inline-block;
    position: absolute;
    font-size: 13px;
    font-family: "Open Sans";
    width: 31.5px;
    height: 31.5px;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    left: 0;
    top: -4px;
}
.requirementBox2 .listBox .icon1{    
    background: url(../img/recruit/requirements/icon_y.png) left top no-repeat;
    background-size: 31.5px 31.5px;    
}
.requirementBox2 .listBox .icon2{
    background: url(../img/recruit/requirements/icon_b.png) left top no-repeat;
    background-size: 31.5px 31.5px;
}
.requirementBox2 .txtNote{
    text-align: center;
    background: #e9e9e9;
    border: 1px solid #d9d9d9;
    padding: 15px;
    font-size: 13px;
    margin-bottom: 23px;
}
.requirementBox2 .btn{
    text-align: center;
}
.requirementBox2 .btn a{
    display: inline-block;
    width: 250px;
    height: 65.5px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    background: url(../img/recruit/requirements/btn_y.png) left top no-repeat;
    background-size: 100%;
    padding-top: 10px;
}

.anchorBox{
    margin-top: 30px;
    padding: 0 10px;
}
.anchorBox li{
    display: inline-block;
    width: 170px;
}
.anchorBox li a{
    background: url(../img/recruit/requirements/bg_icon_down.png) top no-repeat;
    background-size: 100%;
    padding: 10% 0;
    font-size: 13px;
    color: #fff;
    display: block;
    text-align: center;
}

/*==========================
  2019.11.28
============================*/
.tagbox{
  margin-bottom: 25px;
}
.tagbox .list{
  font-size: 0;
  letter-spacing: 0;
}
.tagbox .list li{
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 5px;
}
.tagbox .txt{
  background: url(../img/recruit/requirements/bg_arrow.png) top left no-repeat;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 25px;
  padding: 2px 12px 3px;
  border-right: 0;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
}
.tagbox .txt:after{
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  height: 30px;
  width: 11px;
  background: url(../img/recruit/requirements/icon_arrow.png) top right no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.tagbox1 .txt{
  background: url(../img/recruit/requirements/bg_arrow1.png) top left no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.tagbox1 .txt:after{
  background: url(../img/recruit/requirements/icon_arrow1.png) top right no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}