.contents .hero {
  background-color: #f7f2e8;
  height: 600px; }
  @media screen and (max-width: 1000px) {
    .contents .hero {
      width: 1000px;
      margin: 0 auto; } }
  .contents .hero .boxL {
    float: left;
    width: 50%;
    position: relative;
    height: 600px; }
    @media screen and (max-width: 1000px) {
      .contents .hero .boxL {
        width: 500px; } }
    .contents .hero .boxL .ttl {
      position: absolute;
      right: 200px;
      top: 57px; }
    .contents .hero .boxL h1 {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      font-size: 14px;
      position: absolute;
      right: 357px;
      top: 57px; }
  .contents .hero .boxR {
    float: right;
    width: 50%;
    background: url(/index/img/img_hero.jpg) no-repeat left center;
    background-size: cover;
    height: 600px; }
    @media screen and (max-width: 1000px) {
      .contents .hero .boxR {
        width: 500px; } }
.contents .inner {
  position: relative;
  width: 1000px;
  margin: 0 auto; }
  .contents .inner .jobu {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -29px;
    left: -3px; }
    @media screen and (max-width: 1000px) {
      .contents .inner .jobu {
        width: 1000px; } }
  .contents .inner .lead {
    padding-top: 115px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: -webkit- flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: -webkit- space-between;
    justify-content: space-between; }
    .contents .inner .lead li {
      width: 295px; }
      .contents .inner .lead li p {
        margin-top: 50px;
        font-size: 14px; }
  .contents .inner .btnAbout {
    text-align: center;
    margin: 40px 0 30px; }
  .contents .inner ul.featureList {
    height: 3100px; }
    .contents .inner ul.featureList li {
      position: relative; }
      .contents .inner ul.featureList li .feature {
        position: absolute; }
      .contents .inner ul.featureList li .img {
        position: absolute; }
      .contents .inner ul.featureList li .ttl {
        position: absolute; }
      .contents .inner ul.featureList li .txtBox {
        position: absolute;
        width: 420px;
        height: 300px;
        padding: 0 60px;
        border: 6px solid #000000;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: -webkit- center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: -webkit- space-between;
        justify-content: space-between; }
        .contents .inner ul.featureList li .txtBox .txt p {
          font-size: 14px;
          padding-bottom: 30px; }
        .contents .inner ul.featureList li .txtBox .txt a {
          font-size: 16px;
          display: block;
          padding: 0 0 3px 30px;
          background: url(/index/img/icn_diamond.gif) no-repeat 0 2px;
          font-weight: bold; }
      .contents .inner ul.featureList li:nth-child(1) .feature {
        right: -30px;
        top: 0; }
      .contents .inner ul.featureList li:nth-child(1) .img {
        left: 0;
        top: 45px; }
      .contents .inner ul.featureList li:nth-child(1) .ttl {
        top: 107px;
        left: 529px; }
      .contents .inner ul.featureList li:nth-child(1) .txtBox {
        top: 194px;
        left: 466px; }
      .contents .inner ul.featureList li:nth-child(2) {
        top: 590px; }
        .contents .inner ul.featureList li:nth-child(2) .feature {
          left: -30px;
          top: 0; }
        .contents .inner ul.featureList li:nth-child(2) .img {
          right: 0;
          top: 45px; }
        .contents .inner ul.featureList li:nth-child(2) .ttl {
          top: 107px;
          right: 566px; }
        .contents .inner ul.featureList li:nth-child(2) .txtBox {
          top: 194px;
          right: 466px; }
      .contents .inner ul.featureList li:nth-child(3) {
        top: 1180px; }
        .contents .inner ul.featureList li:nth-child(3) .feature {
          right: -30px;
          top: 0; }
        .contents .inner ul.featureList li:nth-child(3) .img {
          left: 0;
          top: 45px; }
        .contents .inner ul.featureList li:nth-child(3) .ttl {
          top: 107px;
          left: 529px; }
        .contents .inner ul.featureList li:nth-child(3) .txtBox {
          top: 235px;
          left: 466px; }
      .contents .inner ul.featureList li:nth-child(4) {
        top: 1820px; }
        .contents .inner ul.featureList li:nth-child(4) .feature {
          left: -30px;
          top: 0; }
        .contents .inner ul.featureList li:nth-child(4) .img {
          right: 0;
          top: 45px; }
        .contents .inner ul.featureList li:nth-child(4) .ttl {
          top: 66px;
          right: 456px; }
        .contents .inner ul.featureList li:nth-child(4) .txtBox {
          top: 194px;
          right: 466px; }
      .contents .inner ul.featureList li:nth-child(5) {
        top: 2420px; }
        .contents .inner ul.featureList li:nth-child(5) .feature {
          right: -30px;
          top: 0; }
        .contents .inner ul.featureList li:nth-child(5) .img {
          left: 0;
          top: 45px; }
        .contents .inner ul.featureList li:nth-child(5) .ttl {
          top: 107px;
          left: 529px; }
        .contents .inner ul.featureList li:nth-child(5) .txtBox {
          top: 235px;
          left: 466px; }
.contents .flow {
  background-color: #f7f2e8; }
  .contents .flow .inner {
    padding-top: 65px; }
  .contents .flow .flowImg {
    position: absolute;
    left: 0;
    top: -37px;
    width: 100%;
    text-align: center; }
  .contents .flow .ttl {
    text-align: center;
    text-align: center;
    padding-top: 35px;
    border-top: 5px solid #000000; }
  .contents .flow .img {
    text-align: center;
    padding-top: 40px; }
  .contents .flow .btnInfo {
    text-align: center;
    padding: 40px 0 50px; }
.contents .recruit {
  margin-top: 100px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: -webkit- center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between; }
  .contents .recruit .boxL {
    width: 475px;
    height: 500px;
    position: relative;
    background-color: #efefef;
    padding: 40px 198px 40px 30px; }
    .contents .recruit .boxL .icn {
      position: absolute;
      top: -15px;
      left: 40px; }
    .contents .recruit .boxL p {
      font-size: 14px;
      padding: 25px 0 40px;
      line-height: 1.7; }
    .contents .recruit .boxL .btn {
      text-align: center; }
    .contents .recruit .boxL .img {
      position: absolute;
      top: 0;
      right: 0; }
  .contents .recruit .boxR {
    width: 475px;
    height: 500px; }