@charset "UTF-8";
/* スライドするButton Hover Effects 左から */
/* スライドするButton Hover Effects 左下から */
/* 画像を丸くトリミング */
/* 縦横中央・GRID */
/* テスト用ボーダー 20210116 */
/* テスト用背景色 */
/* ------------------------
 common トップページ以外
------------------------- */
.page #cover {
  max-height: 300px;
  width: 100%;
  text-align: center;
  background: url(../image/common_cover_img.jpg) center center no-repeat;
  background-size: cover; }

.page #cover .inner {
  width: 1140px;
  margin: 0 auto; }
  .page #cover .inner .img {
    width: 100%; }
  .page #cover .inner .img img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1140px) {
    .page #cover .inner {
      width: 100%; } }

.page main .content {
  text-align: center; }

.page main .content .inner {
  margin: 0 auto; }

.page main .content .img {
  max-width: 100%;
  margin: 0 auto; }

/* ------------------------
 #company
------------------------- */
#company #main2 {
  text-align: center; }

#company #main-list-root,
#company #main2-list-root {
  width: 750px;
  margin: 0 auto; }
  @media only screen and (max-width: 1140px) {
    #company #main-list-root,
    #company #main2-list-root {
      width: 100%;
      max-width: 750px; } }

#company .list-item {
  padding: 0.5em 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #company .list-item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0; }

#company .list-item .col {
  text-align: left; }

#company .list-item .col2-1 {
  width: 250px;
  font-weight: 600; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #company .list-item .col2-1 {
    width: 100%; } }

#company .list-item .col2-2 {
  text-align: left; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #company .list-item .col2-2 {
    width: 100%; } }

/* ------------------------
 #recruit
------------------------- */
#recruit #main .inner {
  text-align: center;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#recruit #main-img {
  width: 552px; }
  @media only screen and (max-width: 1140px) {
    #recruit #main-img {
      width: 48.4210526316vw;
      margin-bottom: 15px; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main-img {
    width: 100%;
    padding: 0; } }

#recruit #main-detail {
  width: 588px;
  padding-left: 50px;
  text-align: left; }
  @media only screen and (max-width: 1140px) {
    #recruit #main-detail {
      width: 51.5789473684vw;
      padding-left: 4.3859649123vw; } }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main-detail {
    width: 100%;
    padding: 0; } }

#recruit #main-detail-txt1 {
  line-height: 2.0; }

#recruit #main-detail-txt2 {
  margin-top: 1em;
  font-size: 145%;
  font-family: "YasashisaAntique";
  font-weight: 400; }

#recruit #main-detail-todetail {
  margin: 1em 0 0;
  font-size: 175%;
  font-weight: 600;
  color: #000;
  text-decoration: none; }

#recruit #main-detail-todetail:before {
  content: "\f13a　";
  display: inline-block;
  margin: 1em 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #90BE1D; }

#recruit #main2 {
  margin-top: 100px; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main2 {
    margin-top: 30px; } }

#recruit #main2 .inner {
  width: 900px; }
  @media only screen and (max-width: 1140px) {
    #recruit #main2 .inner {
      width: 100%;
      max-width: 900px; } }

#recruit #main2-status {
  padding: 0 0 1em;
  text-align: left;
  font-size: 160%;
  font-weight: 600; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #recruit #main2-status {
    font-size: 125%; } }

#recruit #main2-list-root {
  text-align: left; }

#recruit #main2-list-root li {
  margin-bottom: 10px; }

#recruit #main2-list-root li a {
  display: block;
  width: 100%;
  padding: 25px 15px;
  color: #000;
  text-decoration: none;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 1140px) {
    #recruit #main2-list-root li a {
      padding: 2.1929824561vw 15px; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #recruit #main2-list-root li a {
      padding: 2.44140625vw 15px; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #recruit #main2-list-root li a {
      padding: 15px; } }

#recruit #main2-list-root li a:hover {
  background-color: #37444F;
  color: #fff; }

#recruit #main2-list-root li a p {
  width: calc(100% - 30px);
  display: inline-block;
  text-align: left; }

#recruit #main2-list-root li a i {
  display: inline-block;
  width: 17px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

