@charset "UTF-8";
/* ----関数設定---- */
/* ----------------------------------------------------------------------
求人情報一覧
---------------------------------------------------------------------- */
#job_list ul li a {
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  overflow: hidden;
  background-color: #FFF;
  padding: 20px;
  margin-bottom: 33px;
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
}
#job_list ul li a figure {
  width: 100%;
  aspect-ratio: 636/455;
  overflow: hidden;
}
#job_list ul li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#job_list ul li a:hover figure img {
  transform: scale(1.1);
}
#job_list ul li a .text {
  width: 100%;
  padding: 19px 0px 20px;
}
#job_list ul li a .text .occupation {
  font-size: clamp(19px, calc(0.7511737089vw + 16px), 27px);
  font-weight: bold;
  background-color: #E1D6CA;
  padding: 0px 10px;
  margin-bottom: 14px;
}
@supports not (font-size: clamp(19px, calc(0.7511737089vw + 16px), 27px)) {
  #job_list ul li a .text .occupation {
    font-size: max(19px, min(calc(0.7511737089vw + 16px), 27px));
  }
}
#job_list ul li a .text .icon {
  padding-left: 25px;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: left center;
}
#job_list ul li a .text .job-description {
  background-image: url(../images/job_icon_job-description.svg);
}
#job_list ul li a .text .catchphrase {
  background-image: url(../images/job_icon_catchphrase.svg);
}
#job_list ul li a .text .company {
  background-image: url(../images/job_icon_company.svg);
}
#job_list ul li a .text .salary {
  background-image: url(../images/job_icon_salary.svg);
}
#job_list ul li a .text .recruitment {
  background-image: url(../images/job_icon_recruitment.svg);
}

#sidebar_joblist {
  margin: 19px 0 50px;
}
#sidebar_joblist h2 {
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #6A3906;
  margin-bottom: 12px;
  font-size: clamp(22px, calc(0.4694835681vw + 20px), 27px);
}
@supports not (font-size: clamp(22px, calc(0.4694835681vw + 20px), 27px)) {
  #sidebar_joblist h2 {
    font-size: max(22px, min(calc(0.4694835681vw + 20px), 27px));
  }
}
#sidebar_joblist .side_widget {
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
  background-color: #FFF;
  padding: 28px 16px;
  border-radius: clamp(12px, calc(1.6901408451vw + 6px), 30px);
}
@supports not (border-radius: clamp(12px, calc(1.6901408451vw + 6px), 30px)) {
  #sidebar_joblist .side_widget {
    border-radius: max(12px, min(calc(1.6901408451vw + 6px), 30px));
  }
}
#sidebar_joblist .side_widget h3.menu-item-btn {
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  font-size: 20px;
  text-align: center;
  background-color: #6A3906;
  color: #FFF;
  border-radius: 99999px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  margin-bottom: 31px;
}
#sidebar_joblist .side_widget h3.menu-item-btn::after {
  content: "+";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
}
#sidebar_joblist .side_widget h3.menu-item-btn.is-open::after {
  content: "-";
}
#sidebar_joblist .side_widget .side_content {
  display: none;
  margin-bottom: 30px;
}
#sidebar_joblist .side_widget ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#sidebar_joblist .side_widget ul li {
  width: calc((100% - 10px) / 2);
}
#sidebar_joblist .side_widget input[type=checkbox]{margin-right:5px;}
#sidebar_joblist .side_widget .occupation input[type=radio], #sidebar_joblist .side_widget .occupation input[type=checkbox] {
  display: none;
}
#sidebar_joblist .side_widget .occupation label {
  height: 42px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: #E1D6CA;
  border: solid 1px #E1D6CA;
  box-shadow: 4px 4px 7px rgba(155, 95, 0, 0.22);
  transition: 0.3s;
}
#sidebar_joblist .side_widget .occupation label:hover {
  background-color: #FFF;
}
#sidebar_joblist .side_widget .occupation input[type=radio]:checked + label, #sidebar_joblist .side_widget .occupation input[type=checkbox]:checked + label {
  background: #FFF;
  color: #6a3906;
  font-weight: bold;
}
#sidebar_joblist .side_widget button {
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  border: solid 1px #C30D23;
  margin: 12px auto 8px;
  height: 42px;
  width: 100%;
  background-color: #C30D23;
  color: #FFF;
  border-radius: 99999px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
  transition: 0.3s;
}
#sidebar_joblist .side_widget button:not(:lang(ja)){
	font-size:14px;
}
#sidebar_joblist .side_widget button::before {
  content: "";
  width: 16px;
  height: 20px;
  background-image: url(../images/icon_search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
#sidebar_joblist .side_widget button:hover {
  background-color: #FFF;
  color: #C30D23;
}
#sidebar_joblist .side_widget button:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.55%2044.86%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23C30D23%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%204.78px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cg%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2221.3%22%20cy%3D%2216.25%22%20r%3D%2213.86%22%2F%3E%20%3Cline%20class%3D%22cls-1%22%20x1%3D%2213.57%22%20y1%3D%2227.76%22%20x2%3D%222.39%22%20y2%3D%2242.47%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.post-type-archive-news .link_btn {
  max-width: 548px;
  margin-top: clamp(56px, calc(2.3474178404vw + 47px), 81px);
}
@supports not (margin-top: clamp(56px, calc(2.3474178404vw + 47px), 81px)) {
  .post-type-archive-news .link_btn {
    margin-top: max(56px, min(calc(2.3474178404vw + 47px), 81px));
  }
}
.post-type-archive-news .link_btn a.button {
  padding: clamp(19px, calc(1.220657277vw + 14px), 32px);
  border-radius: clamp(12px, calc(0.6572769953vw + 10px), 19px);
}
@supports not (padding: clamp(19px, calc(1.220657277vw + 14px), 32px)) {
  .post-type-archive-news .link_btn a.button {
    padding: max(19px, min(calc(1.220657277vw + 14px), 32px));
  }
}
@supports not (border-radius: clamp(12px, calc(0.6572769953vw + 10px), 19px)) {
  .post-type-archive-news .link_btn a.button {
    border-radius: max(12px, min(calc(0.6572769953vw + 10px), 19px));
  }
}

