@charset "UTF-8";
/*
main visual
--------------------------------- */
.main-visual {
  background: url(../../img/company/main-visual.png) no-repeat;
  background-position: right bottom;
  width: 100%;
  height: 500px;
  background-size: cover;
  overflow: hidden; }
  .main-visual h2 {
    font-size: 40px;
    font-family: "fertigo-pro";
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    margin-left: 29px;
    margin-top: 186px;
    position: relative;
    z-index: 3;
    margin: auto;
    top: 186px;
    max-width: 1000px; }
    .main-visual h2 span {
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 28px;
      display: block;
      margin-top: 37px; }
  .main-visual:before {
    content: "";
    display: block;
    background: url("../../img/recruit/triangle03.svg") no-repeat;
    background-size: 100% auto;
    width: 45.5%;
    padding-top: 50.83%;
    position: absolute;
    z-index: 2; }

/*
title
--------------------------------- */
.main-txt {
  width: 860px;
  margin: 70px auto 0; }
  .main-txt h3 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #074f00;
    letter-spacing: 0.16em;
    background: url("../../img/company/bg_ttl.png") no-repeat;
    background-size: auto 100%;
    background-position: center;
    padding: 81px 0 74px; }

/*
about (kaisha gaiyou)
--------------------------------- */
.about-inner {
  width: 860px;
  margin: 20px auto 60px;
  font-size: 16px;
  color: #074f00; }
  .about-inner tr th, .about-inner tr td {
    border-bottom: solid 1px #81b29e;
    vertical-align: middle;
    padding: 22px 0;
    line-height: 1.8; }
    .about-inner tr th:first-of-type, .about-inner tr td:first-of-type {
      border-top: solid 1px #81b29e; }
  .about-inner tr th {
    width: 315px;
    text-align: left;
    padding-left: 100px; }
  .about-inner tr td {
    width: 545px; }

/*
office (office huukei)
--------------------------------- */
.office-inner {
  padding-bottom: 130px;
  position: relative; }
  .office-inner:after {
    content: "";
    display: block;
    background: url("../../../assets/img/top/bg_recruit_arrow01.svg") no-repeat center top;
    background-size: cover;
    width: 69.25%;
    padding-top: 62.5%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    z-index: 0; }
  .office-inner .main-txt {
    margin-bottom: 20px;
    z-index: 1; }
  .office-inner .office-list {
    height: 478px;
    position: relative;
    z-index: 1; }
    .office-inner .office-list.list01 {
      background: url("../../img/company/office_bg01.jpg") no-repeat left top;
      background-size: cover;
      background-position: left center; }
    .office-inner .office-list.list02 {
      background: url("../../img/company/office_bg02.png") no-repeat left top;
      background-size: cover;
      margin-top: 50px; }
  .office-inner .name {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 346px;
    height: 60px;
    box-sizing: border-box;
    padding: 22px 0;
    letter-spacing: 4px; }
    .office-inner .name.odd {
      background: -moz-linear-gradient(left, rgba(4, 79, 64, 0) 0%, rgba(4, 79, 64, 0.02) 1%, rgba(4, 79, 64, 0.6) 27%, #044f40 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(4, 79, 64, 0) 0%, rgba(4, 79, 64, 0.02) 1%, rgba(4, 79, 64, 0.6) 27%, #044f40 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(4, 79, 64, 0) 0%, rgba(4, 79, 64, 0.02) 1%, rgba(4, 79, 64, 0.6) 27%, #044f40 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00044f40', endColorstr='#044f40',GradientType=1 );
      /* IE6-9 */
      right: 0;
      padding-right: 60px;
      text-align: right; }
    .office-inner .name.even {
      background: -moz-linear-gradient(left, #044f40 0%, rgba(4, 79, 64, 0.6) 73%, rgba(4, 79, 64, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #044f40 0%, rgba(4, 79, 64, 0.6) 73%, rgba(4, 79, 64, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #044f40 0%, rgba(4, 79, 64, 0.6) 73%, rgba(4, 79, 64, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044f40', endColorstr='#00044f40',GradientType=1 );
      /* IE6-9 */
      left: 0;
      text-align: left;
      padding-left: 60px; }

/*# sourceMappingURL=company.css.map */