@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++
 * 下層ページのコンテンツエリア専用CSS（プリント用）
 * @version 0.0.1
++++++++++++++++++++++++++++++++++*/
@media print {
  body {
    zoom: 0.97;
  }
  #wrapper, #wrapper-in, #wrapper-in2 {
    border: none;
    background: none;
  }
  #header-print, #pankuzu, #pankuzu-ashiato, #side-nav, #pagetop, #footer-print {
    display: none;
  }
  #contents {
    float: none;
    width: 100%;
  }
  h1.title {
    width: 100%;
  }
  #contents-in {
    width: 100%;
  }
}
.recruit-list #contents, .recruit-detail #contents, .recruit-input #contents, .recruit-confirm #contents, .recruit-post #contents {
  float: initial;
  width: 100%;
}
.recruit-list #contents #contents-in, .recruit-detail #contents #contents-in, .recruit-input #contents #contents-in, .recruit-confirm #contents #contents-in, .recruit-post #contents #contents-in {
  width: 100%;
}

.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria {
  margin-top: 20px;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-title {
  display: block;
  font-size: 120%;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item {
  align-items: center;
  display: flex;
  margin-top: 5px;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item input[type=text] {
  margin-right: 3px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item input[type=text] {
    width: 100%;
  }
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item .ui-datepicker-trigger {
  margin-right: 5px;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item .list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item .list > label {
  line-height: 2;
  display: inline-block;
  margin-right: 1em;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item .list li {
  line-height: 2;
  display: inline-block;
  margin-right: 1em;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item .list li label {
  align-items: center;
  display: flex;
}
.recruit-area[data-template-type=list] .recruit-searchbox-area .recruit-search-criteria .recruit-search-item .list li label input[type=checkbox] {
  margin: 3px 3px 3px 0;
}
.recruit-area[data-template-type=list] .recruit-search-submit {
  margin-top: 20px;
  text-align: center;
}
.recruit-area[data-template-type=list] .recruit-search-submit button {
  margin: 0px auto;
  padding: 10px 20px;
  background-color: #555;
  border: 0;
  color: #fff;
  font-size: 100%;
  cursor: pointer;
  -webkit-appearance: none;
}
@media print, screen and (min-width: 769px) {
  .recruit-area[data-template-type=list] .recruit-search-submit button:hover {
    opacity: 0.9;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area {
    margin-top: 8.8vw;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item + .recruit-list-item {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item + .recruit-list-item {
    margin-top: 53px;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-ttl {
  display: flex;
  align-items: center;
  padding: 12px 22px 10px;
  margin-bottom: 21px;
  background-color: #d9f6f5;
  color: #1c4153;
  font-size: 1.625rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-ttl {
    padding: 2.1333333333vw 3.8666666667vw 2.4vw;
    font-size: 1.125rem;
    margin-bottom: 17px;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .in {
  display: grid;
  grid-template-columns: 480px auto;
  gap: 0 26px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .in {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .entry-image {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .entry-image img {
  width: 480px;
  height: 300px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .entry-image img {
    width: 85.3333333333vw;
    height: 53.3333333333vw;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .recruit-attempt {
  display: grid;
  grid-template-columns: repeat(4, 110px);
  gap: 13px;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .recruit-attempt {
    width: 85.3333333333vw;
    grid-template-columns: repeat(4, 19.6vw);
    gap: 2.2666666667vw 2.4vw;
    margin: 0 auto 31px;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .recruit-attempt img {
  width: 110px;
  height: 109px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-image-wrap .recruit-attempt img {
    width: 19.6vw;
    height: 19.3333333333vw;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-gold {
  margin-bottom: 20px;
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-gold .list {
  display: flex;
  gap: 2px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-gold .list {
    justify-content: center;
    gap: 0 2.8vw;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-gold .list .item img {
  width: 115px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-gold .list .item img {
    width: 33.4666666667vw;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box + .entry-item-box {
  margin-top: 23px;
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-ttl {
  padding-left: 7px;
  position: relative;
  font-size: 1.25rem;
  color: #1c4153;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-ttl {
    font-size: 1rem;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-ttl::before {
  content: "";
  width: 3px;
  height: 22px;
  background-color: #1c4153;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-ttl::before {
    width: 3px;
    height: 20px;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-txt {
  color: #1c4153;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-txt {
    font-size: 0.875rem;
  }
}
.recruit-area[data-template-type=list] .recruit-search-result-area .recruit-list-item .entry-item-box .entry-item-box-txt a {
  color: #1c4153;
}
.recruit-area[data-template-type=list] .data-nothing {
  margin-block: 32px;
}
.recruit-area[data-template-type=detail] .image-area .item-image {
  text-align: center;
}
.recruit-area[data-template-type=detail] .image-area .item-image img {
  width: 700px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .image-area .item-image img {
    width: 85.3333333333vw;
  }
}
.recruit-area[data-template-type=detail] .recruit-diver {
  display: flex;
  justify-content: center;
  gap: 26px;
  margin-block: 41px 59px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-diver {
    margin-block: 10px 15px;
  }
}
.recruit-area[data-template-type=detail] .recruit-diver img {
  width: 192px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-diver img {
    width: 33.8666666667vw;
  }
}
.recruit-area[data-template-type=detail] .recruit-box + .recruit-box {
  margin-top: 23px;
}
.recruit-area[data-template-type=detail] .recruit-box .recruit-ttl {
  padding-left: 12px;
  position: relative;
  font-size: 1.25rem;
  font-weight: bold;
  color: #1c4153;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-box .recruit-ttl {
    font-size: 1rem;
  }
}
.recruit-area[data-template-type=detail] .recruit-box .recruit-ttl::before {
  content: "";
  width: 3px;
  height: 22px;
  background-color: #1c4153;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-box .recruit-ttl::before {
    width: 3px;
    height: 20px;
  }
}
.recruit-area[data-template-type=detail] .recruit-box .recruit-txt {
  color: #1c4153;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-box .recruit-txt {
    font-size: 0.875rem;
  }
}
.recruit-area[data-template-type=detail] .recruit-table {
  border-spacing: 0;
  margin: 0;
}
.recruit-area[data-template-type=detail] .recruit-table:has(tbody) {
  margin-bottom: 38px;
  margin-top: 26px;
}
.recruit-area[data-template-type=detail] .recruit-table tbody {
  display: table-row-group;
  margin-top: 19px;
}
.recruit-area[data-template-type=detail] .recruit-table tbody tr {
  display: table-row;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.recruit-area[data-template-type=detail] .recruit-table tbody tr + tr {
  margin-top: 0;
}
.recruit-area[data-template-type=detail] .recruit-table tbody tr th, .recruit-area[data-template-type=detail] .recruit-table tbody tr td {
  display: table-cell;
  width: 100%;
  padding-block: 6px;
  border: 1px solid #ccc !important;
  border-collapse: collapse;
  box-sizing: content-box;
  color: #1c4153;
}
.recruit-area[data-template-type=detail] .recruit-table tbody tr th {
  background-color: #f6f6e7 !important;
  width: 260px;
  text-align: center;
  font-weight: bold;
  color: #1c4153 !important;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-table tbody tr th {
    width: 31.2vw;
    font-size: 0.875rem;
  }
}
.recruit-area[data-template-type=detail] .recruit-table tbody tr td {
  width: auto;
  padding-inline: 23px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-table tbody tr td {
    font-size: 0.875rem;
  }
}
.recruit-area[data-template-type=detail] .recruit-sub-img-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 39px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-sub-img-box {
    gap: 5.2vw;
  }
}
.recruit-area[data-template-type=detail] .recruit-sub-img-box .recruit-sub-img img {
  width: 100%;
  height: auto;
}
.recruit-area[data-template-type=detail] .recruit-supplement {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .recruit-supplement {
    font-size: 0.875rem;
  }
}
.recruit-area[data-template-type=detail] .return-link {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .recruit-area[data-template-type=detail] .return-link {
    margin-top: 23px;
  }
}

#loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
#loading:before {
  content: "";
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  margin-top: -15px;
  margin-left: -15px;
  background: white;
}
#loading:after {
  content: "";
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border: 4px solid #009828;
  border-right: 4px solid white;
  animation: rotate 1s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.keyword-search {
  padding: 31px 35px;
  background-color: #f6f6e7;
}
@media screen and (max-width: 768px) {
  .keyword-search {
    padding: 4.1333333333vw 5.0666666667vw 8.5333333333vw;
  }
}
.keyword-search .keyword-search-box {
  padding: 20px 31px 29px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box {
    padding: 13px 0 29px 12px;
  }
}
.keyword-search .keyword-search-box#ks3 .box .list {
  gap: 13px 41px;
}
.keyword-search .keyword-search-box#ks3 .box .list li:first-of-type label::after {
  background: url(../img_sub/company_search/diver.jpg) no-repeat center right/115px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box#ks3 .box .list li:first-of-type label::after {
    background-size: 18.6666666667vw;
  }
}
.keyword-search .keyword-search-box#ks3 .box .list li:last-of-type label::after {
  background: url(../img_sub/company_search/diver_gold.jpg) no-repeat center right/115px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box#ks3 .box .list li:last-of-type label::after {
    background-size: 18.6666666667vw;
  }
}
.keyword-search .keyword-search-box#ks3 .box .list li label {
  display: inline-block;
  min-height: 44px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box#ks3 .box .list li label {
    display: grid;
    grid-template-columns: 23px 41.2vw 18.6666666667vw;
    align-items: center;
    gap: 12px;
  }
}
.keyword-search .keyword-search-box#ks3 .box .list li label::after {
  content: "";
  width: 115px;
  aspect-ratio: 1/1;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box#ks3 .box .list li label::after {
    width: 18.6666666667vw;
  }
}
.keyword-search .keyword-search-box.freeword-search {
  padding-right: 12px;
}
.keyword-search .keyword-search-box.freeword-search dd {
  display: flex;
  justify-content: center;
}
.keyword-search .keyword-search-box.freeword-search .freeword-search-form {
  width: 560px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box.freeword-search .freeword-search-form {
    width: 100%;
  }
}
.keyword-search .keyword-search-box.freeword-search .freeword-search-form input {
  width: 500px;
  box-sizing: border-box;
  border: 2px solid #36447f;
  border-right: 0;
  border-radius: 6px 0 0 6px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box.freeword-search .freeword-search-form input {
    width: calc(100% - 12vw);
  }
}
.keyword-search .keyword-search-box.freeword-search .freeword-search-form input:focus {
  outline: 1px solid #000;
  outline-offset: -5px;
}
.keyword-search .keyword-search-box.freeword-search .freeword-search-form button {
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  background-color: #36447f;
  border-radius: 0 6px 6px 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box.freeword-search .freeword-search-form button {
    width: 12vw;
    height: 12vw;
  }
}
.keyword-search .keyword-search-box.freeword-search .freeword-search-form button:focus {
  outline: 1px solid #fff;
  outline-offset: -3px;
}
.keyword-search .keyword-search-box.freeword-search .freeword-search-form button::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-color: #ffffff;
  position: absolute;
  inset: 0;
  margin: auto;
  clip-path: polygon(21.69% 24.41%, 20.35% 26.06%, 19.18% 27.87%, 18.12% 29.9%, 17.39% 31.94%, 16.85% 34.07%, 16.48% 36.48%, 16.46% 39.04%, 16.69% 41.55%, 17.14% 43.85%, 17.72% 45.78%, 18.57% 47.98%, 19.59% 49.91%, 20.76% 51.74%, 22.03% 53.36%, 23.36% 54.85%, 25.08% 56.37%, 26.93% 57.75%, 28.81% 58.84%, 30.74% 59.72%, 33.07% 60.33%, 35.1% 60.7%, 37.38% 60.92%, 39.37% 60.93%, 41.98% 60.66%, 44.52% 60.17%, 46.66% 59.48%, 48.31% 58.76%, 50.1% 57.78%, 51.58% 56.77%, 52.95% 55.68%, 53.79% 54.88%, 54.34% 54.34%, 94.61% 94.61%, 89.9% 99%, 62.61% 72.02%, 62.61% 66.88%, 61.76% 66.05%, 59.89% 67.58%, 57.49% 69.21%, 55.34% 70.42%, 52.57% 71.91%, 49.77% 72.84%, 47.16% 73.61%, 43.77% 74.17%, 40.36% 74.48%, 36.79% 74.47%, 33.89% 74.24%, 30.69% 73.66%, 27.25% 72.79%, 23.53% 71.39%, 19.93% 69.42%, 16.93% 67.46%, 13.57% 64.57%, 10.52% 61.3%, 8.12% 58.07%, 6.24% 54.71%, 4.72% 51.31%, 3.72% 47.79%, 3.11% 44.85%, 2.69% 41.66%, 2.6% 38.44%, 2.68% 36.45%, 2.8% 34.73%, 3.04% 32.91%, 3.32% 31.43%, 3.63% 29.82%, 3.96% 28.4%, 4.47% 26.91%, 4.93% 25.43%, 5.72% 23.7%, 6.43% 22.1%, 7.78% 19.8%, 9.14% 17.79%, 10.71% 15.76%, 12.37% 13.93%, 13.93% 12.37%, 15.76% 10.71%, 17.79% 9.14%, 19.8% 7.78%, 22.1% 6.43%, 23.7% 5.72%, 25.43% 4.93%, 26.91% 4.47%, 28.4% 3.96%, 29.82% 3.63%, 31.43% 3.32%, 32.91% 3.04%, 34.73% 2.8%, 36.45% 2.68%, 38.44% 2.6%, 41.66% 2.69%, 44.85% 3.11%, 47.79% 3.72%, 51.31% 4.72%, 54.71% 6.24%, 58.07% 8.12%, 61.3% 10.52%, 64.57% 13.57%, 67.46% 16.93%, 69.42% 19.93%, 71.39% 23.53%, 72.79% 27.25%, 73.66% 30.69%, 74.24% 33.89%, 74.47% 36.79%, 74.48% 40.36%, 74.17% 43.77%, 73.61% 47.16%, 72.84% 49.77%, 71.91% 52.57%, 70.42% 55.34%, 69.21% 57.49%, 67.58% 59.89%, 66.05% 61.76%, 66.88% 62.61%, 72.02% 62.61%, 99% 89.9%, 94.61% 94.61%, 54.34% 54.34%, 54.88% 53.79%, 55.68% 52.95%, 56.77% 51.58%, 57.78% 50.1%, 58.76% 48.31%, 59.48% 46.66%, 60.17% 44.52%, 60.66% 41.98%, 60.93% 39.37%, 60.92% 37.38%, 60.7% 35.1%, 60.33% 33.07%, 59.72% 30.74%, 58.84% 28.81%, 57.75% 26.93%, 56.37% 25.08%, 54.85% 23.36%, 53.36% 22.03%, 51.74% 20.76%, 49.91% 19.59%, 47.98% 18.57%, 45.78% 17.72%, 43.85% 17.14%, 41.55% 16.69%, 39.04% 16.46%, 36.48% 16.48%, 34.07% 16.85%, 31.94% 17.39%, 29.9% 18.12%, 27.87% 19.18%, 26.06% 20.35%, 24.41% 21.69%);
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box.freeword-search .freeword-search-form button::before {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
}
.keyword-search .keyword-search-box + .keyword-search-box {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box + .keyword-search-box {
    margin-top: 16px;
  }
}
.keyword-search .keyword-search-box .title {
  font-size: 1.375rem;
  font-weight: bold;
  color: #1c4153;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box .title {
    font-size: 1.125rem;
    margin-bottom: 4px;
    line-height: 1.3333333333;
  }
}
.keyword-search .keyword-search-box .list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 46px;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box .list {
    gap: 13px 20px;
  }
}
.keyword-search .keyword-search-box .list li {
  color: #1c4153;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .keyword-search .keyword-search-box .list li {
    font-size: 0.875rem;
  }
}
.keyword-search .keyword-search-box .gsc-control-searchbox-only {
  display: flex;
  justify-content: center;
}
.keyword-search .input-btn-area {
  margin-top: 29px;
}
@media screen and (max-width: 768px) {
  .keyword-search .input-btn-area {
    margin-top: 19px;
  }
}
.keyword-search .input-btn-area button {
  min-width: 280px;
  padding: 15px 40px 15px 25px;
  border: none;
  border-radius: 3px;
  text-align: center;
  background-color: #36447f;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.keyword-search .input-btn-area button:hover {
  text-decoration: underline;
}
.keyword-search .input-btn-area button:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .keyword-search .input-btn-area button {
    min-width: 67.2vw;
    padding-top: 11px;
    font-size: 1rem;
  }
}
.keyword-search .input-btn-area button::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #fff;
  rotate: 0.25turn;
  position: absolute;
  top: 50%;
  right: 11px;
  translate: 0 -50%;
  clip-path: polygon(50% 36.39%, 13.13% 73.25%, 12.65% 73.71%, 12.15% 74.16%, 11.68% 74.5%, 11.15% 74.81%, 10.54% 75.09%, 9.98% 75.31%, 9.45% 75.44%, 8.88% 75.56%, 8.33% 75.62%, 7.68% 75.64%, 6.95% 75.56%, 6.3% 75.4%, 5.74% 75.2%, 5.16% 74.91%, 4.61% 74.55%, 4.09% 74.1%, 3.64% 73.58%, 3.28% 73.03%, 2.99% 72.45%, 2.79% 71.89%, 2.63% 71.24%, 2.55% 70.51%, 2.57% 69.87%, 2.63% 69.31%, 2.75% 68.74%, 2.88% 68.21%, 3.1% 67.65%, 3.38% 67.04%, 3.69% 66.51%, 4.03% 66.04%, 4.49% 65.55%, 4.95% 65.06%, 50% 20%, 95.05% 65.06%, 95.51% 65.55%, 95.97% 66.04%, 96.31% 66.51%, 96.62% 67.04%, 96.9% 67.65%, 97.12% 68.21%, 97.25% 68.74%, 97.37% 69.31%, 97.43% 69.87%, 97.45% 70.51%, 97.37% 71.24%, 97.21% 71.89%, 97.01% 72.45%, 96.72% 73.03%, 96.36% 73.58%, 95.91% 74.1%, 95.39% 74.55%, 94.84% 74.91%, 94.26% 75.2%, 93.7% 75.4%, 93.05% 75.56%, 92.32% 75.64%, 91.67% 75.62%, 91.12% 75.56%, 90.55% 75.44%, 90.02% 75.31%, 89.46% 75.09%, 88.85% 74.81%, 88.32% 74.5%, 87.85% 74.16%, 87.35% 73.71%, 86.87% 73.25%);
}

.recruit-conpany-btn {
  margin-top: 20px;
  text-align: center;
}
.recruit-conpany-btn a {
  display: inline-block;
  min-width: 280px;
  box-sizing: border-box;
  padding: 15px 40px 15px 25px;
  border: none;
  border-radius: 3px;
  text-align: center;
  background-color: #36447f;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 768px) {
  .recruit-conpany-btn a {
    min-width: 67.2vw;
    padding-top: 11px;
    font-size: 1rem;
  }
}
.recruit-conpany-btn a:hover {
  text-decoration: underline;
}
.recruit-conpany-btn a:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}
.recruit-conpany-btn a::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #fff;
  rotate: 0.25turn;
  position: absolute;
  top: 50%;
  right: 11px;
  translate: 0 -50%;
  clip-path: polygon(50% 36.39%, 13.13% 73.25%, 12.65% 73.71%, 12.15% 74.16%, 11.68% 74.5%, 11.15% 74.81%, 10.54% 75.09%, 9.98% 75.31%, 9.45% 75.44%, 8.88% 75.56%, 8.33% 75.62%, 7.68% 75.64%, 6.95% 75.56%, 6.3% 75.4%, 5.74% 75.2%, 5.16% 74.91%, 4.61% 74.55%, 4.09% 74.1%, 3.64% 73.58%, 3.28% 73.03%, 2.99% 72.45%, 2.79% 71.89%, 2.63% 71.24%, 2.55% 70.51%, 2.57% 69.87%, 2.63% 69.31%, 2.75% 68.74%, 2.88% 68.21%, 3.1% 67.65%, 3.38% 67.04%, 3.69% 66.51%, 4.03% 66.04%, 4.49% 65.55%, 4.95% 65.06%, 50% 20%, 95.05% 65.06%, 95.51% 65.55%, 95.97% 66.04%, 96.31% 66.51%, 96.62% 67.04%, 96.9% 67.65%, 97.12% 68.21%, 97.25% 68.74%, 97.37% 69.31%, 97.43% 69.87%, 97.45% 70.51%, 97.37% 71.24%, 97.21% 71.89%, 97.01% 72.45%, 96.72% 73.03%, 96.36% 73.58%, 95.91% 74.1%, 95.39% 74.55%, 94.84% 74.91%, 94.26% 75.2%, 93.7% 75.4%, 93.05% 75.56%, 92.32% 75.64%, 91.67% 75.62%, 91.12% 75.56%, 90.55% 75.44%, 90.02% 75.31%, 89.46% 75.09%, 88.85% 74.81%, 88.32% 74.5%, 87.85% 74.16%, 87.35% 73.71%, 86.87% 73.25%);
}

@media screen and (max-width: 768px) {
  #container {
    margin-inline: 3.2vw;
    padding: 0;
  }
}

.pagenate .list {
  display: inline-block;
}
.pagenate .list li {
  display: inline-block;
  vertical-align: middle;
}
.pagenate .list li + li {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .pagenate .list li + li {
    margin-left: 7px;
  }
}
.pagenate .list li > * {
  display: block;
  padding: 9px 19px;
  border-color: #36447f;
  background-color: #36447f;
  border-radius: 3px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pagenate .list li > * {
    padding: 0px 12px 1px;
    font-size: 0.875rem;
  }
}
.pagenate .list li span, .pagenate .list li a {
  font-weight: bold;
}
.pagenate .list li span {
  background-color: #fff;
  color: #36447f;
}
.pagenate .list li a {
  background-color: #36447f;
  text-decoration: none;
}
.pagenate .list li a:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}
.pagenate .list .max-page a, .pagenate .list .min-page a {
  background: none;
  padding: 0;
  border: 0;
  color: #36447f;
  font-weight: normal;
  font-size: 1rem;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .pagenate .list .max-page a, .pagenate .list .min-page a {
    font-size: 0.875rem;
  }
}
.pagenate .list .min-page:not(:has(.number-one)) {
  margin-right: 9px;
}
@media screen and (max-width: 768px) {
  .pagenate .list .min-page:not(:has(.number-one)) {
    margin-right: 6px;
  }
}
.pagenate .list .max-page {
  margin-left: 19px;
}
@media screen and (max-width: 768px) {
  .pagenate .list .max-page {
    margin-left: 13px;
  }
}
.pagenate > .next, .pagenate > .prev {
  display: inline-block;
  vertical-align: middle;
  color: #36447f;
}
.pagenate > .next a, .pagenate > .prev a {
  display: block;
  color: #36447f;
}
@media screen and (max-width: 768px) {
  .pagenate > .next a, .pagenate > .prev a {
    font-size: 0.875rem;
  }
}
.pagenate > .prev {
  margin-right: 29px;
}
@media screen and (max-width: 768px) {
  .pagenate > .prev {
    margin-right: 19px;
  }
}
.pagenate > .next {
  margin-left: 29px;
}
@media screen and (max-width: 768px) {
  .pagenate > .next {
    margin-left: 19px;
  }
}

@media screen and (max-width: 768px) {
  .recruit-confirm .input-btn-area .space-btn + .space-btn input {
    margin-top: 8px;
  }
}

.input-btn-area {
  margin-top: 29px;
}
@media screen and (max-width: 768px) {
  .input-btn-area {
    margin-top: 19px;
  }
}
.input-btn-area input {
  min-width: 280px;
  padding: 15px 40px 15px 25px;
  border: none;
  border-radius: 3px;
  text-align: center;
  background-color: #36447f;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.input-btn-area input:hover {
  text-decoration: underline;
}
.input-btn-area input:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .input-btn-area input {
    min-width: 67.2vw;
    padding-top: 11px;
    font-size: 1rem;
  }
}
.input-btn-area input::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #fff;
  rotate: 0.25turn;
  position: absolute;
  top: 50%;
  right: 11px;
  translate: 0 -50%;
  clip-path: polygon(50% 36.39%, 13.13% 73.25%, 12.65% 73.71%, 12.15% 74.16%, 11.68% 74.5%, 11.15% 74.81%, 10.54% 75.09%, 9.98% 75.31%, 9.45% 75.44%, 8.88% 75.56%, 8.33% 75.62%, 7.68% 75.64%, 6.95% 75.56%, 6.3% 75.4%, 5.74% 75.2%, 5.16% 74.91%, 4.61% 74.55%, 4.09% 74.1%, 3.64% 73.58%, 3.28% 73.03%, 2.99% 72.45%, 2.79% 71.89%, 2.63% 71.24%, 2.55% 70.51%, 2.57% 69.87%, 2.63% 69.31%, 2.75% 68.74%, 2.88% 68.21%, 3.1% 67.65%, 3.38% 67.04%, 3.69% 66.51%, 4.03% 66.04%, 4.49% 65.55%, 4.95% 65.06%, 50% 20%, 95.05% 65.06%, 95.51% 65.55%, 95.97% 66.04%, 96.31% 66.51%, 96.62% 67.04%, 96.9% 67.65%, 97.12% 68.21%, 97.25% 68.74%, 97.37% 69.31%, 97.43% 69.87%, 97.45% 70.51%, 97.37% 71.24%, 97.21% 71.89%, 97.01% 72.45%, 96.72% 73.03%, 96.36% 73.58%, 95.91% 74.1%, 95.39% 74.55%, 94.84% 74.91%, 94.26% 75.2%, 93.7% 75.4%, 93.05% 75.56%, 92.32% 75.64%, 91.67% 75.62%, 91.12% 75.56%, 90.55% 75.44%, 90.02% 75.31%, 89.46% 75.09%, 88.85% 74.81%, 88.32% 74.5%, 87.85% 74.16%, 87.35% 73.71%, 86.87% 73.25%);
}