.main .page-image {
  padding-top: 57.9166666667%;
}
@media screen and (max-width: 1444px) {
  .main .page-image {
    padding-top: 57.9487179487%;
  }
}
.main .page-image .ja-logo {
  position: absolute;
  top: 41.9964028777%;
  left: 46.09375%;
  width: 8.0729166667%;
  z-index: 1000;
}
.main .page-image .ja-logo .this_contents {
  position: relative;
  padding-top: 80.6451612903%;
}
@media screen and (max-width: 1444px) {
  .main .page-image .ja-logo {
    top: 28.3185840708%;
    left: 37.9487179487%;
    width: 24.358974359%;
  }
  .main .page-image .ja-logo .this_contents {
    padding-top: 82.1052631579%;
  }
}
.main .page-image .front-page_scroll {
  position: absolute;
  top: 83.0935251799%;
  left: 48.8020833333%;
  width: 2.3958333333%;
  cursor: pointer;
  z-index: 1000;
}
.main .page-image .front-page_scroll .this_contents {
  position: relative;
  padding-top: 193.4782608696%;
}
@media screen and (max-width: 1444px) {
  .main .page-image .front-page_scroll {
    display: none;
  }
}
.main .about .about_contents {
  position: relative;
  width: 100%;
  padding-top: 35.4166666667%;
}
@media screen and (max-width: 1200px) {
  .main .about .about_contents {
    padding-top: 37.9166666667%;
  }
}
@media screen and (max-width: 768px) {
  .main .about .about_contents {
    padding-top: 156.9230769231%;
  }
}
.main .about .about_contents .img-contents {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.main .about .about_contents .japan-map {
  position: absolute;
  top: 0;
  left: 1.6145833333%;
  width: 41.6666666667%;
  z-index: 1;
}
.main .about .about_contents .japan-map .img-cover {
  position: relative;
  width: 100%;
  padding-top: 85%;
}
@media screen and (max-width: 1200px) {
  .main .about .about_contents .japan-map {
    top: 0;
    left: 1.6666666667%;
    width: 40.9166666667%;
  }
  .main .about .about_contents .japan-map .img-cover {
    padding-top: 84.9287169043%;
  }
}
@media screen and (max-width: 768px) {
  .main .about .about_contents .japan-map {
    display: none;
  }
}
.main .about .about_contents .this_contents_title {
  position: absolute;
  top: 4.4117647059%;
  left: 43.9583333333%;
  width: 35.9375%;
  z-index: 3;
}
.main .about .about_contents .this_contents_title .img-cover {
  position: relative;
  width: 100%;
  padding-top: 13.0434782609%;
}
@media screen and (max-width: 1200px) {
  .main .about .about_contents .this_contents_title {
    top: 4.1758241758%;
    left: 43.3333333333%;
    width: 35.1666666667%;
  }
  .main .about .about_contents .this_contents_title .img-cover {
    padding-top: 13.0331753555%;
  }
}
@media screen and (max-width: 768px) {
  .main .about .about_contents .this_contents_title {
    top: 0;
    left: 15.641025641%;
    width: 68.7179487179%;
  }
  .main .about .about_contents .this_contents_title .img-cover {
    padding-top: 13.0597014925%;
  }
}
.main .about .about_contents .this_contents_image {
  position: absolute;
  top: 8.5294117647%;
  left: 53.3854166667%;
  width: 46.6145833333%;
  z-index: 2;
}
.main .about .about_contents .this_contents_image .img-cover {
  position: relative;
  width: 100%;
  padding-top: 56.4245810056%;
}
@media screen and (max-width: 1200px) {
  .main .about .about_contents .this_contents_image {
    top: 7.9120879121%;
    left: 52.5%;
    width: 45.8333333333%;
  }
  .main .about .about_contents .this_contents_image .img-cover {
    padding-top: 56.3636363636%;
  }
}
@media screen and (max-width: 768px) {
  .main .about .about_contents .this_contents_image {
    top: 2.7777777778%;
    left: 5.1282051282%;
    width: 89.7435897436%;
  }
  .main .about .about_contents .this_contents_image .img-cover {
    padding-top: 56.5714285714%;
  }
}
.main .about .about_contents .this_contents {
  position: absolute;
  top: 33.3823529412%;
  left: 31.875%;
  width: 20.3125%;
  z-index: 4;
}
.main .about .about_contents .this_contents .contents-cover {
  position: relative;
  width: 100%;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.6);
}
.main .about .about_contents .this_contents a:hover {
  fill: #00BF67;
}
.main .about .about_contents .this_contents a:hover .more-text {
  fill: #00BF67;
}
.main .about .about_contents .this_contents a:hover .more-arrow {
  fill: #00BF67;
}
@media screen and (max-width: 1200px) {
  .main .about .about_contents .this_contents {
    top: 18.6813186813%;
    left: 10.25%;
    width: 32.5%;
  }
}
@media screen and (max-width: 768px) {
  .main .about .about_contents .this_contents {
    top: 41.5032679739%;
    left: 5.1282051282%;
    width: 89.7435897436%;
  }
  .main .about .about_contents .this_contents .contents-cover {
    padding: 0;
  }
}
.main .recruit_contents {
  position: relative;
  width: 100%;
  padding-top: 33.2291666667%;
}
@media screen and (max-width: 768px) {
  .main .recruit_contents {
    padding-top: 184.6153846154%;
  }
}
.main .recruit_contents .this_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main .recruit_contents .this_image .img-cover {
  position: relative;
  width: 100%;
  padding-top: 32.2395833333%;
}
.main .recruit_contents .this_image .img-cover .img-contents {
  position: absolute;
  inset: 0;
  background-image: url(../img/front-page_recruit_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .main .recruit_contents .this_image {
    width: 100%;
  }
  .main .recruit_contents .this_image .img-cover {
    padding-top: 162.0512820513%;
  }
  .main .recruit_contents .this_image .img-cover .img-contents {
    background-image: url(../img/front-page_recruit_sp.png);
  }
}
.main .recruit_contents .more-link {
  position: absolute;
  top: 87.9310344828%;
  left: 48.8541666667%;
  width: 100%;
  max-width: 20.9895833333%;
}
.main .recruit_contents .more-link .this_contents {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main .recruit_contents .more-link {
    top: 90.5555555556%;
    left: 5.1282051282%;
    max-width: 89.7435897436%;
  }
}
.main .recruit_contents .more-link a:hover {
  text-decoration: none;
}
.main .recruit_contents .more-link a:hover .background {
  fill: #157e70;
}
.main .recruit_contents .more-link a:hover text {
  fill: #FFFFFF;
}
.main .recruit_contents .more-link a:hover .arrow {
  stroke: #FFFFFF;
}

/*# sourceMappingURL=front-page.css.map */