@media screen and (min-width: 768px) {
  #job_list ul.fadein-order > li a figure {
    width: 34%;
    aspect-ratio: 1;
  }
  #job_list ul.fadein-order > li a .text {
    width: 66%;
    padding: 0 20px;
  }
  #sidebar_joblist .side_widget h3:not(.first) {
    margin-top: 10px;
  }
  #sidebar_joblist .side_widget ul li {
    width: calc((100% - 30px) / 4);
  }
}
@media screen and (min-width: 1024px) {
  #main {
    padding-top: 0;
    margin-top: -22px;
  }
  #job_list {
    margin-top: 62px;
  }
  #sidebar_joblist {
    margin: 0;
    width: 27.9%;
    display: block;
    order: 2;
    margin-bottom: 41px;
  }
  #sidebar_joblist .side_widget_wrapper {
    /*position: sticky;
    top: 20px;*/
  }
  #sidebar_joblist .side_widget {
    padding: 20px 27px;
  }
  #sidebar_joblist .side_widget h3.menu-item-btn {
    margin-bottom: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #sidebar_joblist .side_widget h3.menu-item-btn::after {
    display: none;
  }
  #sidebar_joblist .side_widget .side_content {
    display: block;
  }
  #sidebar_joblist .side_widget ul {
    gap: 7px;
    font-size: 14px;
  }
  #sidebar_joblist .side_widget ul.occupation {
    display: flex;
    gap: 19px;
  }
  #sidebar_joblist .side_widget ul li {
    width: 100%;
  }
	
}
/* ----------------------------------------------------------------------
求人情報　詳細
---------------------------------------------------------------------- */
.single-job #content-left {
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
  padding-top: clamp(9px, calc(3.2863849765vw + -3px), 44px);
  padding-bottom: clamp(34px, calc(0.9389671362vw + 30px), 44px);
  padding-left: clamp(20px, calc(2.2535211268vw + 12px), 44px);
  padding-right: clamp(20px, calc(2.2535211268vw + 12px), 44px);
}
@supports not (padding-top: clamp(9px, calc(3.2863849765vw + -3px), 44px)) {
  .single-job #content-left {
    padding-top: max(9px, min(calc(3.2863849765vw + -3px), 44px));
  }
}
@supports not (padding-bottom: clamp(34px, calc(0.9389671362vw + 30px), 44px)) {
  .single-job #content-left {
    padding-bottom: max(34px, min(calc(0.9389671362vw + 30px), 44px));
  }
}
@supports not (padding-left: clamp(20px, calc(2.2535211268vw + 12px), 44px)) {
  .single-job #content-left {
    padding-left: max(20px, min(calc(2.2535211268vw + 12px), 44px));
  }
}
@supports not (padding-right: clamp(20px, calc(2.2535211268vw + 12px), 44px)) {
  .single-job #content-left {
    padding-right: max(20px, min(calc(2.2535211268vw + 12px), 44px));
  }
}
.single-job #content-left .post_header {
  margin-bottom: clamp(20px, calc(1.4084507042vw + 15px), 35px);
}
@supports not (margin-bottom: clamp(20px, calc(1.4084507042vw + 15px), 35px)) {
  .single-job #content-left .post_header {
    margin-bottom: max(20px, min(calc(1.4084507042vw + 15px), 35px));
  }
}
.single-job #content-left .post_header h1 {
  font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px);
  margin-top: clamp(16px, calc(0.4694835681vw + 14px), 21px);
  padding-bottom: clamp(21px, calc(0vw + 21px), 21px);
  font-weight: bold;
  border-bottom: solid 1px #CCC;
}
@supports not (font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px)) {
  .single-job #content-left .post_header h1 {
    font-size: max(16px, min(calc(0.7511737089vw + 13px), 24px));
  }
}
@supports not (margin-top: clamp(16px, calc(0.4694835681vw + 14px), 21px)) {
  .single-job #content-left .post_header h1 {
    margin-top: max(16px, min(calc(0.4694835681vw + 14px), 21px));
  }
}
@supports not (padding-bottom: clamp(21px, calc(0vw + 21px), 21px)) {
  .single-job #content-left .post_header h1 {
    padding-bottom: max(21px, min(calc(0vw + 21px), 21px));
  }
}
.single-job #content-left #post_content {
  font-size: clamp(14px, calc(0.2544529262vw + 13px), 15px);
}
@supports not (font-size: clamp(14px, calc(0.2544529262vw + 13px), 15px)) {
  .single-job #content-left #post_content {
    font-size: max(14px, min(calc(0.2544529262vw + 13px), 15px));
  }
}
.single-job #content-left #post_content h2 {
  margin-bottom: clamp(10px, calc(0.7511737089vw + 7px), 18px);
  font-weight: bold;
  font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px);
}
@supports not (margin-bottom: clamp(10px, calc(0.7511737089vw + 7px), 18px)) {
  .single-job #content-left #post_content h2 {
    margin-bottom: max(10px, min(calc(0.7511737089vw + 7px), 18px));
  }
}
@supports not (font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px)) {
  .single-job #content-left #post_content h2 {
    font-size: max(16px, min(calc(0.7511737089vw + 13px), 24px));
  }
}
.single-job #content-left #post_content p {
  margin-bottom: clamp(38px, calc(2.0657276995vw + 30px), 60px);
}
@supports not (margin-bottom: clamp(38px, calc(2.0657276995vw + 30px), 60px)) {
  .single-job #content-left #post_content p {
    margin-bottom: max(38px, min(calc(2.0657276995vw + 30px), 60px));
  }
}
.single-job #content-left #post_content figure {
  margin-bottom: clamp(14px, calc(0.5633802817vw + 12px), 20px);
}
@supports not (margin-bottom: clamp(14px, calc(0.5633802817vw + 12px), 20px)) {
  .single-job #content-left #post_content figure {
    margin-bottom: max(14px, min(calc(0.5633802817vw + 12px), 20px));
  }
}
.single-job #content-left #post_content table {
  border-top: solid 1px #CCC;
}
.single-job #content-left #post_content table th, .single-job #content-left #post_content table td {
  font-size: clamp(12px, calc(0.5633802817vw + 10px), 18px);
  border-left: none;
  border-right: solid 1px #CCC;
  border-top: none;
  padding: 10px;
}
@supports not (font-size: clamp(12px, calc(0.5633802817vw + 10px), 18px)) {
  .single-job #content-left #post_content table th, .single-job #content-left #post_content table td {
    font-size: max(12px, min(calc(0.5633802817vw + 10px), 18px));
  }
}
.single-job #content-left #post_content table td {
  border-bottom: solid 1px #CCC;
}
.single-job #content-left #post_content table tr td:first-child {
  background-color: #B7B8B8;
  border-bottom: solid 1px #FFF;
  width: clamp(88px, calc(3.9436619718vw + 73px), 130px);
}
@supports not (width: clamp(88px, calc(3.9436619718vw + 73px), 130px)) {
  .single-job #content-left #post_content table tr td:first-child {
    width: max(88px, min(calc(3.9436619718vw + 73px), 130px));
  }
}
.single-job #sidebar_job {
  margin: 74px auto;
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
  background-color: #FFF;
  border-radius: 12px;
  padding: 30px 0 20px;
  max-width: 500px;
}
.single-job #sidebar_job .side_widget {
  width: 100%;
  font-size: 15px;
}
.single-job #sidebar_job .side_widget h3 {
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  font-size: 20px;
  text-align: center;
  background-color: #6A3906;
  color: #FFF;
  border-radius: 99999px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0 17px;
}
.single-job #sidebar_job .side_widget .side_content {
  margin-top: 15px;
}
.single-job #sidebar_job .side_widget .side_content h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}
.single-job #sidebar_job .side_widget .side_content .company {
  margin: 0 17px 21px;
}
.single-job #sidebar_job .side_widget .side_content .company figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-job #sidebar_job .side_widget .side_content .company p {
  line-height: 2;
}
.single-job #sidebar_job .side_widget .side_content .gallery {
  border-top: solid 1px #CCC;
  padding: 17px 17px 40px 17px;
}
.single-job #sidebar_job .side_widget .side_content .gallery .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.single-job #sidebar_job .side_widget .side_content .gallery .flex figure {
  width: calc((100% - 20px) / 2);
}
.single-job #sidebar_job .side_widget .side_content .access {
  border-top: solid 1px #CCC;
  padding: 17px;
}
.single-job #sidebar_job .side_widget .side_content .access a.map_btn {
  background-color: #C30D23;
  color: #FFF;
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 22px;
  border-radius: 6px;
  height: 61px;
  margin-top: 10px;
}
.single-job #sidebar_job .side_widget .side_content .access a.map_btn::before {
  content: "";
  width: 16px;
  height: 23px;
  background: url(../images/icon_map.svg) no-repeat center center/contain;
}
.single-job #sidebar_job .side_widget .side_content .access a.map_btn:hover {
  background-color: #6A3906;
}
.single-job .link_btn {
  max-width: 548px;
}
.single-job .link_btn a.entry {
  background-color: #C30D23;
  color: #FFF;
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
  margin-top: 10px;
  font-size: clamp(15px, calc(0.4694835681vw + 13px), 20px);
  border-radius: clamp(12px, calc(0.6572769953vw + 10px), 19px);
  height: clamp(54px, calc(2.8169014085vw + 43px), 84px);
}
@supports not (font-size: clamp(15px, calc(0.4694835681vw + 13px), 20px)) {
  .single-job .link_btn a.entry {
    font-size: max(15px, min(calc(0.4694835681vw + 13px), 20px));
  }
}
@supports not (border-radius: clamp(12px, calc(0.6572769953vw + 10px), 19px)) {
  .single-job .link_btn a.entry {
    border-radius: max(12px, min(calc(0.6572769953vw + 10px), 19px));
  }
}
@supports not (height: clamp(54px, calc(2.8169014085vw + 43px), 84px)) {
  .single-job .link_btn a.entry {
    height: max(54px, min(calc(2.8169014085vw + 43px), 84px));
  }
}
.single-job .link_btn a.entry::after {
  content: "";
  width: 23px;
  height: 17px;
  background: url(../images/icon_mail.svg) no-repeat center center/contain;
}
.single-job .link_btn a.entry:hover {
  background-color: #6A3906;
}
.single-job .link_btn a.button {
  font-size: clamp(17px, calc(0.2816901408vw + 16px), 20px);
  padding: clamp(19px, calc(1.220657277vw + 14px), 32px);
  border-radius: clamp(12px, calc(0.6572769953vw + 10px), 19px);
  margin-top: clamp(28px, calc(1.6901408451vw + 22px), 46px);
  line-height: 1;
}
@supports not (font-size: clamp(17px, calc(0.2816901408vw + 16px), 20px)) {
  .single-job .link_btn a.button {
    font-size: max(17px, min(calc(0.2816901408vw + 16px), 20px));
  }
}
@supports not (padding: clamp(19px, calc(1.220657277vw + 14px), 32px)) {
  .single-job .link_btn a.button {
    padding: max(19px, min(calc(1.220657277vw + 14px), 32px));
  }
}
@supports not (border-radius: clamp(12px, calc(0.6572769953vw + 10px), 19px)) {
  .single-job .link_btn a.button {
    border-radius: max(12px, min(calc(0.6572769953vw + 10px), 19px));
  }
}
@supports not (margin-top: clamp(28px, calc(1.6901408451vw + 22px), 46px)) {
  .single-job .link_btn a.button {
    margin-top: max(28px, min(calc(1.6901408451vw + 22px), 46px));
  }
}

