@charset "UTF-8";
@import url(reset.css);
@import url(reset.css);
body {
  background-color: #ffffff; }

body:before {
  display: block;
  content: '';
  height: 4px;
  background-color: #548235; }

.header {
  background-color: #E9E9E9; }

.header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 960px;
  margin: 0 auto; }

.header-logo {
  padding-top: 15px;
  padding-bottom: 15px; }

.application-btn {
  display: block;
  font-size: 18px;
  background-color: #FF0000;
  text-align: center;
  color: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 120px;
  margin-right: 15px; }
  .application-btn:hover {
    color: #ffffff;
    background-color: #E00011; }

.nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.nav-list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.nav-item {
  border-left: 1px solid #A6A6A6; }
  .nav-item:last-of-type {
    border-right: 1px solid #A6A6A6; }
  .nav-item a {
    display: block;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px; }
    .nav-item a:hover {
      background-color: #548235;
      color: #ffffff; }

.main-box {
  width: 960px;
  margin: 0 auto; }

.top-title {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.text01 {
  font-size: 17px;
  text-align: center;
  line-height: 180%;
  margin-bottom: 25px; }

.text02 {
  font-size: 17px;
  line-height: 220%; }

.text03 {
  width: 97%;
  margin: 0 auto;
  font-size: 17px;
  line-height: 180%; }

.text04 {
  width: 97%;
  margin: 0 auto;
  font-size: 17px;
  line-height: 180%;
  text-align: center; }

.main-img {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 50px; }

.sec-title {
  font-size: 38px;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 25px;
  color: #548235;
  text-align: center;
  border-bottom: 4px solid #ED7D31;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.sec-title02 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #548235;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.sec-title03 {
  font-size: 17px;
  padding-top: 5px;
  padding-bottom: 4px;
  border: 1px solid #DBDCDC;
  background-color: #FAFAFA;
  background: -moz-linear-gradient(top, #FAFAFA 0%, #D3D3D3 100%);
  background: -ms-linear-gradient(top, #FAFAFA 0%, #D3D3D3 100%);
  background: -o-linear-gradient(top, #FAFAFA 0%, #D3D3D3 100%);
  background: linear-gradient(to bottom, #FAFAFA 0%, #D3D3D3 100%);
  margin-bottom: 15px;
  color: #548235;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  position: relative;
  padding-left: 33px; }
  .sec-title03:before {
    display: block;
    content: '';
    width: 8px;
    height: 22px;
    background-color: #548235;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto; }

.top-title-sub {
  display: block;
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 15px; }

.top-name {
  font-size: 38px;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.top-text01 {
  font-size: 17px;
  text-align: center; }

.text-pic-box01 {
  margin: 0 auto;
  margin-top: 30px;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.left-frame01 {
  width: 65%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.right-frame01 {
  width: 32%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.click-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 20px;
  height: 80px;
  width: 80px;
  margin-top: 25px;
  margin-bottom: 25px;
  background-color: #FF9900;
  color: #ffffff;
  box-shadow: 2px 2px 4px #747474; }
  .click-btn:hover {
    color: #ffffff;
    background-color: #FF7700;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }

.text-pic-box02 {
  width: 95%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.left-frame02 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.right-frame02 {
  font-size: 17px;
  line-height: 180%;
  padding-left: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.text-pic-box03 {
  width: 95%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.left-frame03 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.right-frame03 {
  font-size: 17px;
  line-height: 180%;
  padding-left: 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.text-pic-box04:after {
  display: block;
  content: '';
  clear: both; }

.left-frame04 {
  float: left;
  padding-right: 30px;
  padding-bottom: 30px; }

.content-title {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #548235;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.content-title02 {
  font-size: 17px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  position: relative;
  padding-left: 30px; }
  .content-title02:before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #548235;
    position: absolute;
    top: 9px;
    left: 8px;
    margin: auto; }

.content-title03 {
  position: relative;
  padding-left: 15px; }
  .content-title03:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #548235;
    position: absolute;
    top: 6px;
    left: 2px;
    margin: auto; }

.content-title04 {
  position: relative;
  padding-left: 15px; }
  .content-title04:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #E95B07;
    position: absolute;
    top: 6px;
    left: 2px;
    margin: auto; }

.content-title05 {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
  color: #548235;
  position: relative;
  padding-left: 15px; }
  .content-title05:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #548235;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

.content-title06 {
  font-size: 17px;
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
  color: #548235;
  position: relative;
  padding-left: 15px; }
  .content-title06:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #548235;
    position: absolute;
    top: 7px;
    left: 0;
    margin: auto; }

.num-list {
  margin-left: 25px;
  margin-bottom: 40px; }

.num-item {
  margin-bottom: 4px; }

.num-list02 {
  margin-left: 25px;
  margin-bottom: 40px; }

.num-item02 {
  font-size: 17px;
  margin-bottom: 15px;
  margin-left: 25px;
  text-indent: -35px; }

.detail-list {
  margin-left: 25px; }

.detail-item {
  font-size: 15px; }

.interview-box {
  width: 95%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.interview-row {
  width: 30%;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #A6A6A6;
  text-align: center; }

.text02 {
  margin-bottom: 15px; }

.pic01 {
  text-align: center;
  margin-bottom: 15px; }

.detail-btn {
  display: block;
  width: 170px;
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  border: 1px solid #A6A6A6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  padding-left: 12px; }
  .detail-btn:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #548235;
    position: absolute;
    top: 11px;
    left: 15px;
    margin: auto; }
  .detail-btn:hover {
    background-color: #A9D18E;
    color: #333333;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }

.co01 {
  color: #548235; }

.recruitment-btn {
  display: block;
  background-color: #548235;
  color: #ffffff;
  width: 240px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 15px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  position: relative; }
  .recruitment-btn:hover {
    background-color: #A9D18E;
    color: #ffffff;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
  .recruitment-btn:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 12px solid #FFC000;
    border-left: 12px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 55px;
    bottom: 0;
    margin: auto; }

.table01 {
  margin-bottom: 50px;
  width: 85%; }
  .table01 td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #70AD47; }
    .table01 td:nth-of-type(1) {
      background-color: #E2F0D9;
      width: 150px; }

/* -------------------
 
---------------------- */
.form-info p {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 180%; }
  @media screen and (max-width: 480px) {
    .form-info p {
      width: 90%;
      margin: 0 auto;
      margin-top: 15px;
      margin-bottom: 15px; } }
.form-info table {
  width: 95%; }
  @media screen and (max-width: 480px) {
    .form-info table {
      display: block;
      width: 95%;
      margin: 0 auto; } }
  .form-info table th {
    width: 180px;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #fff;
    background-color: #548235; }
    @media screen and (max-width: 480px) {
      .form-info table th {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        padding-left: 15px;
        background-color: #548235; } }
  .form-info table td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #fff;
    background: #f6f6f6; }
    .form-info table td input {
      border: 1px solid #878787;
      margin-bottom: 5px;
      height: 25px; }
    .form-info table td TEXTAREA {
      border: 1px solid #878787;
      margin-bottom: 5px; }
    @media screen and (max-width: 480px) {
      .form-info table td {
        display: block;
        margin-bottom: 5px; }
        .form-info table td input {
          width: 100%; }
        .form-info table td TEXTAREA {
          width: 100%; }
        .form-info table td input.reigai {
          width: 10%;
          vertical-align: middle; } }
.form-info .button {
  text-align: center;
  padding: 5px; }
  .form-info .button input {
    margin-right: 20px;
    padding: 5px; }

/* -------------------
 
---------------------- */
.footer-box {
  background-color: #EEF7E9;
  margin-top: 100px; }

.footer-nav-list {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.footer-nav-item {
  width: 25%;
  font-size: 28px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .footer-nav-item a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #406727; }
    .footer-nav-item a:hover {
      background-color: #C5E3B6; }

.f-n-sub {
  display: block;
  font-size: 15px; }

.footer-text {
  background-color: #548235;
  text-align: center;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 25px;
  font-size: 17px; }

/* -------------------
 
---------------------- */
.mt15 {
  margin-top: 15px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

/* -------------------
 
---------------------- */
.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

.mb150 {
  margin-bottom: 150px; }

/* -------------------
 
---------------------- */
.f90 {
  font-size: 90%; }

.f85 {
  font-size: 85%; }

.f80 {
  font-size: 80%; }

.f70 {
  font-size: 70%; }

.f60 {
  font-size: 60%; }

.f120 {
  font-size: 120%; }

.f130 {
  font-size: 130%; }

.f140 {
  font-size: 140%; }

.f150 {
  font-size: 150%; }

.co1 {
  color: #C82937;
  font-weight: bold; }

.co2 {
  color: #333333; }

.co3 {
  color: #009DE5;
  font-weight: bold; }

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