@charset 'utf-8';
@media all and (max-width: 640px){/* Sp ***************/



/***** Album *****/
.boxAlbum {
  margin-bottom: 10%;
}
.boxAlbum01 .boxList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 10%;
}
.boxAlbum01 .boxListOne {
  width: 32.2%;
  margin-right: 1.7%;
  margin-bottom: 1.7%;
}
.boxAlbum01 .boxListOne:nth-child(4n) {
  margin-right: 1.7%;
}
.boxAlbum01 .boxListOne:nth-child(3n) {
  margin-right: 0;
}
.boxAlbum01 .boxListOne .boxPopupCont {
  display: none;
  text-align: center;
  /*padding: 10% 10%;*/
}

.boxAlbum01 .boxListOne .boxPopupContIn {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  max-width: 79%;
  max-height: 80%;
  padding: 10% 0;
}
.boxAlbum01 .boxListOne .boxPopupContIn .imgMain {
  display: block;
  max-height: 40vh;/*80%;*/
  margin: 0 auto;
}
.boxAlbum01 .boxListOne .boxPopupCont.isCaption .boxPopupContIn .imgMain {
  margin-bottom: 5%;
}
.boxAlbum01 .boxListOne .boxBtnPopupClose {
  padding: 0 5% 0 0;
  background-image: url('./../../images_sp/album/sp-album-btn-close01.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 13% auto;
}
.boxAlbum01 .boxPagination .page-numbers {
  margin-left: auto;
  margin-right: auto;
}


  /***** Blog Single *****/
  .boxBlogS01Wrap {
    margin-bottom: 10%;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .boxBlogS01 {
    display: block;
  }
  .boxBlogS01L {
    width: 100%;
    margin-bottom: 20%;
  }
  .boxBlogS01L .ttlList {
    margin-bottom: 5%;
  }
  .boxBlogS01L .boxListImg {
    margin-bottom: 7%;
    text-align: center;
  }

  .boxBlogS01R {
    width: 100%;
  }
  .boxBlogS01R .logoBlogSide01 {
    display: block;
    margin: 0 auto;
    margin-bottom: 7%;
  }
  .boxBlogS01R .boxBaseCom.no01 {
    margin-bottom: 8%;
    padding-bottom: 5%;
    border-bottom: 1px #eee solid;
    font-size: 1.1rem;
    font-size: 4.3vw;
    font-weight: 700;
  }
  .boxBlogS01R .boxBaseCom.no01 p {
    line-height: 1.5;
  }
  .boxBlogS01R .boxSideSearch {
    margin-bottom: 10%;
  }
  .boxBlogS01R .boxSideSearch .btnSearch {
    position: relative;
    z-index: 2;
    display: block;
    width: 8%;
    height: 11vw;
    margin-bottom: -13%;
    border: 0;
    background: none;
    background-image: url('./../../images/blog/blog-icn-search01.png');
    background-repeat: no-repeat;
    background-position: 43% center;
    background-size: 50% auto;
    cursor: pointer;
  }
  .boxBlogS01R .boxSideSearch input {
    width: 100%;
    height: 11vw;
    padding: 2% 2% 2% 13%;
    font-size: 1.2rem;
    font-size: 4.5vw;
    font-weight: 700;
  }
  .boxBlogS01R .ulCatMenu {
    margin-bottom: 8%;
    padding-bottom: 7%;
    border-bottom: 1px #eee solid;
  }
  .boxBlogS01R .boxSide01 {
    margin-bottom: 8%;
    padding-bottom: 8%;
    border-bottom: 1px #eee solid;
  }
  .boxBlogS01R .boxSide01 .ttlSide01 {
    margin-bottom: 7%;
    text-align: center;
    font-size: 1.45rem;
    font-size: 6.0vw;
    font-weight: 700;
  }
  .boxBlogS01R .boxListOneSide {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 7%;
  }
  .boxBlogS01R .boxListOneSide:last-child {
    margin-bottom: 0;
  }
  .boxBlogS01R .boxListImgSide {
    width: 30%;
    padding-top: 30%;
  }
  .boxBlogS01R .boxListContSide {
    width: 67%;
  }
  .boxBlogS01R .boxListDateSide {
    margin-bottom: 2%;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  .boxBlogS01R .ttlListSide {
    line-height: 1.5;
    font-size: 0.95rem;
    font-size: 4.3vw;
    font-weight: 700;
  }



/* Career */
/** Common **/
/*
.ttlBaseCareer01{
  margin-bottom: 10%;
  text-align: center;
  letter-spacing: 0.12em;
  font-size: 1.65rem;
  font-size: 4.5vw;
}

.pageCareer .ttlBase02{
  background-image: url('./../../images/company/company-border01.png');
}
.boxCareer01{
  width: 90%;
  margin: 0 auto;
}
.boxCareer01 .ttlBaseCareer01{
  font-size: 6.5vw;
}
.boxCareer01 .boxBaseCom{
  margin-bottom: 13%;
  text-align: left;
  font-size: 1.3rem;
  font-size: 4.2vw;
}
.boxCareer01LR{
  display: block;
  width: 100%;
  margin-bottom: 20%;
}
.boxCareer01L{
  display: block;
  width: 100%;
  padding-right: 0;
  vertical-align: top;
}
.boxCareer01R{
  position: relative;
  display: block;
  width: 100%;
  vertical-align: top;
}
.boxCareer01LR .ttl2{
  position: relative;
  width: 100%;
  margin-bottom: 5%;
  padding-top: 16%;
  background-image: url('./../../images_sp/career/sp-career-ttl-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.boxCareer01LR .ttl2In{
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
}
.boxCareer01LR .ttl2In .number{
  line-height: 1.0;
  letter-spacing: normal;
  font-size: 2.5rem;
  font-size: 7.0vw;
  font-weight: 500;
}
.boxCareer01LR .ttlEn{
  display: table-cell;
  width: 30%;
  margin-bottom: 0;
  padding: 1.5% 0 0 7%;
  vertical-align: middle;
  letter-spacing: 0.05em;
  font-size: 1.15rem;
  font-size: 3.3vw;
  font-weight: bold;
}
.boxCareer01LR .ttlJa{
  display: table-cell;
  width: 70%;
  padding: 1.5% 0 0 2%;
  vertical-align: middle;
  line-height: 1.2;
  letter-spacing: 0.13em;
  font-size: 1.87rem;
  font-size: 5.0vw;
}

.boxCareer01LR .boxCont{
  padding: 0 5%;
}
.boxCareer01LR .boxBaseCom{
  font-size: 1.15rem;
  font-size: 4.2vw;
}
.boxCareer01L .boxBaseCom{
  margin-bottom: 10%;
}

.boxCareer02{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20%;
}
.boxCareer02F{
  overflow: visible;
}
.boxCareer02FOne{
  float: none;
  width: 100%;
  margin-bottom: 20%;
  margin-right: 0;
}
.boxCareer02FOne:last-child{
  margin-right: 0;
}
.boxCareer02FOne img{
  display: block;
  margin: 0 auto;
  margin-bottom: 7%;
}
.boxCareer02FOne .ttl{
  display: inline-block;
  margin-bottom: 5%;
  line-height: 1.0;
  letter-spacing: 0.15em;
  font-size: 1.7rem;
  font-size: 7.0vw;
}
.boxCareer02FOne .boxFor{
  margin-bottom: 5%;
  padding: 5% 0;
  line-height: 1.0;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 5.5vw;
}
.boxCareer02FOne li{
  margin-bottom: 2%;
  margin-left: 1.2em;
  letter-spacing: 0.1em;
  text-indent: -1.2em;
  font-size: 4.7vw;
}
.boxCareer02FOne li:before{
  content: '■';
  margin-right: 1%;
}
.boxCareer02 > .boxBaseCom{
  margin-bottom: 18%;
}
.boxCareer02LR{
  display: block;
  width: 100%;
}
.boxCareer02L{
  display: block;
  width: 100%;
  margin-bottom: 25%;
  padding-right: 0;
  vertical-align: top;
}
.boxCareer02R{
  display: block;
  width: 100%;
  padding-left: 0;
  vertical-align: top;
}
.boxCareer02LR .boxCont01{
  margin-bottom: 5%;
  border: 1px #39a446 solid;
}
.boxCareer02LR .boxCont01 .ttl{
  width: 70%;
  margin: 0 auto;
  margin-top: -7vw;
  margin-bottom: 9%;
  padding: 3% 0;
  padding-left: 0.1em;
  background-color: #39a446;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.3rem;
  font-size: 5.0vw;
}
.boxCareer02LR .boxCont01 .boxImg{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 36px;
  text-align: center;
}
.boxCareer02LR .boxCont01In{
  display: table;
  width: 100%;
  background-color: #39a446;
}
.boxCareer02LR .boxCont01InTbc{
  display: table-cell;
  width: 100%;
  height: auto;
  padding: 7% 0;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  font-size: 5.0vw;
}
.boxCareer02LR .icnCareerArrow00{
  display: block;
  width: 8%;
  margin: 0 auto;
  margin-bottom: 5%;
}
.boxCareer02LR .boxCont02{
  padding: 5%;
  border: 1px #39a446 solid;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.37rem;
  font-size: 4.5vw;
  font-weight: bold;
}

.boxCareer03Wrap{
  margin-bottom: 20%;
}
.boxCareer03{
  padding: 4% 0 0 0;
  background-image: url('./../../images/career/career-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.boxCareer03In{
  position: static;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 7%;
  padding-top: 0;
  border: 0;
  background-color: #fff;
}
.boxCareer03In .ttlBase07{
  margin-bottom: 10%;
  font-size: 5.3vw;
}
.boxCareer03In .boxImg{
  position: relative;
  margin-bottom: 7%;
  padding: 0;
  border: 0;
  text-align: center;
}
.boxCareer03In .boxImg .icnCareerExample{
  position: absolute;
  width: 15%;
  cursor: pointer;
}
.boxCareer03In .boxImg .icnCareerExample.no01{
  top: 30vw;
  left: 59%;
}
.boxCareer03In .boxImg .icnCareerExample.no02{
  top: 51vw;
  left: 35.5%;
}
.boxCareer03In .boxImg .icnCareerExample.no03{
  top: 68vw;
  left: 35.5%;
}
.boxCareer03In .boxImg .icnCareerExample.no04{
  top: 84vw;
  left: 35.5%;
}
.boxCareer03In .boxImg .icnCareerExample.no05{
  top: 84vw;
  left: 62%;
}
.boxCareer03In .boxImg .icnCareerExample.no06{
  top: 84vw;
  left: 89%;
}
.boxCareer03In .boxImg .icnCareerExample.no07{
  top: 99vw;
  left: 35.5%;
}
.boxCareer03In .boxImg .icnCareerExample.no08{
  top: 99vw;
  left: 62%;
}
.boxCareer03In .boxImg .icnCareerExample.no09{
  top: 99vw;
  left: 89%;
}
.boxCareer03In .boxCareerExample{
  display: none;
}
.boxCareer03In .boxCareerExample .ttl{
  display: table;
  width: 100%;
  height: 12vw;
  margin-bottom: 5%;
  font-size: 5.0vw;
}
.boxCareer03In .boxCareerExample .ttl .txtHead{
  display: table-cell;
  width: 12%;
  background-color: #0d6913;
  vertical-align: middle;
  text-align: center;
}
.boxCareer03In .boxCareerExample .ttl .txtBody{
  display: table-cell;
  width: 88%;
  padding-left: 3%;
  background-color: #39a446;
  vertical-align: middle;
  text-align: left;
}
.boxCareer03In .boxCareerExample .ttl .small{
  font-size: 4.0vw;
}
.boxCareer03In .boxCareerExample .boxExampleContIn{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 5%;
  padding-bottom: 5%;
  border-bottom: 1px #39a446 dashed;
  text-align: left;
  font-weight: bold;
}
.boxCareer03In .boxCareerExample .boxExampleContIn .ttl2{
  letter-spacing: 0.1em;
  font-size: 6.0vw;
}
.boxCareer03In .boxCareerExample dl{
  display: table;
  letter-spacing: 0.1em;
  font-size: 5.0vw;
}
.boxCareer03In .boxCareerExample dt{
  display: table-cell;
}
.boxCareer03In .boxCareerExample dt:after{
  content: '：';
}
.boxCareer03In .boxCareerExample dd{
  display: table-cell;
}
.boxCareer03In02{
  width: 90%;
  margin: 0 auto;
}
.boxCareer03In02 li{
  margin-bottom: 3%;
  letter-spacing: 0.1em;
}

.boxCareer04{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20%;
}
.boxCareer04 .boxBaseCom{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 34px;
}

.boxCareerTb table{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 26px;
  border-collapse: collapse;
}
.boxCareerTb table th{
  height: 10vw;
  vertical-align: middle;
  line-height: 1.1;
  font-weight: normal;
}
.boxCareerTb table tr:first-child th{
  text-align: center;
}
.boxCareerTb table tr:first-child th:first-child{
  width: 100%;
}
.boxCareerTb table tr:first-child th:nth-child(2){
  width: 17%;
}
.boxCareerTb table tr:first-child th:last-child{
  width: 53%;
}
.boxCareerTb table tr:not(:first-child) th{
  padding-left: 3%;
  text-align: left;
}
.boxCareerTb table tr td{
  padding-left: 3%;
  text-align: left;
  line-height: 1.1;
}
.boxCareerTb table tr td:nth-child(2){
  padding-right: 5.5%;
  text-align: right;
}
.boxCareerTb table tr:nth-child(4) th,
.boxCareerTb table tr:nth-child(7) th {
  height: 14vw;
}
.ulCareerTb{
  display: none;
  margin-bottom: 20%;
}
.ulCareerTb li{
  margin-bottom: 3%;
}

.boxCareer05Wrap{
  margin-bottom: 10%;
}
.boxCareer05Wrap .ttlBaseCareer01{
  margin-bottom: 7%;
}
.boxCareer05Wrap .boxBaseCom{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 10%;
}
.boxCareer05{
  padding: 7% 0;
  background-image: url('./../../images/career/career-bg02.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.boxCareer05LR{
  display: block;
  width: 90%;
  margin: 0 auto;
}
.boxCareer05L{
  display: block;
  width: 100%;
  margin-bottom: 15%;
  vertical-align: middle;
  text-align: center;
}
.boxCareer05R{
  position: relative;
  display: block;
  width: 100%;
  padding-top: 0;
  vertical-align: top;
}
.boxCareer05R .boxCont01{
  position: absolute;
  top: 0;
  left: 0;
  width: 13%;
  min-height: auto;
  padding-top: 70%;
  background-image: url('./../../images_sp/career/sp-career-icn-arrow01.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 70%;
  line-height: 1.0;
  letter-spacing: 0.15em;
  font-size: 1.65rem;
  font-weight: bold;
}
.boxCareer05R .boxCont01 img{
  position: absolute;
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
.boxCareer05R .boxCont02{
  margin-bottom: 7%;
  padding-left: 15%;
}
.boxCareer05R .boxCont02In{
}
.boxCareer05R .boxYear6,
.boxCareer05R .boxYear5,
.boxCareer05R .boxYear4,
.boxCareer05R .boxYear3,
.boxCareer05R .boxArrow02{
  display: table;
  width: 100%;
}
.boxCareer05R .boxYear6 .txt01,
.boxCareer05R .boxYear5 .txt01,
.boxCareer05R .boxYear4 .txt01,
.boxCareer05R .boxYear3 .txt01,
.boxCareer05R .boxArrow02 .txt01{
  display: table-cell;
  width: 26%;
  border-bottom: 1px #39a446 dashed;
  vertical-align: middle;
  line-height: 1.0;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  font-size: 4.3vw;
  font-weight: bold;
}
.boxCareer05R .boxArrow02 .txt01{
  border: 0;
}
.boxCareer05R .boxYear6 .txt01:before,
.boxCareer05R .boxYear5 .txt01:before,
.boxCareer05R .boxYear4 .txt01:before,
.boxCareer05R .boxYear3 .txt01:before{
  content: '■';
  margin-right: 1%;
  font-size: 1.3rem;
  font-size: 4.2vw;
  color: #269cc8;
}
.boxCareer05R .boxYear6 .txt01 .large,
.boxCareer05R .boxYear5 .txt01 .large,
.boxCareer05R .boxYear4 .txt01 .large,
.boxCareer05R .boxYear3 .txt01 .large{
  line-height: 1.0;
  font-size: 2.2rem;
  font-size: 6.0vw;
}
.boxCareer05R .boxYear6 .txt02,
.boxCareer05R .boxYear5 .txt02,
.boxCareer05R .boxYear4 .txt02,
.boxCareer05R .boxYear3 .txt02,
.boxCareer05R .boxArrow02 .txt02{
  display: table-cell;
  width: 74%;
  margin-bottom: -1px;
  padding: 1%;
  background-color: #39a446;
  vertical-align: middle;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  font-size: 4.0vw;
}
.boxCareer05R .boxYear5 .txt02,
.boxCareer05R .boxYear4 .txt02,
.boxCareer05R .boxArrow02 .txt02{
  background-color: #7e7066;
}
.boxCareer05R .boxArrow02 .txt02{
  position: relative;
}
.boxCareer05R .boxYear3 .txt02{
  background: none;
}
.boxCareer05R .boxYear5 .txt02 .small,
.boxCareer05R .boxYear4 .txt02 .small{
  display: inline-block;
  margin-left: 1%;
  letter-spacing: -0.03em;
  font-size: 1.1rem;
  font-size: 3.2vw;
}
.boxCareer05R .boxYear6 .txt02In,
.boxCareer05R .boxYear5 .txt02In,
.boxCareer05R .boxYear4 .txt02In,
.boxCareer05R .boxYear3 .txt02In{
  display: inline-block;
  margin-right: 3%;
  padding: 3% 0 3% 0.2em;
  line-height: 1.0;
  letter-spacing: 0.2em;
  background-color: #fff;
}
.boxCareer05R .boxArrow02 .txt02In{
  display: inline-block;
  height: 30px;
  width: 19%;
  background-image: url('./../../images_sp/career/sp-career-icn-arrow03.png');
  background-repeat: no-repeat;
  background-position: 50% center;
  background-size: 40%;
}
.boxCareer05R .boxYear3 .txt02In{
  margin-left: -3px;
  margin-bottom: -3px;
  border: 3px #39a446 solid;
}
.boxCareer05R .boxArrow02 .txt02In02{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 23%;
  display: inline-block;
  margin-left: 1%;
  margin-bottom: 1%;
  padding: 1% 2%;
  background-color: #fff;
  letter-spacing: normal;
  font-size: 1.4rem;
  font-size: 4.0vw;
}
.boxCareer05R .boxArrow02 .txt02In02 .icnCareerFukidashi01{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
}
.boxCareer05R .boxArrow01,
.boxCareer05R .boxArrow03{
  height: 30px;
  background-image: url('./../../images_sp/career/sp-career-icn-arrow02.png');
  background-repeat: no-repeat;
  background-position: 33% center;
  background-size: 5.5%;
}
.boxCareer05R .ulCareer05R li{
  margin-bottom: 3%;
}
*/


/* Career Plan */
.boxCareerplan {
}
.boxCareerplan .boxBaseCom {
  margin-bottom: 0;
  line-height: 1.9;
  letter-spacing: 0.05em;
  font-size: 1.0rem;
  font-size: 4.3vw;
  font-weight: 700;
}
.boxCareerplan01 .ttl {
  position: relative;
  display: block;
  min-height: auto;
  margin-bottom: 7%;
  padding-top: 18%;
  background-image: url('./../../images_sp/careerplan/sp-careerplan-ttl-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  text-align: left;
}
.boxCareerplan01 .ttl .ttlSub {
  position: absolute;
  top: 50%;
  left: 2%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25%;
  padding-top: 0;
  padding-left: 0;
  line-height: 1.2;
  letter-spacing: normal;
  font-size: 1.35rem;
  font-size: 3.8vw;
}
.boxCareerplan01 .ttl .ttlMain {
  position: absolute;
  top: 50%;
  left: 29%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 71%;
  letter-spacing: 0.03em;
  font-size: 1.8rem;
  font-size: 5.5vw;
}
.boxCareerplan0101 {
  margin-bottom: 10%;
}
.boxCareerplan0101 .ttl02 {
  text-align: center;
}
.boxCareerplan0101 .ttl02 > span {
  display: inline-block;
  margin-bottom: 7%;
  padding: 0 7% 5% 7%;
  text-align: center;
  border-bottom: 4px #f2df37 solid;
  letter-spacing: 0.08em;
  font-size: 1.8rem;
  font-size: 6.0vw;
  font-weight: 700;
}
.boxCareerplan0101 .boxBaseCom {
  text-align: left;
}

.boxCareerplan0102 {
  margin-bottom: 15%;
}
.boxCareerplan0102 .boxContTop01 {
  display: block;
  width: 100%;
  margin-bottom: 7%;
}
.boxCareerplan0102 .boxContTop01 .ttl03 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 7%;
  padding-top: 100%;
  background-image: url('./../../images_sp/careerplan/sp-careerplan-bg01.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
}
.boxCareerplan0102 .boxContTop01 .ttl03 .ttlJa {
  position: absolute;
  top: 33%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  margin-bottom: 0;
  letter-spacing: 0.05em;
  font-size: 2.2rem;
  font-size: 10.0vw;
}
.boxCareerplan0102 .boxContTop01 .ttl03 .ttlEn {
  position: absolute;
  top: 56%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  font-size: 1.0rem;
  font-size: 4.1vw;
}
.boxCareerplan0102 .boxContTop01 .ttl03 .ttlEn .first {
  font-size: 1.3rem;
  font-size: 5.5vw;
}
.boxCareerplan0102 .boxContTop01 .boxBaseCom {
  display: block;
  width: 100%;
  padding: 0;
  background: none;
  vertical-align: middle;
  line-height: 1.9;
  letter-spacing: normal;
  font-size: 1.15rem;
  font-size: 4.3vw;
  font-weight: 400;
  color: #000;
}
.boxCareerplan0102 .ttl0302 {
  /*margin-bottom: 3%;*/
  padding: 2% 10% 1% 0;
  border: 0;
  border-bottom: 5px #41b8ac solid;
  background-color: #5acac0;
  /*
  background-image: url('./../../images_sp/careerplan/sp-careerplan-icn-arrow01.png');
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 5% auto;
  */
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 2.2rem;
  font-size: 6.5vw;
  font-weight: 700;
  color: #fff;
}
.boxCareerplan0102 .ttl0302.short {
  letter-spacing: normal;
}
.boxCareerplan0102 .ttl0302 .icnAccordionSp,
.boxCareerplan0102 .ttl0302 .icnAccordion {
  width: 10%;
}
.boxCareerplan0102 .ttl0302.statusOpen {
  margin-bottom: 0;
}
.boxCareerplan0102 .ttl0302.typeTxt {
  padding: 4% 5% 4% 0;
}
.boxCareerplan0102 .ttl0302 .logo01 {
  width: 56%;
}
.boxCareerplan0102 .ttl0302 .logo02 {
  width: 60%;
}
.boxCareerplan0102 .ttl0302 .logo03 {
  width: 34%;
}
.boxCareerplan0102 .boxCont01 {
  display: block;
  background-color: #f6f6f6;
  margin-bottom: 10%;
  padding: 5% 5% 5% 5%;
}
.boxCareerplan0102.no02 .boxCont01 {
  /*display: none;*/
}
.boxCareerplan0102 .boxCont01One {
  width: 100%;
  margin-right: 0;
  margin-bottom: 6%;
  background-color: #fff;
}
.boxCareerplan0102 .boxCont01One:last-child {
  margin-bottom: 0;
}
.boxCareerplan0102 .boxCont01One:nth-child(2n) {
  margin-right: 0;
}
.boxCareerplan0102 .boxCont01One .ttl04 {
  display: table;
  width: 100%;
  height: 10vw;
  font-weight: 700;
}
.boxCareerplan0102 .boxCont01One .ttl04 .ttlNum {
  display: table-cell;
  width: 11%;
  padding-top: 0.5vw;
  background-color: #5acac0;
  text-align: center;
  vertical-align: middle;
  font-size: 1.9rem;
  font-size: 5.5vw;
  color: #f2df37;
}
.boxCareerplan0102 .boxCont01One .ttl04 .ttlMain {
  display: table-cell;
  padding: 0 2% 0 3%;
  background-color: #f6f6f6;
  vertical-align: middle;
  letter-spacing: 0.03em;
  font-size: 1.4rem;
  font-size: 5.5vw;
  color: #1a368d;
}
.boxCareerplan0102 .boxCont01One .ttl04 .ttlMain.short {
  letter-spacing: -0.1em;
}
.boxCareerplan0102 .boxCont01One .ttl04 .ttlSub {
  display: table-cell;
  width: 19%;
  padding-top: 0;
  background-image: url('./../../images_sp/careerplan/sp-careerplan-bg02.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto auto;
  text-align: center;
  vertical-align: middle;
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-size: 1.15rem;
  font-size: 3.8vw;
  color: #1a368d;
}
.boxCareerplan0102 .boxCont01One .ttl04 .ttlSub .small {
  display: inline-block;
  font-size: 3.3vw;
}
.boxCareerplan0102 .boxCont01 .boxBaseCom {
  margin-bottom: 0;
  padding: 4% 6% 4% 6%;
  line-height: 1.9;
}
/* /Career Plan */



/* Contact */
.boxContactTopCom{
  margin-bottom: 20px;
  padding-top: 0;
  text-align: center;
}
.formContact dl{
  display: block;
  width: 100%;
  padding: 10% 0 7% 0;
  border-bottom: 1px #ddd solid;
}
.formContact .dlCont,
.formContact dl.beforePrivacy {
  margin-bottom: 5%;
  /*border: 0;*/
}
.formContact.modeConfirm dl{
  padding: 4% 0 7% 0;
}
.formContact.modeConfirm .dlCont,
.formContact.modeConfirm dl.beforePrivacy {
  margin-bottom: 0;
}
.formContact dt {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 8%;
  padding-left: 23%;
  vertical-align: middle;
  font-size: 0.95rem;
  font-size: 5.0vw;
  letter-spacing: 0.1em;
}
.formContact.modeConfirm dt{
  width: 100%;
  margin-bottom: 2%;
  padding-left: 23%;
  padding: 10% 0 10% 23%;
}
.formContact dt .markRequired,
.formContact dt .markNotRequired{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: inline-block;
  padding: 6% 3% 6% 3%;
  font-size: 0.7rem;
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 1.0;
  letter-spacing: 3px;
}
.formContact.modeConfirm dt .markRequired,
.formContact.modeConfirm dt .markNotRequired{
  /*display: none;*/
}
.formContact dd{
  display: block;
  width: 100%;
  vertical-align: middle;
  font-size: 4.0vw;
}

.formContact dd .ulContSelect {
  display: block;
}

.formContact dd .txtCom01{
  padding-top: 0.5%;
}
.formContact.modeConfirm dd{
  width: 100%;
  padding-left: 5%;
  font-size: 4.5vw;
}
.formContact dd input,
.formContact dd select,
.formContact dd textarea{
  box-sizing: border-box;
  width: 100%;
  padding: 3.5vw 3vw;
  border: 1px #333 solid;
  border-radius: 0;
  font-size: 0.96rem;
  font-size: 4.5vw;
  color: #666;
}

.formContact dd input[type="radio"],
.formContact dd input[type="checkbox"] {
  width: auto;
}

.formContact dd .ulJobcatSelect{
  margin-bottom: 25px;
}
.formContact dd .ulJobcatSelect:last-child{
  margin-bottom: 0;
}
.formContact dd .ulContSelect li,
.formContact dd .ulJobcatSelect li{
  /*float: left;*/
  display: inline-block;
  width: 100%;
  margin-right: 0;/*5%;*/
  margin-bottom: 3%;
  line-height: 1.3;
  letter-spacing: normal;
}
.formContact dd .ulJobcatSelect li{
  width: 100%;
  margin-bottom: 3%;
  margin-right: 0;/*5%;*/
}
.formContact dd .ulContSelect li:last-child{
  margin-right: 0;
}

.formContact dd .boxJobcatTtl{
  margin-bottom: 7px;
}
.formContact dd .boxJobcatTtl:before{
  content: '■';
  margin-right: 5px;
  margin-left: -2px;
  color: #269cc8;
}

.formContact input[name="my_name"],
.formContact input[name="my_name_kana"],
.formContact input[name="email"],
.formContact input[name="telno"],
.formContact input[name="faxno"]{
  width: 100%;
}
.formContact input[name="company_name"]{
  width: 100%;
}
.formContact input[name="zipcode1"],
.formContact input[name="zipcode2"]{
  width: 80px;
  margin: 0 4px;
}
.formContact input[name="zipcode"],
.formContact select[name="pref"]{
  width: 100%;
  margin-bottom: 15px;
}
.formContact select[name="birth_year"],
.formContact select[name="birth_month"],
.formContact select[name="birth_day"]{
  width: 23%;/*70px*/
  margin-right: 2%;
}
.formContact select[name="birth_month"],
.formContact select[name="birth_day"]{
  margin-left: 1%;
}
.formContact input[name="address"],
.formContact textarea[name="cont"]{
  width: 100%;
}
.formContact textarea[name="cont"]{
  height: 180px;
}
.formContact select[name="cont_select"]{
  width: 100%;
  margin-bottom: 15px;
}
.boxPopupPrivacyP ul.last{
  padding-bottom: 5%;
}
.boxContactCheckPrivacyP{
}
.boxContactCheckPrivacyP > .ttl{
  display: inline-block;
  width: 100%;
  padding: 23px 0;
  margin-bottom: 30px;
  border-bottom: 1px #ccc solid;
  font-size: 1.2rem;
  text-align: center;
}
.boxContactCheckPrivacyP01{
  width: 84%;
  height: 260px;
  padding-right: 10px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow-y: scroll;
  font-size: 0.85rem;
}
.boxContactPrivacyPOne{
  margin-bottom: 30px;
}
.boxContactPrivacyPOne > .ttl{
  margin-bottom: 1px;
  font-size: 0.9rem;
}
.boxContactPrivacyPOne > .ttl:before{
  content: '〇';
}
.boxContactCheckPrivacyP01 p{
  margin-bottom: 14px;
}
.boxContactCheckPrivacyP02{
  width: 100%;
  padding: 3% 5%;
  margin: 0 auto;
  margin-bottom: 10%;
  border: 0;
  background-color: #e9ebf0;
  vertical-align: middle;
  text-align: left;
  line-height: 1.8;
  font-size: 0.95rem;
  letter-spacing: 0.1em;
}
.boxContactCheckPrivacyP02 span{
  font-weight: bold;
}

.boxFormErrorParts{
  padding: 2% 0 0 0;
}
.boxFormErrorParts.type02{
  padding: 2% 0 2% 0;
}
.boxFormErrorParts .txtErrmsg{
  font-size: 0.9rem;
  font-size: 4.0vw;
  color: #ff0000;
}

.boxContactThanks > .ttlBase02{
  margin-bottom: 37px;
  padding-bottom: 30px;
  letter-spacing: 0.17em;
  font-size: 1.6rem;
  font-size: 6.0vw;
}




/* Download */
  .pageDownload .pageThanks .ttlBase02 {
    margin-bottom: 7%;
  }
  .pageDownload .boxContactThanks {
    margin: 0 auto;
    padding: 0;
    border: 0;
    color: #000;
  }

  .pageDownload .boxLinkDLFile01 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15%;
    text-align: left;
  }
  .pageDownload .boxLinkDLFile01 .pBaseOne {
    font-size: 1.1rem;
    font-size: 3.8vw;
  }
  .pageDownload .boxThanksPageBottomNavi {
    width: 100%;
    margin: 0 auto;
  }
  .pageDownload .boxThanksPageBottomNavi a {
    width: 100%;
    height: 15vw;
    font-size: 1.7rem;
    font-size: 6.0vw;
  }
  .pageDownload .boxThanksPageBottomNavi .linkToTop {
    float: none;
    margin-bottom: 5%;
  }
  .pageDownload .boxThanksPageBottomNavi .linkToArchive {
    float: none;
  }
/* /Download */





.boxRRTSearchR02{
  position: relative;
  width: 100%;
  min-height: 100%;/*105vw*/
  padding-top: 117%;
  background-image: url('./../../images/recruit/recruit-search-bg0102.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.boxRRTSearchR02 > .boxCont{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.boxRRTSearchR02 > .boxCont .imgRRTSearchArea{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3%;
}
.boxRRTSearchR02 > .boxCont .boxTtl{
  position: absolute;
  top: 0;
  left: 3%;
  display: inline-block;
  padding: 3% 0 0 5%;
}
.boxRRTSearchR02 > .boxCont .txtNumber{
  display: inline-block;
  width: 100%;
  line-height: 1.0;
  letter-spacing: 0.08em;
  font-size: 2.7rem;
  font-size: 10.0vw;
}
.boxRRTSearchR02 > .boxCont .ttl{
  display: inline-block;
  width: 100%;
  padding-left: 0;
  letter-spacing: 0.06em;
  font-size: 1.25rem;
  font-size: 4.5vw;
}
.boxRRTSearchR02 > .boxCont .ttl2{
  padding: 3% 0 0 30%;
  letter-spacing: 0.22em;
  font-size: 1.7rem;
  font-size: 5.5vw;
}
.boxRRTSearchR02 > .boxCont .ttl2 .large{
  font-size: 2.17rem;
  font-size: 7.5vw;
}



/*** Recruit Single ***/
.single-recruit .boxTopNavi{
  position: static;
  z-index: 1000;
  top: 0;
  width: 100%;
  background-color: #fff;
}
.single-recruit .boxTopNavi ul{
  display: table;
  width: 100%;
  height: 15vw;
  border-top: 1px #ddd solid;
  border-bottom: 5px #ddd solid;
}
.single-recruit .boxTopNavi ul li{
  display: table-cell;
  background-image: url('./../../images_sp/recruit/sp-recruit-icn-arrow04.png');
  background-repeat: no-repeat;
  background-position: center 90%;
  background-size: 3vw;
  vertical-align: middle;
  text-align: center;
  letter-spacing: normal;
  font-size: 3.5vw;
  font-weight: 700;
}
.single-recruit .boxTopNavi ul li:nth-child(1){
  width: 33.333333%;
  border-right: 1px #ddd solid;
}
.single-recruit .boxTopNavi ul li:nth-child(2){
  width: 33.333333%;
  border-right: 1px #ddd solid;
}
.single-recruit .boxTopNavi ul li:nth-child(3){
  width: 33.333333%;
}
.single-recruit .boxTopNavi ul li a{
  display: table;
  width: 100%;
  height: 100%;
}
.single-recruit .boxTopNavi ul li a span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.boxBaseTop .boxRecruitSTop{
  position: static;
  top: auto;
  left: auto;
  width: 90%;
  margin: 0 auto;
  margin-top: 13%;
}

.boxRecruitSTop > .ttl{
  margin-bottom: 3%;
  padding-right: 0;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-size: 2.2rem;
  font-size: 6.0vw;
}

.boxBaseTop .boxRecruitTopImg{
  position: absolute;
  top: 41%;
  right: 5.5%;
  display: inline-block;
  width: 45%;
  padding: 0 2% 2% 0;
  background-image: url('./../../images_sp/recruit/sp-recruit-s-top-img-bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 93%;
}
.boxRecruitTopImg img{
  max-width: 100%;
}
.pageRecruit .boxBreadcrumb .breadcrumb{
  padding-right: 0;
}
.tax-recruit-cat .boxBaseTop .ttlBase01,
.tax-recruit-place .boxBaseTop .ttlBase01{
  /*top: 20vw;*/
}


.boxRecruitVM{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20%;
}
.boxRecruitVM .ttlBase02{
  margin-bottom: 5%;
  font-size: 9.0vw;
}
.boxRecruitVM .ttlBase03{
  margin-bottom: 5%;
}
.boxRecruitVMLR{
  display: block;
  width: 85%;
  margin: 0 auto;
}
.boxRecruitVML{
  display: block;
  width: 100%;
  margin-bottom: 7%;
  vertical-align: top;
  text-align: center;
}
.boxRecruitVM > .boxBaseCom.no1{
  width: 85%;
  margin: 0 auto;
  margin-bottom: 7%;
  text-align: left;
  letter-spacing: 0.18em;
  font-size: 1.3rem;
  font-size: 4.5vw;
}
.boxRecruitVMR{
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 0;
  vertical-align: top;
}
.boxRecruitVMR .boxBaseCom.no1{
  display: none;
  /*
  margin-bottom: 37px;
  text-align: left;
  letter-spacing: 0.18em;
  font-size: 1.3rem;
  font-size: 4.5vw;
  */
}
.boxRecruitVMR .boxBaseCom.no2 p{
  margin-bottom: 7%;
}
.boxRecruitVMR .boxBaseSign{
  bottom: auto;
}
/****************/
.boxRecruitTag{
  margin-bottom: 7%;
}
/****************/
.boxRecruitS0101{
  width: 85%;
  margin: 0 auto;
}
.boxRecruitS01{
  /*display: none;*/
}
.boxRecruitS01 .ttlBase02{
  margin-bottom: 5%;
}
.boxRecruitS01 .ttlBase03{
  margin-bottom: 10%;
  text-align: left;
  letter-spacing: 0.05em;
  font-size: 5.5vw;
}
.boxRecruitS0102{
  padding-top: 10%;
}
.boxRecruitS0102 > .boxBaseCom.dSp{
  width: 85%;
  margin: 0 auto;
}
.boxRecruitS0102In{
  width: 100%;
  margin: 0 auto;
  padding-top: 17%;
}
.boxRecruitS01LR{
  position: relative;
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  background-image: url('./../../images/recruit/recruit-s-list-bg01.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.boxRecruitS01LR.no1{
  margin-bottom: 28%;
}
.boxRecruitS01LR.no2{
  margin-bottom: 20%;
}
.boxRecruitS01L{
  position: static;
  display: block;
  width: 100%;
  margin-bottom: 10%;
  padding-right: 13px;
  vertical-align: top;
}
.boxRecruitS01L > .boxImg{
  position: relative;
  top: auto;
  left: auto;
  width: 60%;
  height: auto;
  margin: 0 auto;
  margin-top: -15%;
  padding-top: 60%;
  padding-right: 13px;
  background-image: url('./../../images/recruit/recruit-s-img-bg01.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.boxRecruitS01L .boxImgIn{
  overflow: hidden;
  position: absolute;
  bottom: 13px;
  left: 13px;
  width: 100%;
  height: auto;
}
.boxRecruitS01L .boxImgIn img{
  max-width: none;
  width: 100%;
  height: auto;
}
.boxRecruitS01R{
  display: block;
  width: 90%;
  margin: 0 auto;
  vertical-align: top;
}
.boxRecruitS01R .boxCont01{
  display: block;
  overflow: hidden;
  margin-bottom: 5%;
}
.boxRecruitS01R .boxCont01 > .txtRecruitCat{
  display: inline-block;
  margin-right: 0;
  margin-bottom: 3%;
  padding: 2% 3%;
  vertical-align: middle;
  line-height: 1.0;
  letter-spacing: 0.2em;
  font-size: 1.1rem;
  font-size: 4.0vw;
}
.boxRecruitS01R .boxCont01 > .ttl{
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0;
  vertical-align: middle;
  line-height: 1.0;
  letter-spacing: 0.05em;/*0.13em*/
  font-size: 1.1rem;
  font-size: 4.4vw;/*5.0vw*/
}
.boxRecruitS01R .boxCont02{
  margin-bottom: 20px;
}

.boxRecruitS02Wrap{
  display: table;
  display: none;
  width: 100%;
  margin-bottom: 20%;
  padding: 10% 0;
}
.boxRecruitS02{
  display: table-cell;
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
.boxRecruitS02LR{
  display: block;
  width: 85%;
  margin: 0 auto;
}
.boxRecruitS02L{
  display: block;
  width: 100%;
  padding-right: 0;
  vertical-align: middle;
  text-align: center;
}
.boxRecruitS02L > .ttl{
  display: inline-block;
  margin-bottom: 6px;
  padding-bottom: 3px;
  letter-spacing: 0.05em;
  font-size: 2.1rem;
  font-size: 8.0vw;
  font-weight: bold;
}
.boxRecruitS02L > .txtCom01{
  display: inline-block;
  width: 100%;
  margin-bottom: 10%;
  letter-spacing: 0.12em;
  font-size: 1.12rem;
  font-size: 4.0vw;
}
.boxRecruitS02R{
  display: block;
  width: 100%;
  vertical-align: middle;
}
.boxRecruitS02R > .boxBaseCom{
  position: relative;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  font-size: 4.5vw;
}
.boxRecruitS02R > .boxBaseCom p{
  margin-bottom: 0;
}
.partsRecruitFukidashi{
  display: none;
}



.boxRecruitS0201{
  display: none;
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20%;
  padding: 0;
  /*
  background-image: url('./../../images_sp/recruit/sp-recruit-s-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  */
}
.boxRecruitS0201 .imgRecruitS02{
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 35%;
}
.boxRecruitS0201 .boxBaseLR{
  display: block;
  width: 100%;
}
.boxRecruitS0201 .boxBaseL{
  display: block;
  width: 100%;
  vertical-align: top;
}
.boxRecruitS0201 .boxBaseLIn{
  overflow: visible;
  padding-left: 39%;
  padding-top: 5%;
}
.boxRecruitS0201 .boxBaseL .txt00{
  float: none;
  width: 100%;
  margin-bottom: 3%;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 1.15rem;
  font-size: 3.6vw;
}
.boxRecruitS0201 .boxBaseL .txt00 .large{
  font-size: 1.8rem;
  font-size: 5.5vw;
}
.boxRecruitS0201 .boxBaseL .txt01{
  float: none;
  width: 100%;
  padding-top: 0;
  vertical-align: middle;
  margin-bottom: 1%;
  padding: 0;
  line-height: 1.5;
  letter-spacing: normal;
  font-size: 0.98rem;
  font-size: 3.6vw;
}
.boxRecruitS0201 .boxBaseR{
  display: block;
  width: 100%;
  padding-left: 0;
  vertical-align: top;
}
.boxRecruitS0201 .boxBaseR a{
  display: block;
  padding: 5% 5% 5% 30%;
  background-image: url('./../../images_sp/recruit/sp-recruit-s-icn-arrow05.png');
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 5%;
  text-align: center;
  line-height: 1.0;
  letter-spacing: 0.03em;
  font-size: 1.55rem;
  font-size: 4.7vw;
  font-weight: bold;
}


.boxRecruitS03{
  display: none;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20%;
}
.boxRecruitS03L,
.boxRecruitS03C,
.boxRecruitS03R{
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 10%;
}
.boxRecruitS03LR .boxRecruitS03L{
  width: 100%;
  margin-right: 0;
}
.boxRecruitS03LR .boxRecruitS03R{
  width: 100%;
}
.boxRecruitS03R{
  margin-right: 0;
}
.boxRecruitS03LCR,
.boxRecruitS03LR{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 0;
}
.boxRecruitS03LCR .ttl,
.boxRecruitS03LR .ttl{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 23.77777777%;
  margin-bottom: 5%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.boxRecruitS03LCR .ttl.no01{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail01-bg.jpg');
}
.boxRecruitS03LCR .ttl.no02{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail02-bg.jpg');
}
.boxRecruitS03LCR .ttl.no03{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail03-bg.jpg');
}
.boxRecruitS03LCR .ttl.no04{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail04-bg.jpg');
}
.boxRecruitS03LCR .ttl.no05{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail05-bg.jpg');
}
.boxRecruitS03LCR .ttl.no06{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail06-bg.jpg');
}
.boxRecruitS03LCR .ttl.no07{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail07-bg.jpg');
}
.boxRecruitS03LCR .ttl.no08{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail08-bg.jpg');
}
.boxRecruitS03LCR .ttl.no09{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail09-bg.jpg');
}
.boxRecruitS03LCR .ttl.no10{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail10-bg.jpg');
}
.boxRecruitS03LCR .ttl.no11{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail11-bg.jpg');
}
.boxRecruitS03LCR .ttl.no12{
  background-image: url('./../../images_sp/recruit/sp-recruit-s-detail12-bg.jpg');
}
.boxRecruitS03LCR .ttl .txtL01,
.boxRecruitS03LR .ttl .txtL01{
  position: absolute;
  top: 5%;
  transform: none;
  -ms-transform: none;
  left: 29%;
  width: 67%;
}
.boxRecruitS03LCR .ttl .txtNumber,
.boxRecruitS03LR .ttl .txtNumber{
  display: inline-block;
  margin-right: 2%;
  letter-spacing: 0.07em;
  font-size: 1.5rem;
  font-size: 5.8vw;
}
.boxRecruitS03LCR .ttl .txtTtl01,
.boxRecruitS03LR .ttl .txtTtl01{
  letter-spacing: 0.07em;
  font-size: 4.3vw;
}
.boxRecruitS03LCR .ttl .txtR01,
.boxRecruitS03LR .ttl .txtR01{
  display: inline-block;
  position: absolute;
  top: 52%;
  left: 29%;
  width: 70%;
  padding: 0;
  vertical-align: middle;
  text-align: left;
  line-height: 1.1;
  letter-spacing: 0.12em;
  font-size: 1.4rem;
  font-size: 7.0vw;
}
.boxRecruitS03LCR .ttl .txtR01.txtShort {
    letter-spacing: -0.05em;
}
.boxRecruitS03LR .boxRecruitS03L .boxCont ul{
  float: none;
  width: 100%;
}
.boxRecruitS03LCR .boxCont li,
.boxRecruitS03LR .boxCont li{
  margin-bottom: 3%;
  letter-spacing: 0.05em;
}
.boxRecruitS03LCR .boxCont li:before,
.boxRecruitS03LR .boxCont li:before{
  content: '■';
  margin-right: 5px;
  font-size: 0.9rem;
}

.boxRecruitS04Wrap{
  display: none;
  margin-bottom: 123px;
  padding: 60px 0;
  background: #dfeed4; /* Old browsers */
  background: -moz-linear-gradient(top, #dfeed4 0%, #ecf5e5 20%, #ecf5e5 80%, #dfeed4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dfeed4 0%,#ecf5e5 20%,#ecf5e5 80%,#dfeed4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dfeed4 0%,#ecf5e5 20%,#ecf5e5 80%,#dfeed4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfeed4', endColorstr='#dfeed4',GradientType=0 ); /* IE6-9 */
}
/*
.boxRecruitS04{
  width: 100%;
  margin: 0 auto;
}
.boxRecruitS04 .ttlBase05{
  margin-bottom: 60px;
}
.boxRecruitS04FIn{
  float: left;
  width: 17.5%;
  margin-right: 3.125%;
}
.boxRecruitS04FIn:last-child{
  margin-right: 0;
}
.boxRecruitS04FIn .boxStepTtl{
  position: relative;
  display: table;
  width: 100%;
  height: 60px;
  margin-bottom: 15px;
  background-color: #fff;
  background-image: url('./../../images/recruit/recruit-s-step-bg.png'),url('./../../images/recruit/recruit-s-icn-arrow01.png');
  background-repeat: no-repeat,no-repeat;
  background-position: left center, right 7px center;
}
.boxRecruitS04FIn .boxStepTtl .txtStepTtl{
  display: table-cell;
  width: 100%;
  padding-left: 65px;
  padding-right: 23px;
  vertical-align: middle;
  text-align: right;
  letter-spacing: 0.1em;
  font-size: 1.3rem;
}
.boxRecruitS04FIn .boxStepTtl .txtStepTtl.str2{
  padding-right: 17px;
  letter-spacing: 1.1em;
}
.boxRecruitS04FIn .boxStepTtl .txtStep{
  position: absolute;
  bottom: 5px;
  left: 5px;
  line-height: 1.0;
  font-size: 0.95rem;
}
.boxRecruitS04FIn .boxStepTtl .txtNum{
  font-size: 1.7rem;
}
.boxRecruitS04FIn .boxStepCont{
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: justify;
  font-size: 1.15rem;
}
*/
.boxRecruitS05{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20%;
}
.boxRecruitS05 .ttlBase05{
  margin-bottom: 15%;
}
.boxRecruitS0501{
  margin-bottom: 20%;
}
.boxRecruitS0501 dl{
  display: block;
  width: 85%;
  margin: 0 auto;
  letter-spacing: 0.1em;
}
.boxRecruitS0501 dt{
  display: block;
  width: 100%;
  margin-bottom: 1%;
  padding-top: 6%;
  padding-bottom: 0;
  background: none;
  vertical-align: middle;
}
.boxRecruitS0501 dt:before{
  content: '■';
  margin-left: 3px;
  margin-right: 5px;
  font-size: 0.8rem;
  font-size: 4.0vw;
}
.boxRecruitS0501 dd{
  display: block;
  width: 100%;
  padding-top: 0;
  padding-bottom: 6%;
  background-image: url('./../../images/company/company-border02.png');
  background-repeat: repeat-x;
  background-position: left bottom;
  vertical-align: middle;
}
.boxRecruitS0501 dd a{
  display: inline-block;
  border-bottom: 1px #6f6f6f solid;
  line-height: 1.2;
}

.boxRecruitS0502{
  width: 100%;
  margin: 0 auto;
}
.boxRecruitS0502LR{
  display: block;
  width: 100%;
  padding: 7% 5%;
}
.boxContactThanks .boxRecruitS0502LR{
  padding: 7% 5%;
}
.boxRecruitS0502L{
  display: block;
  width: 100%;
  margin-bottom: 5%;
  padding-bottom: 5%;
  padding-right: 0;
  border-bottom: 1px #fff solid;
  vertical-align: middle;
}
.boxContactThanks .boxRecruitS0502L{
  width: 100%;
  margin-bottom: 5%;
  padding-bottom: 5%;
  padding-right: 0;
  border-bottom: 1px #fff solid;
}
.boxRecruitS0502L dl{
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5%;
}
.boxRecruitS0502L dt{
  display: block;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 5%;
  padding: 0 15% 0 0;
  background-image: url('./../../images_sp/recruit/sp-recruit-s-icn-tel01.png');
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 12% auto;
  vertical-align: middle;
  font-size: 1.15rem;
  font-size: 6.0vw;
}
.boxRecruitS0502L dt span{
  display: inline-block;
  padding: 3% 0 3% 9%;
}
.boxContactThanks .boxRecruitS0502L dt{
  width: 90%;
}
.boxRecruitS0502L dd{
  display: block;
  width: 100%;
  padding-left: 0;
  vertical-align: middle;
  text-align: center;
  line-height: 1.0;
  font-size: 2.6rem;
  font-size: 9.5vw;
}
.boxRecruitS0502L dd a{
  /*color: #292929;*/
}
.single-recruit .boxRecruitS0502L dd a{
  /*color: #ce0000;*/
}
.boxContactThanks .boxRecruitS0502L dd{
  letter-spacing: normal;
  font-size: 10vw;
}
.boxRecruitS0502L p{
  letter-spacing: -0.05em;
  font-size: 4.0vw;
}
.boxRecruitS0502R{
  display: block;
  width: 100%;
  border-left: 0;
  vertical-align: middle;
}
.boxContactThanks .boxRecruitS0502R{
  width: 100%;
}
.boxRecruitS0502R dl{
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.boxRecruitS0502R dl.last{
  margin-bottom: 0;
}
.boxRecruitS0502R dt{
  display: table-cell;
  width: 29%;
  padding-left: 0;
  vertical-align: top;
  letter-spacing: 0.13em;
}
.boxContactThanks .boxRecruitS0502R dt{
  width: 29%;
  padding-left: 0;
}
.boxRecruitS0502R dt:before{
  content: '■';
  margin-left: 1%;/*3px*/
  margin-right: 2%;/*5px*/
  font-size: 4.0vw;
}
.boxRecruitS0502R dd{
  display: table-cell;
  width: 71%;
  padding-left: 0.8em;
  vertical-align: top;
  letter-spacing: 0.07em;
  text-indent: -0.8em;
}
.boxContactThanks .boxRecruitS0502R dd{
  width: 71%;
}
.boxRecruitS0502R dd .str2{
  margin-right: -1.2em;
  letter-spacing: 1.2em;
}
.boxRecruitS0502R dd a{
  display: inline-block;
  border-bottom: 1px #000 solid;
  line-height: 1.2;
}

.boxRecruitS06{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}
.boxRecruitS06.modeConfirm{
  margin-top: 20%;
}
.boxRecruitS06.pageThanks{
  margin-bottom: 20%;
}
.boxRecruitS06 .ttlBase05{
  margin-bottom: 15%;
}

.boxRRTBackToArchive{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20%;
  text-align: center;
}
.single .boxRRTBackToArchive {
  margin-bottom: 12%;
}
/*
.boxRRTBackToArchive .linkToArchive{
  display: inline-block;
  width: 75%;
  padding: 5vw 0;
  background-image: url('./../../images/recruit/recruit-s-icn-arrow03.png');
  background-repeat: no-repeat;
  background-position: 5vw center;
  background-size: 5%;
  background-size: ;
  letter-spacing: 0.13em;
  font-size: 1.1rem;
  font-size: 4.5vw;
  font-weight: 700;
}
*/
.boxRecruitS07{
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 35px 0;
}
.boxRecruitS07F{
  width: 100%;
}
.boxRecruitS07FIn{
  float: left;
  width: 23%;
  margin-right: 2.6666666%;
  text-align: center;
}
.boxRecruitS07FIn:last-child{
  margin-right: 0;
}
.boxRecruitS07FIn .boxImg{
  display: inline-block;
  width: 160px;
  margin-bottom: 10px;
}
.boxRecruitS07FIn .ttl{
  display: inline-block;
  width: 160px;
  text-align: left;
}
.boxRecruitS07FIn .ttl a:before{
  content: '■';
  margin-right: 5px;
}

.boxRecruitS08 {
  margin-bottom: 15%;
}
.boxRecruitS08 .ttlBase03 {
  margin-bottom: 7%;
}
.boxRecruitS0802Wrap {
  background-color: #304a97;
  background-image: url('./../../images_sp/recruit/sp-recruit-s-work-bg0101.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.boxRecruitS0802 {
  display: block;
  min-height: auto;
  padding: 7% 0 10% 0;
}
.boxRecruitS0802L {
  width: 100%;
}
.boxRecruitS0802L .boxImg {
  margin-bottom: 8%;
  text-align: center;
}
.boxRecruitS0802L .boxImg img {
  max-width: 80%;
}
.boxRecruitS0802L01 {
  position: relative;
  margin-top: 0;
  padding: 3%;
  border: 1px #fff solid;
}
.boxRecruitS0802L01 .ttl {
  position: absolute;
  top: -8.0%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 60%;
  padding: 3% 0;
  text-align: center;
  font-size: 1.5rem;
  font-size: 5.5vw;
  font-weight: 700;
}
.boxRecruitS0802L01 .boxCont01 {
  padding: 13% 3% 8% 3%;
}
.boxRecruitS0802L01 .boxCont01 .ul01 {
  margin-bottom: 7%;
  padding-bottom: 7%;
  border-bottom: 1px #eee solid;
}
.boxRecruitS0802L01 .boxCont01 .ul01 > li{
  margin-bottom: 3%;
  font-weight: 700;
}
.boxRecruitS0802L01 .boxCont01 .ul01 > li:last-child {
  margin-bottom: 0;
}
.boxRecruitS0802L01 .boxCont01 .boxBaseCom {
  margin: 0;
  line-height: 1.6;
  font-weight: 700;
}
.boxRecruitS0802R {
  width: 100%;
  margin-bottom: 20%;
}
.boxRecruitS0802R01 {
  margin-bottom: 10%;
}
.boxRecruitS0802R .ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5%;
}
.boxRecruitS0802R .ttl .ttlNum {
  display: inline-block;
  width: 8vw;
  height: 8vw;
  margin-right: 3%;
  padding-top: 0;
  text-align: center;
  font-size: 1.5rem;
  font-size: 5.0vw;
  font-weight: 700;
}
.boxRecruitS0802R .ttl .ttlStr {
  font-size: 1.7rem;
  font-size: 5.7vw;
  font-weight: 700;
}
.boxRecruitS0802R .boxBaseCom {
  margin: 0;
  padding: 5% 7%;
  line-height: 1.7;
  font-weight: 700;
}


.boxRecruitSBottomBn{
  margin-bottom: 15%;
  padding-top: 20%;
  text-align: center;
}
.boxRecruitSBottomBn img{
  width: 90%;
}
/*** /Recruit Single ***/
/* /Recruit */




}/* /Sp ****************/
