@charset "UTF-8";
.main-visual {
  background: url(../../img/recruit/main-visual.jpg) no-repeat;
  width: 100%;
  height: 500px;
  background-size: cover;
  overflow: hidden; }
  .main-visual h2 {
    font-size: 40px;
    color: #ffffff;
    margin-left: 29px;
    margin-top: 186px;
    position: relative;
    z-index: 3;
    font-family: "fertigo-pro";
    font-weight: 400;
    font-style: normal;
    margin: auto;
    top: 186px;
    max-width: 1000px; }
    .main-visual h2 span {
      font-size: 28px;
      display: block;
      margin-top: 37px;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .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; }
  .main-visual:after {
    content: "";
    display: block;
    background: -moz-linear-gradient(-45deg, rgba(84, 210, 0, 0.15) 0%, rgba(0, 53, 110, 0.15) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(84, 210, 0, 0.15) 0%, rgba(0, 53, 110, 0.15) 100%);
    background: linear-gradient(135deg, rgba(84, 210, 0, 0.15) 0%, rgba(0, 53, 110, 0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2654d200', endColorstr='#2600356e', GradientType=1);
    width: 100%;
    height: 500px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0; }

.triangle {
  position: relative; }
  .triangle:before {
    content: "";
    display: block;
    background: url("../../img/recruit/triangle01.svg") no-repeat;
    width: 25.16%;
    padding-top: 89.73%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100% auto;
    margin-top: -70px; }
  .triangle:after {
    content: "";
    display: block;
    background: url("../../img/recruit/triangle02.svg") no-repeat;
    width: 37.83%;
    padding-top: 34%;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -150px; }

.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/recruit/logo.png") no-repeat;
    background-position: center;
    padding: 81px 0 74px; }
  .main-txt p {
    margin-top: 80px;
    line-height: 1.65;
    letter-spacing: 0.16em;
    text-align: justify; }

.txt-area01, .txt-area02, .txt-area03, .txt-area04, .txt-area05, .txt-area06, .txt-area07 {
  width: 860px;
  margin: 58px auto 0;
  text-align: center;
  position: relative; }
  .txt-area01 h4, .txt-area02 h4, .txt-area03 h4, .txt-area04 h4, .txt-area05 h4, .txt-area06 h4, .txt-area07 h4 {
    padding: 33px 0;
    background: #f8f8f8;
    position: relative;
    transition: .2s;
    cursor: pointer; }
    .txt-area01 h4:hover, .txt-area02 h4:hover, .txt-area03 h4:hover, .txt-area04 h4:hover, .txt-area05 h4:hover, .txt-area06 h4:hover, .txt-area07 h4:hover {
      opacity: .6; }
    .txt-area01 h4:after, .txt-area02 h4:after, .txt-area03 h4:after, .txt-area04 h4:after, .txt-area05 h4:after, .txt-area06 h4:after, .txt-area07 h4:after {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-top: solid 2px #333;
      border-right: solid 2px #333;
      -webkit-transform: rotate(135deg) translateY(-50%);
      transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      bottom: 50%;
      right: 58px;
      position: absolute; }
    .txt-area01 h4.active:after, .txt-area02 h4.active:after, .txt-area03 h4.active:after, .txt-area04 h4.active:after, .txt-area05 h4.active:after, .txt-area06 h4.active:after, .txt-area07 h4.active:after {
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transform: rotate(-45deg) translateY(-50%);
      transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      top: 50%;
      right: 50px; }
  .txt-area01 ul, .txt-area02 ul, .txt-area03 ul, .txt-area04 ul, .txt-area05 ul, .txt-area06 ul, .txt-area07 ul {
    width: 100%;
    text-align: left;
    margin-top: 50px; }
    .txt-area01 ul li, .txt-area02 ul li, .txt-area03 ul li, .txt-area04 ul li, .txt-area05 ul li, .txt-area06 ul li, .txt-area07 ul li {
      display: block;
      width: 100%;
      text-indent: -1em;
      padding-left: 1em;
      line-height: 1.65; }
      .txt-area01 ul li + li, .txt-area02 ul li + li, .txt-area03 ul li + li, .txt-area04 ul li + li, .txt-area05 ul li + li, .txt-area06 ul li + li, .txt-area07 ul li + li {
        margin-top: 13px; }
      .txt-area01 ul li:before, .txt-area02 ul li:before, .txt-area03 ul li:before, .txt-area04 ul li:before, .txt-area05 ul li:before, .txt-area06 ul li:before, .txt-area07 ul li:before {
        content: "・"; }

.btn {
  margin: 150px auto; }

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