@media screen and (min-width: 1024px) {
  #main {
    display: flex;
    justify-content: space-between;
	  align-items:flex-start:
    padding-top: 30px;
  }
  #main #content-left {
    width: 68.5%;
    border-radius: clamp(12px, calc(4.3269230769vw + -32px), 30px);
  }
  @supports not (border-radius: clamp(12px, calc(4.3269230769vw + -32px), 30px)) {
    #main #content-left {
      border-radius: max(12px, min(calc(4.3269230769vw + -32px), 30px));
    }
  }
  #main #sidebar_job {
    margin: 0;
    width: 27.9%;
    border-radius: clamp(12px, calc(4.3269230769vw + -32px), 30px);
    padding-bottom: 42px;
  }
  @supports not (border-radius: clamp(12px, calc(4.3269230769vw + -32px), 30px)) {
    #main #sidebar_job {
      border-radius: max(12px, min(calc(4.3269230769vw + -32px), 30px));
    }
  }
  #main #sidebar_job .side_widget_wrapper {
    /*position: sticky;
    top: 20px;*/
  }
  #main #sidebar_job .side_widget h3 {
    font-size: 17px;
    margin: 0 30px;
  }
  #main #sidebar_job .side_widget .side_content {
    display: block;
    margin-top: 24px;
    padding: 0;
  }
  #main #sidebar_job .side_widget .side_content h4 {
    margin: 34px 0 10px;
  }
  #main #sidebar_job .side_widget .side_content .company {
    margin: 0 35px 21px;
  }
  #main #sidebar_job .side_widget .side_content .company p {
    line-height: 2.2;
  }
  #main #sidebar_job .side_widget .side_content .gallery {
    padding: 0 35px 40px 35px;
  }
  #main #sidebar_job .side_widget .side_content .gallery .flex {
    gap: 32px;
  }
  #main #sidebar_job .side_widget .side_content .gallery .flex figure {
    width: 100%;
  }
  #main #sidebar_job .side_widget .side_content .access {
    padding: 17px 35px;
  }
  #main #sidebar_job .side_widget .side_content .access a.map_btn {
    font-size: clamp(14px, calc(0.7211538462vw + 7px), 17px);
  }
  @supports not (font-size: clamp(14px, calc(0.7211538462vw + 7px), 17px)) {
    #main #sidebar_job .side_widget .side_content .access a.map_btn {
      font-size: max(14px, min(calc(0.7211538462vw + 7px), 17px));
    }
  }
  #main #sidebar_job .side_widget .side_content .access a.map_btn::before {
    width: 12px;
    height: 18px;
  }
  .archive #main #content-left {
    max-width: 1160px;
  }
}
@media screen and (min-width: 1280px) {
  #main {
    width: 75%;
    margin-left: 5%;
  }
  .side-menu-wrapper {
    position: absolute;
    right: 65px;
    top: 0;
  }
}
@media screen and (min-width: 1366px) {
  .single-job #content-left #post_content table th, .single-job #content-left #post_content table td {
    padding: 19px 30px;
  }
  .single-job #content-left #post_content table tr td:first-child {
    padding: 19px 15px;
  }
}
@media screen and (min-width: 1700px) {
  #main {
    margin-left: 7%;
  }
}
@media screen and (min-width: 1800px) {
  #main {
    margin-left: 10%;
  }
}
@media screen and (min-width: 1900px) {
  #main {
    margin-left: auto;
  }
}/*# sourceMappingURL=job.css.map */