#recruit #main2-inner2 {
  padding-top: 15px;
  padding-left: 0;
  text-align: left; }

#recruit #main2-inner2 a {
  color: #000;
  text-decoration: underline; }

#recruit #main2-inquiry {
  display: inline-block;
  margin-top: 15px;
  padding: 25px 30px;
  background-color: #E8F5C2; }
  @media only screen and (max-width: 1140px) {
    #recruit #main2-inquiry {
      padding: 2.1929824561vw 2.6315789474vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #recruit #main2-inquiry {
      padding: 2.44140625vw 2.9296875vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #recruit #main2-inquiry {
      padding: 15px; } }

#recruit #main2-inner2-inquiry-ttl {
  margin-bottom: 1em; }

/* ------------------------
 .recruit-detail
------------------------- */
.recruit-detail #main .inner {
  padding: 100px 85px; }
  @media only screen and (max-width: 1140px) {
    .recruit-detail #main .inner {
      padding: 8.7719298246vw 7.4561403509vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    .recruit-detail #main .inner {
      padding: 9.765625vw 8.30078125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .recruit-detail #main .inner {
      padding: 15px; } }

.recruit-detail #main-inner1 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; }

.recruit-detail #main-inner2 {
  padding-top: 0 !important;
  text-align: left; }

.recruit-detail #main header,
.recruit-detail #main footer {
  position: relative; }

.recruit-detail #main a.tolist {
  display: inline-block;
  position: absolute;
  width: 10em;
  bottom: 0;
  right: 0;
  padding: 0.3em 0.8em;
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-decoration: none;
  font-weight: 600;
  color: #000; }
  .recruit-detail #main a.tolist:hover {
    background-color: #37444F;
    color: #fff; }
  .recruit-detail #main a.tolist span {
    color: #90BE1D; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  .recruit-detail #main a.tolist {
    display: block;
    position: static;
    width: 100%;
    margin: 5px auto;
    border-radius: 0; } }

.recruit-detail #main-ttl-sect {
  display: block !important;
  border-bottom: 0 !important;
  text-align: left !important;
  margin-bottom: 50px; }
  @media only screen and (max-width: 1140px) {
    .recruit-detail #main-ttl-sect {
      margin-bottom: 4.3859649123vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    .recruit-detail #main-ttl-sect {
      margin-bottom: 4.8828125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .recruit-detail #main-ttl-sect {
      margin-bottom: 10px; } }

.recruit-detail #main-ttl-sect:before {
  content: "● "; }

.recruit-detail #main-list-root {
  wiudth: 100%;
  padding: 20px 40px 0;
  border: 1px solid #ccc;
  border-radius: 10px; }
  @media only screen and (max-width: 1140px) {
    .recruit-detail #main-list-root {
      padding: 20px 3.5087719298vw 0; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    .recruit-detail #main-list-root {
      padding: 20px 3.90625vw 0; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .recruit-detail #main-list-root {
      padding: 0 15px; } }

.recruit-detail #main-list-root .list-item {
  width: auto;
  padding: 0.5em 0;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .recruit-detail #main-list-root .list-item:last-of-type {
    border-bottom: 0; }
  @media only screen and (max-width: 1140px) {
    .recruit-detail #main-list-root .list-item {
      width: 100%;
      max-width: 900px; } }

.recruit-detail #main .list-item .col {
  padding: 0.5em 0;
  text-align: left; }

.recruit-detail #main .list-item .col2-1 {
  width: 15%;
  font-weight: 600; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  .recruit-detail #main .list-item .col2-1 {
    width: 100%; } }

.recruit-detail #main .list-item .col2-2 {
  width: 85%; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  .recruit-detail #main .list-item .col2-2 {
    width: 100%; } }

.recruit-detail #main .inquiry {
  display: inline-block;
  margin-top: 15px;
  padding: 25px 30px;
  background-color: #E8F5C2; }
  @media only screen and (max-width: 1140px) {
    .recruit-detail #main .inquiry {
      padding: 2.1929824561vw 2.6315789474vw; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    .recruit-detail #main .inquiry {
      padding: 2.44140625vw 2.9296875vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    .recruit-detail #main .inquiry {
      display: block;
      padding: 15px;
      margin: 15px 0 20px; } }