@charset "UTF-8";
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes float {
  0% {
    opacity: 0;
    top: 80%;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 40%;
  }
}
@keyframes float {
  0% {
    opacity: 0;
    top: 80%;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 40%;
  }
}
@-webkit-keyframes rotateText {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotateText {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
* {
  color: #1a1a1a;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
  line-height: 1.6;
  letter-spacing: 0.025em;
}

html {
  font-size: 56.5%;
  line-height: 1.65;
  overflow-x: hidden;
}
@media print, screen and (min-width: 1024px) {
  html {
    font-size: 62.5%;
  }
}

body {
  font-size: 1.6rem;
  overflow-x: hidden;
}

li {
  list-style: none;
}

a {
  display: block;
  width: 100%;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
a *, a::before, a::after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media print, screen and (min-width: 1024px) {
  a[href*=tel] {
    pointer-events: none;
  }
}

span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

img {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: auto;
  vertical-align: bottom;
}

@media print, screen and (min-width: 480px) {
  br.under480 {
    display: none;
  }
}
br.between1024-1280 {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  br.between1024-1280 {
    display: block;
  }
}
@media print, screen and (min-width: 1280px) {
  br.between1024-1280 {
    display: none;
  }
}

.container {
  width: 100%;
  max-width: 1920px;
  margin: auto;
  overflow-x: hidden;
  opacity: 0;
  -webkit-animation: fade 1s forwards;
          animation: fade 1s forwards;
}

.inner {
  width: 90%;
  margin: auto;
}
.inner.max1000 {
  max-width: 1000px;
}
.inner.max1200 {
  max-width: 1200px;
}
.inner.max1400 {
  max-width: 1400px;
}
.inner.max1600 {
  max-width: 1600px;
}

.mg_top60 {
  margin-top: clamp(3rem, 3vw, 6rem);
}
.mg_top80 {
  margin-top: clamp(4rem, 4vw, 8rem);
}

.pd80 {
  padding: clamp(4rem, 4vw, 8rem) 0;
}
.pd150 {
  padding: clamp(6rem, 7.5vw, 15rem) 0;
}

section.page_top {
  padding: clamp(4rem, 8vw, 8rem) 0;
}
@media print, screen and (min-width: 768px) {
  section.page_top {
    padding-bottom: 2rem;
  }
}
section.page_top .inner {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem 0;
}
@media print, screen and (min-width: 768px) {
  section.page_top .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
section.page_top header {
  overflow: hidden;
}
section.page_top header span {
  display: block;
  height: 30vw;
  max-height: 15rem;
}
@media print, screen and (min-width: 768px) {
  section.page_top header span {
    height: 17.5vw;
    max-height: 29rem;
  }
}
section.page_top header span img {
  height: 100%;
}
section.page_top header h1 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2.5rem 0 0 auto;
  color: #34bb13;
  font-weight: bold;
}
section.page_top header h1::before {
  content: "";
  width: 100vw;
  height: 0.1rem;
  background-color: #34bb13;
  position: absolute;
  top: 50%;
  right: calc(100% + 1rem);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media print, screen and (min-width: 768px) {
  section.page_top p {
    margin-bottom: 3.75rem;
    font-size: clamp(1.5rem, 1.5vw, 2rem);
  }
}
section.page_top .main_img {
  width: 93.75vw;
  margin: 2rem auto 0;
  aspect-ratio: 1/0.5;
  max-height: 60rem;
  border-radius: min(5vw, 5rem);
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  section.page_top .main_img {
    margin-top: clamp(4rem, 5vw, 10rem);
  }
}
section.page_top .main_img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

nav.breadcrumb {
  display: none;
}
@media print, screen and (min-width: 768px) {
  nav.breadcrumb {
    display: block;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
nav.breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
}
nav.breadcrumb ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
}
nav.breadcrumb ol li:not(:last-of-type)::after {
  content: ">";
  display: block;
  position: relative;
  top: -0.1em;
}
nav.breadcrumb ol li a {
  display: inline-block;
}
nav.breadcrumb ol li a[href*="#"] {
  pointer-events: none;
}
nav.breadcrumb ol li a:hover {
  color: #00883f;
}

header.section_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  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: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 768px) {
  header.section_title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
header.section_title span {
  font-family: "Poppins", sans-serif;
  font-size: min(8.8vw, 4.4rem);
  font-weight: 100;
  line-height: 1;
}
header.section_title h2 {
  margin-top: min(2vw, 2rem);
  color: inherit;
  line-height: 1;
}
header.section_title.white {
  color: #fff;
}

.btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.btn a {
  position: relative;
  width: 21.5rem;
  height: 4rem;
  display: grid;
  place-items: center;
  font-weight: bold;
  border: 0.1rem solid;
  border-radius: 9999px;
}
.btn a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 0.2rem solid;
  border-right: 0.2rem solid;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

#recruit #header {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 9999999999;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 1920px;
  background-color: #fff;
  padding: 0 clamp(1.5rem, 3vw, 3rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit #header {
    padding: min(1.25vw, 2.5rem) min(1.5vw, 3rem);
  }
}
#recruit #header .header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#recruit #header h1.logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
#recruit #header h1.logo a:hover {
  opacity: 0.5;
}
#recruit #header h1.logo a img {
  width: clamp(16rem, 22.5vw, 22.5rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit #header h1.logo a img {
    width: min(12vw, 22.5rem);
  }
}
#recruit #header h1.logo a span {
  font-size: clamp(1.4rem, 3.1vw, 3.1rem);
  font-weight: bold;
  white-space: nowrap;
}
@media print, screen and (min-width: 1024px) {
  #recruit #header h1.logo a span {
    font-size: min(1.6vw, 3.1rem);
  }
}
#recruit #header .nav_area {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 3vw;
}
#recruit #header nav.pc_menu ul {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  #recruit #header nav.pc_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.5vw, 5rem);
    margin-right: min(14.25vw, 28.5rem);
  }
}
#recruit #header nav.pc_menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(1vw, 2rem);
  font-size: min(1vw, 1.6rem);
}
#recruit #header nav.pc_menu ul li a::before {
  content: "";
  width: min(1.25vw, 2.5rem);
  height: 0.1rem;
  background-color: #1a1a1a;
}
#recruit #header nav.pc_menu ul li a:hover {
  color: #00883f;
}
#recruit #header nav.pc_menu ul li a:hover::before {
  background-color: #00883f;
}
#recruit #header nav.pc_menu .entry_btn {
  display: none;
}
@media print, screen and (min-width: 400px) {
  #recruit #header nav.pc_menu .entry_btn {
    display: block;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit #header nav.pc_menu .entry_btn {
    position: fixed;
    top: min(1.25vw, 2.5rem);
    right: min(2.5vw, 5rem);
  }
}
#recruit #header nav.pc_menu .entry_btn a {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  background-color: #f7931e;
  border: 0.1rem solid #f7931e;
  border-radius: 9999px;
  padding: 0.3em 1em;
}
@media print, screen and (min-width: 1024px) {
  #recruit #header nav.pc_menu .entry_btn a {
    font-size: min(2vw, 3rem);
    width: min(8vw, 13.5rem);
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    padding: 0;
  }
}
#recruit #header nav.pc_menu .entry_btn a:hover {
  color: #f7931e;
  background-color: #fff;
}
#recruit #header .menu_toggle {
  position: relative;
  width: 4rem;
  height: 6rem;
}
@media print, screen and (min-width: 1024px) {
  #recruit #header .menu_toggle {
    display: none;
  }
}
#recruit #header .menu_toggle span {
  display: inline-block;
  width: 4rem;
  height: 0.3rem;
  background-color: #00883f;
  border-radius: 9999px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#recruit #header .menu_toggle span:nth-of-type(1) {
  top: 50%;
}
#recruit #header .menu_toggle span:nth-of-type(2) {
  top: calc(50% - 1rem);
}
#recruit #header .menu_toggle span:nth-of-type(3) {
  top: calc(50% + 1rem);
}
#recruit #header .menu_toggle.active span:nth-of-type(1) {
  opacity: 0;
}
#recruit #header .menu_toggle.active span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#recruit #header .menu_toggle.active span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
#recruit #header .overlay {
  position: absolute;
  left: 0;
  z-index: 99999;
  width: 100%;
  background-color: #00883f;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow-y: scroll;
}
#recruit #header .overlay.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
#recruit #header .overlay nav.sp_menu {
  padding: min(8vw, 8rem) 0;
}
#recruit #header .overlay nav.sp_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem 0;
}
@media print, screen and (min-width: 768px) {
  #recruit #header .overlay nav.sp_menu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#recruit #header .overlay nav.sp_menu ul li {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #recruit #header .overlay nav.sp_menu ul li {
    width: calc((100% - 4rem) / 2);
  }
}
#recruit #header .overlay nav.sp_menu ul li a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 400px) {
  #recruit #header .overlay nav.sp_menu ul li.entry {
    display: none;
  }
}
#recruit #header .overlay nav.sp_menu ul li.corporate a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
}
#recruit #header .overlay nav.sp_menu ul li.corporate a::after {
  content: "";
  height: 1em;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#recruit #footer .double_section02 {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem 0;
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    gap: 0 min(5vw, 10rem);
  }
}
#recruit #footer .double_section02 section.recruitment,
#recruit #footer .double_section02 section.entry {
  width: 100%;
  max-width: 65rem;
  padding: min(3vw, 6rem);
  border: 0.2rem solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 0.5rem 0.3rem rgba(0, 0, 0, 0.15);
          box-shadow: 0.5rem 0.5rem 0.3rem rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 section.recruitment,
  #recruit #footer .double_section02 section.entry {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#recruit #footer .double_section02 section.recruitment header > span,
#recruit #footer .double_section02 section.entry header > span {
  position: relative;
  font-size: min(6vw, 3.5rem);
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  line-height: 1;
  padding-left: min(10vw, 10rem);
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 section.recruitment header > span,
  #recruit #footer .double_section02 section.entry header > span {
    font-size: min(2.5vw, 3.5rem);
    padding-left: min(5vw, 10rem);
  }
}
#recruit #footer .double_section02 section.recruitment header > span::before,
#recruit #footer .double_section02 section.entry header > span::before {
  content: "";
  width: min(8vw, 8rem);
  height: 0.1rem;
  background-color: #1a1a1a;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 section.recruitment header > span::before,
  #recruit #footer .double_section02 section.entry header > span::before {
    width: min(4vw, 8rem);
  }
}
#recruit #footer .double_section02 section.recruitment header h2,
#recruit #footer .double_section02 section.entry header h2 {
  margin-top: 0.5em;
  padding-left: min(10vw, 10rem);
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 section.recruitment header h2,
  #recruit #footer .double_section02 section.entry header h2 {
    padding-left: min(5vw, 10rem);
  }
}
#recruit #footer .double_section02 section.recruitment header p,
#recruit #footer .double_section02 section.entry header p {
  margin-top: 1rem;
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 section.recruitment header p,
  #recruit #footer .double_section02 section.entry header p {
    white-space: nowrap;
  }
}
#recruit #footer .double_section02 section.recruitment header p span,
#recruit #footer .double_section02 section.entry header p span {
  display: inline-block;
}
#recruit #footer .double_section02 section.recruitment .link_btn a,
#recruit #footer .double_section02 section.entry .link_btn a {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: min(4.5vw, 3rem);
  font-weight: bold;
  width: min(20vw, 14rem);
  aspect-ratio: 1;
  border: 0.1rem solid;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
@media print, screen and (min-width: 768px) {
  #recruit #footer .double_section02 section.recruitment .link_btn a,
  #recruit #footer .double_section02 section.entry .link_btn a {
    font-size: min(2vw, 3rem);
    width: min(8vw, 14rem);
  }
}
#recruit #footer .double_section02 section.recruitment {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#000), to(#808080));
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #000, #808080);
}
#recruit #footer .double_section02 section.recruitment .link_btn a {
  border-color: #333;
  background-color: #333;
}
#recruit #footer .double_section02 section.recruitment .link_btn a:hover {
  color: #333;
  background-color: #fff;
}
#recruit #footer .double_section02 section.entry {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#ff5722), color-stop(65%, #f7931e));
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ff5722, #f7931e 65%);
}
#recruit #footer .double_section02 section.entry .link_btn a {
  border-color: #f7931e;
  background-color: #f7931e;
}
#recruit #footer .double_section02 section.entry .link_btn a:hover {
  color: #f7931e;
  background-color: #fff;
}
#recruit #footer section.contact {
  background-color: #4d4d4d;
}
#recruit #footer section.contact * {
  color: #fff;
}
#recruit #footer section.contact .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(5vw, 5rem) 0;
}
@media print, screen and (min-width: 1024px) {
  #recruit #footer section.contact .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 3%;
  }
}
#recruit #footer section.contact .area_right {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem 0;
}
@media print, screen and (min-width: 1024px) {
  #recruit #footer section.contact .area_right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 60rem;
  }
}
#recruit #footer section.contact header span {
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: min(8.8vw, 4.4rem);
  font-weight: bold;
  line-height: 1;
  padding-left: min(10vw, 10rem);
}
#recruit #footer section.contact header span::before {
  content: "";
  width: min(8vw, 8rem);
  height: 0.1rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#recruit #footer section.contact header h2 {
  padding-left: min(10vw, 10rem);
}
#recruit #footer section.contact address {
  font-style: normal;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: min(5vw, 5rem) auto 0;
}
#recruit #footer section.contact address .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem 0;
}
@media print, screen and (min-width: 480px) {
  #recruit #footer section.contact address .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 2rem;
  }
}
#recruit #footer section.contact address p.name {
  font-size: 2rem;
  font-weight: bold;
  white-space: nowrap;
}
#recruit #footer section.contact address p.access a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
}
#recruit #footer section.contact address p.access a::after {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(../img/icon_roundarrow.svg);
          mask-image: url(../img/icon_roundarrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #fff;
}
#recruit #footer section.contact address p.access a:hover {
  opacity: 0.5;
}
#recruit #footer section.contact address p.place {
  margin-top: 2rem;
}
#recruit #footer section.contact address p.tel_fax {
  margin-top: 1rem;
  font-weight: bold;
}
#recruit #footer section.contact address p.tel_fax a {
  display: inline;
}
#recruit #footer section.contact address p.tel_fax span {
  display: none;
}
@media print, screen and (min-width: 480px) {
  #recruit #footer section.contact address p.tel_fax span {
    display: inline;
  }
}
#recruit #footer section.contact .contact_link {
  width: 100%;
  max-width: 60rem;
}
#recruit #footer section.contact .contact_link a {
  aspect-ratio: 6/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  background-color: #1a1a1a;
  padding: min(4vw, 2rem) min(10vw, 13rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit #footer section.contact .contact_link a {
    padding: min(4vw, 2rem) min(8vw, 13rem);
  }
}
#recruit #footer section.contact .contact_link a:hover {
  opacity: 0.5;
}
#recruit #footer section.contact .contact_link a::before {
  content: "";
  display: block;
  width: min(11.2vw, 5.6rem);
  height: min(12.8vw, 6.4rem);
  background: center/contain no-repeat;
}
#recruit #footer section.contact .contact_link a.tel {
  font-size: min(6.2vw, 3.1rem);
}
#recruit #footer section.contact .contact_link a.tel::before {
  background-image: url(../img/icon_tel.svg);
}
#recruit #footer section.contact .contact_link a.mail {
  font-size: min(4vw, 2rem);
}
#recruit #footer section.contact .contact_link a.mail::before {
  background-image: url(../img/icon_mail02.svg);
}
#recruit #footer section.contact .contact_link a span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
#recruit #footer section.navigation h2.logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(4vw, 4rem);
}
#recruit #footer section.navigation h2.logo a:hover {
  opacity: 0.5;
}
#recruit #footer section.navigation h2.logo a img {
  width: clamp(18rem, 51vw, 34rem);
}
#recruit #footer section.navigation h2.logo a span {
  font-size: clamp(1.6rem, 4.65vw, 3.1rem);
  font-weight: bold;
}
#recruit #footer section.navigation nav.footer_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(2.5vw, 4rem);
}
#recruit #footer section.navigation nav.footer_nav ul {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  #recruit #footer section.navigation nav.footer_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.5vw, 5rem);
  }
}
#recruit #footer section.navigation nav.footer_nav ul li a {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(1vw, 2rem);
}
#recruit #footer section.navigation nav.footer_nav ul li a::before {
  content: "";
  width: min(1.25vw, 2.5rem);
  height: 0.1rem;
  background-color: #1a1a1a;
}
#recruit #footer section.navigation nav.footer_nav ul li a:hover {
  color: #00883f;
}
#recruit #footer section.navigation nav.footer_nav ul li a:hover::before {
  background-color: #00883f;
}
#recruit #footer section.navigation nav.footer_nav .corporate_link {
  width: 27.5rem;
}
#recruit #footer section.navigation nav.footer_nav .corporate_link a {
  color: #fff;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  background-color: #00883f;
  border: 0.1rem solid #00883f;
  border-radius: 9999px;
  padding: 0.5em 2em;
}
#recruit #footer section.navigation nav.footer_nav .corporate_link a::after {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#recruit #footer section.navigation nav.footer_nav .corporate_link a:hover {
  color: #00883f;
  background-color: #fff;
}
#recruit #footer section.navigation nav.footer_nav .corporate_link a:hover::after {
  background-color: #00883f;
}
#recruit #footer .to_top {
  position: fixed;
  right: min(4vw, 2.5rem);
  bottom: min(4vw, 2.5rem);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20rem);
          transform: translateY(20rem);
  -webkit-transition: 1s;
  transition: 1s;
}
#recruit #footer .to_top.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit #footer .to_top a {
  position: relative;
  width: 6rem;
  aspect-ratio: 1/1;
  border: 0.1rem solid #00883f;
  background-color: #00883f;
  border-radius: 50%;
}
#recruit #footer .to_top a::before {
  content: "";
  width: 0.8em;
  aspect-ratio: 1/1;
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-animation: float 1.5s infinite linear;
          animation: float 1.5s infinite linear;
  opacity: 0;
}
#recruit #footer .to_top a:hover {
  border-radius: 0;
}
#recruit #footer .to_top a:hover::before {
  opacity: 1;
  top: 55%;
  -webkit-animation: none;
          animation: none;
}
#recruit #footer p.copyright {
  font-size: 1.4rem;
  display: grid;
  place-items: center;
  padding: 1.75em 0px 8rem;
}
@media print, screen and (min-width: 400px) {
  #recruit #footer p.copyright {
    padding-bottom: 1.75em;
  }
}

#recruit section.fv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#recruit section.fv header {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  background-color: #1a1a1a;
  padding: 10vw 0;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#recruit section.fv header > div {
  width: 90%;
  max-width: 50rem;
  margin: auto;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(4vw, 2rem) 0;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv header > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
#recruit section.fv header h1 {
  color: #fff;
  font-size: min(6vw, 2.4rem);
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv header h1 {
    font-size: min(2.4vw, 2.4rem);
  }
}
#recruit section.fv .members_video {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv .members_video {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 65%;
    aspect-ratio: 127/86;
  }
}
#recruit section.fv .members_video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#recruit section.fv .latest_news {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv .latest_news {
    position: absolute;
    bottom: 1rem;
    right: min(4vw, 8rem);
    max-width: 1000px;
    border-radius: 9999px;
    margin-left: min(4vw, 8rem);
  }
}
#recruit section.fv .latest_news h2 {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: min(5vw, 3rem);
  font-weight: bold;
  padding: 0 min(5vw, 8rem);
  border-right: 0.1rem solid #333;
  align-self: stretch;
  display: grid;
  place-items: center;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv .latest_news h2 {
    font-size: min(2.5vw, 3rem);
  }
}
#recruit section.fv .latest_news .title_area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0 min(5vw, 5rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit section.fv .latest_news .title_area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.5vw, 5rem);
  }
}
#recruit section.fv .latest_news .title_area a .date,
#recruit section.fv .latest_news .title_area a .title {
  font-size: 1.4rem;
}
#recruit section.fv .latest_news .title_area a:hover .date,
#recruit section.fv .latest_news .title_area a:hover .title {
  color: #04c422;
}
#recruit section.fv .latest_news .btn_area {
  margin-top: 2rem;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  #recruit section.fv .latest_news .btn_area {
    margin: 0 2.5rem 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#recruit section.fv .latest_news .btn_area .btn a {
  color: #fff;
  border-color: #04c422;
  background-color: #04c422;
}
#recruit section.fv .latest_news .btn_area .btn a::after {
  border-color: #fff;
}
#recruit section.fv .latest_news .btn_area .btn a:hover {
  color: #04c422;
  background-color: #fff;
}
#recruit section.fv .latest_news .btn_area .btn a:hover::after {
  border-color: #04c422;
}
@media print, screen and (min-width: 768px) {
  #recruit .recruit_catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#recruit .recruit_catch p.title {
  float: left;
  width: min(30vw, 26.5rem);
}
#recruit .recruit_catch p.title strong {
  font-size: min(8vw, 8.2rem);
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}
#recruit .recruit_catch p.text {
  width: 100%;
  font-size: clamp(1.6rem, 4vw, 2.1rem);
}
@media print, screen and (min-width: 768px) {
  #recruit .recruit_catch p.text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 61.5rem;
    line-height: 2;
  }
}
#recruit section.message {
  position: relative;
}
#recruit section.message::before {
  content: "";
  width: 100%;
  height: 90%;
  background: url(../img/recruit/message_bg.webp) center/cover no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -99999;
}
#recruit section.message .swiper_container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#recruit section.message .swiper_container .swiper-slide .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#recruit section.message .swiper_container .swiper-slide .flex img {
  width: 50%;
}
#recruit section.message .message_field {
  padding-top: clamp(6rem, 8vw, 15rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit section.message .message_field {
    padding-bottom: clamp(6rem, 8vw, 15rem);
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.message .message_field .text_area {
    max-width: 60rem;
    margin: 0 0 0 auto;
  }
}
#recruit section.message .message_field h2 {
  color: #34bb13;
  font-size: 7rem;
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  text-align: center;
  line-height: 1;
}
@media print, screen and (min-width: 1024px) {
  #recruit section.message .message_field h2 {
    text-align: left;
  }
}
#recruit section.message .message_field p {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 768px) {
  #recruit section.message .message_field p {
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.message .message_field p {
    width: auto;
  }
}
#recruit section.message .manager_img {
  width: 100%;
  max-width: 105rem;
}
@media print, screen and (min-width: 1024px) {
  #recruit section.message .manager_img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55%;
  }
}
#recruit .double_section .flex {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem 0;
}
@media print, screen and (min-width: 1024px) {
  #recruit .double_section .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 min(3vw, 6rem);
  }
}
#recruit .double_section section {
  width: 100%;
  max-width: 60rem;
  background-color: #f2f2f2;
  padding: 2.5rem clamp(2rem, 6vw, 6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem min(8vw, 8rem);
}
@media print, screen and (min-width: 480px) {
  #recruit .double_section section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit .double_section section {
    max-width: none;
    padding: 2.5rem 2vw;
    gap: 0 2vw;
  }
}
@media print, screen and (min-width: 1280px) {
  #recruit .double_section section {
    padding: 2.5rem min(3vw, 6rem);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0 min(4vw, 8rem);
  }
}
#recruit .double_section section .image {
  width: 25rem;
  aspect-ratio: 253/224;
  background: center/contain no-repeat;
  border-radius: 3rem;
}
@media print, screen and (min-width: 480px) {
  #recruit .double_section section .image {
    width: 30%;
    max-width: 25rem;
  }
}
@media print, screen and (min-width: 1400px) {
  #recruit .double_section section .image {
    width: 40%;
  }
}
#recruit .double_section section.application .image {
  background-image: url(../img/recruit/application_img.webp);
}
#recruit .double_section section.working .image {
  background-image: url(../img/recruit/working_img.webp);
}
#recruit .double_section section .text {
  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: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 768px) {
  #recruit .double_section section .text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#recruit .double_section section .btn_area {
  margin-top: 2rem;
}
@media print, screen and (min-width: 1400px) {
  #recruit .double_section section .btn_area {
    margin-bottom: 1.5rem;
  }
}
#recruit .double_section section .btn_area .btn {
  margin: 0;
}
#recruit .double_section section .btn_area .btn a:hover {
  color: #fff;
  background-color: #1a1a1a;
}
#recruit .double_section section .btn_area .btn a:hover::after {
  border-color: #fff;
}
#recruit section.employee {
  background: url(../img/recruit/employee_bg.webp) center/cover no-repeat;
}
#recruit section.employee p.section_info {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(3rem, 3vw, 6rem) auto 0;
  color: #fff;
  font-size: 1.7rem;
}
#recruit section.employee .swiper_container {
  position: relative;
  width: 100%;
  margin: 2rem auto 0;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container {
    width: 95%;
    margin: 4rem 0 0 auto;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container {
    margin-top: 0;
  }
}
#recruit section.employee .swiper_container .decoration_text {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .decoration_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: absolute;
    top: 2.5%;
    left: 285px;
    width: calc(100% - min(37.5%, 460px));
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .decoration_text {
    left: 360px;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .decoration_text {
    left: 485px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 1vw;
    top: 8%;
  }
}
#recruit section.employee .swiper_container .decoration_text::before, #recruit section.employee .swiper_container .decoration_text::after {
  content: "";
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: min(6vw, 5.2rem);
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .decoration_text::before, #recruit section.employee .swiper_container .decoration_text::after {
    height: min(3.5vw, 5.2rem);
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .decoration_text::before, #recruit section.employee .swiper_container .decoration_text::after {
    height: min(2.7vw, 5.2rem);
  }
}
#recruit section.employee .swiper_container .decoration_text::before {
  aspect-ratio: 349/54;
  background: url(../img/recruit/deco_text01.webp) center/contain no-repeat;
}
#recruit section.employee .swiper_container .decoration_text::after {
  aspect-ratio: 903/54;
  background: url(../img/recruit/deco_text02.webp) center/contain no-repeat;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
#recruit section.employee .swiper_container .swiper-slide {
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  -webkit-transition: -webkit-filter 1s;
  transition: -webkit-filter 1s;
  transition: filter 1s;
  transition: filter 1s, -webkit-filter 1s;
}
#recruit section.employee .swiper_container .swiper-slide .member_img {
  position: relative;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-slide .member_img {
    width: 185px;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .swiper-slide .member_img {
    width: 250px;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-slide .member_img {
    width: 350px;
  }
}
#recruit section.employee .swiper_container .swiper-slide .member_img img {
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  max-width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-slide .member_img img {
    aspect-ratio: auto;
    border-radius: 3rem;
  }
}
#recruit section.employee .swiper_container .swiper-slide .member_img .link {
  position: absolute;
  right: min(2.5vw, 2.5rem);
  bottom: min(2.5vw, 2.5rem);
  opacity: 0;
  visibility: hidden;
}
#recruit section.employee .swiper_container .swiper-slide .member_img .link a {
  width: 8.5rem;
  aspect-ratio: 1/1;
  border: 0.1rem solid #fff;
  border-radius: 50%;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
}
#recruit section.employee .swiper_container .swiper-slide .member_img .link a::after {
  content: "";
  width: 0.5em;
  aspect-ratio: 1/1;
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#recruit section.employee .swiper_container .swiper-slide .member_img .link a:hover {
  color: #1a1a1a;
  background-color: #fff;
}
#recruit section.employee .swiper_container .swiper-slide .member_img .link a:hover::after {
  border-color: #1a1a1a;
}
#recruit section.employee .swiper_container .swiper-slide .member_info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  padding: 2rem;
  height: 250px;
}
@media print, screen and (min-width: 480px) {
  #recruit section.employee .swiper_container .swiper-slide .member_info {
    height: 200px;
  }
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-slide .member_info {
    height: auto;
    opacity: 0;
    visibility: hidden;
    position: absolute;
  }
}
#recruit section.employee .swiper_container .swiper-slide .member_info p.catch {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #333;
  padding-bottom: min(2vw, 4rem);
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-slide .member_info p.catch {
    font-size: 2.6rem;
  }
}
#recruit section.employee .swiper_container .swiper-slide .member_info .flex {
  margin-top: min(4vw, 4rem);
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
}
@media print, screen and (min-width: 480px) {
  #recruit section.employee .swiper_container .swiper-slide .member_info .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .swiper-slide .member_info .flex {
    gap: 0 4rem;
  }
}
#recruit section.employee .swiper_container .swiper-slide .member_info p.department {
  width: 15rem;
  text-align: center;
  background-color: #aee4a1;
  padding: 0.8em 0;
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-slide .member_info p.department {
    width: 19.5rem;
  }
}
#recruit section.employee .swiper_container .swiper-slide .member_info .info p.name {
  font-weight: bold;
}
#recruit section.employee .swiper_container .swiper-slide-active, #recruit section.employee .swiper_container .swiper-slide.custom-active {
  -webkit-filter: none;
          filter: none;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-slide-active, #recruit section.employee .swiper_container .swiper-slide.custom-active {
    position: relative;
    width: 560px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .swiper-slide-active, #recruit section.employee .swiper_container .swiper-slide.custom-active {
    width: 725px;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-slide-active, #recruit section.employee .swiper_container .swiper-slide.custom-active {
    width: 945px;
  }
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-slide-active .member_img, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_img {
    width: 260px;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .swiper-slide-active .member_img, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_img {
    width: 345px;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-slide-active .member_img, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_img {
    width: 465px;
  }
}
#recruit section.employee .swiper_container .swiper-slide-active .member_img .link, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_img .link {
  opacity: 1;
  visibility: visible;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-slide-active .member_info, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_info {
    position: static;
    opacity: 1;
    visibility: visible;
    width: 300px;
    border-radius: 3rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 4%;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .swiper-slide-active .member_info, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_info {
    width: 380px;
    padding: 4rem 3rem;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-slide-active .member_info, #recruit section.employee .swiper_container .swiper-slide.custom-active .member_info {
    width: 480px;
    padding: 4rem 5rem;
  }
}
#recruit section.employee .swiper_container .button_flex {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem 0;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .button_flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 5%;
  }
}
#recruit section.employee .swiper_container .swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 2rem;
}
@media print, screen and (min-width: 768px) {
  #recruit section.employee .swiper_container .swiper-button {
    width: 270px;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit section.employee .swiper_container .swiper-button {
    width: 345px;
  }
}
@media print, screen and (min-width: 1600px) {
  #recruit section.employee .swiper_container .swiper-button {
    width: 460px;
  }
}
#recruit section.employee .swiper_container .swiper-button-prev, #recruit section.employee .swiper_container .swiper-button-next {
  position: static;
  top: 100%;
  margin-top: 0;
  width: 9rem;
  height: 5rem;
  background-color: #fff;
  border-radius: 0.8rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#recruit section.employee .swiper_container .swiper-button-prev::after, #recruit section.employee .swiper_container .swiper-button-next::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 0.2rem solid #34bb13;
  border-right: 0.2rem solid #34bb13;
}
#recruit section.employee .swiper_container .swiper-button-prev {
  left: auto;
  right: 50%;
}
#recruit section.employee .swiper_container .swiper-button-prev::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
#recruit section.employee .swiper_container .swiper-button-next {
  right: auto;
  left: 50%;
}
#recruit section.employee .swiper_container .swiper-button-next::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#recruit section.employee .swiper_container .btn_area .btn a {
  background-color: #fff;
  border-color: #fff;
}
#recruit section.employee .swiper_container .btn_area .btn a:hover {
  background-color: transparent;
  border-color: #1a1a1a;
}

@media print, screen and (min-width: 768px) {
  #recruit.Employee header.section_title {
    margin-left: 0;
  }
}
#recruit.Employee section.interview {
  background-color: #f2f2f2;
}
#recruit.Employee section.interview ul.interview_list {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8rem 0;
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list {
    gap: 12rem 0;
    width: min(70vw, 120rem);
    margin: clamp(4rem, 4vw, 8rem) auto 0;
  }
}
#recruit.Employee section.interview ul.interview_list li {
  position: relative;
  width: 100%;
}
#recruit.Employee section.interview ul.interview_list li .intro_block {
  background: url(../img/recruit/interview_bg.webp) center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_info {
  padding: 2rem;
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: clamp(3rem, 3vw, 6rem) 2rem 2.5rem clamp(2rem, 2vw, 4rem);
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info {
    padding-right: 0;
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.number {
  color: #fff;
  font-family: "Artifakt Element Medium";
  font-size: clamp(2.25rem, 4.5vw, 4.5rem);
  font-weight: bold;
  line-height: 1;
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.number {
    font-size: min(2.5vw, 4.5rem);
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.number span {
  font-size: clamp(3.35rem, 6.7vw, 6.7rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.number span {
    font-size: min(3.5vw, 6.7rem);
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.catch {
  margin-top: clamp(2rem, 3vw, 6rem);
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 3rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.catch {
    font-size: min(2.25vw, 3rem);
    margin-left: min(2vw, 4rem);
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.name {
  margin-top: clamp(2rem, 5vw, 10rem);
  font-weight: bold;
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.name {
    margin-left: min(2vw, 4rem);
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.year {
    margin-left: min(2vw, 4rem);
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.department {
  margin-top: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  padding: 0.5em 2em;
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_info p.department {
    margin-left: min(2vw, 4rem);
  }
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_image {
    width: 40%;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_image {
    width: 60%;
    position: relative;
    left: 0.1rem;
  }
}
#recruit.Employee section.interview ul.interview_list li .intro_block .area_image picture img {
  max-width: none;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 30%;
     object-position: center 30%;
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_image picture img {
    aspect-ratio: initial;
    height: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .intro_block .area_image picture img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 13.5% 100%);
  }
}
#recruit.Employee section.interview ul.interview_list li .interview_block {
  display: none;
  background-color: #fff;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  padding: 2.5rem min(4vw, 4rem) clamp(6rem, 7.5vw, 15rem);
}
#recruit.Employee section.interview ul.interview_list li .interview_block .job_detail h3 img {
  height: 2rem;
}
#recruit.Employee section.interview ul.interview_list li .interview_block .job_detail p {
  width: 100%;
  max-width: 70rem;
  margin-top: 2rem;
  font-size: clamp(1.6rem, 4vw, 1.8rem);
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 2rem 0;
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .flex + .flex {
  margin-top: clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .flex + .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .image {
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .image {
    width: 50%;
  }
}
@media print, screen and (min-width: 768px) {
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text {
    width: 50%;
  }
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text.pd_left {
    padding-left: 3.5rem;
  }
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text.pd_right {
    padding-right: 3.5rem;
  }
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2rem, 4vw, 4rem) 0;
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl.before {
  position: relative;
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl.before::before {
  content: "";
  width: 46.5rem;
  aspect-ratio: 468/426;
  background: url(../img/recruit/interview_deco01.webp) center/contain no-repeat;
  position: absolute;
  right: calc(100% - 16rem);
  bottom: calc(100% - 7.5rem);
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl dt {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  font-weight: bold;
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl dt::before, #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl dt::after {
  content: "ー";
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl dd {
  position: relative;
  z-index: 10;
}
@media print, screen and (min-width: 1024px) {
  #recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .text dl dd {
    line-height: 2;
  }
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .wide {
  position: relative;
  margin-top: clamp(2rem, 4vw, 4rem);
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .wide::before {
  content: "";
  width: 37.5rem;
  aspect-ratio: 377/383;
  background: url(../img/recruit/interview_deco02.webp) center/contain no-repeat;
  position: absolute;
  left: calc(100% - 15rem);
  bottom: calc(100% - 20rem);
}
#recruit.Employee section.interview ul.interview_list li .interview_block .interview_detail .wide .text {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 2rem;
  border-radius: 2rem;
  background-color: #fff;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(clamp(0.5rem, 1vw, 1rem), clamp(4rem, 6vw, 6rem));
          transform: translate(clamp(0.5rem, 1vw, 1rem), clamp(4rem, 6vw, 6rem));
  width: clamp(8rem, 12vw, 12rem);
  aspect-ratio: 1/1;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle svg.circle_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-animation: rotateText 8s linear infinite;
          animation: rotateText 8s linear infinite;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle svg.circle_text textPath {
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  fill: #34bb13;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button {
  background-color: #34bb13;
  border: 0.1rem solid #34bb13;
  border-radius: 50%;
  width: clamp(6rem, 8vw, 8rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button span {
  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: center;
      -ms-flex-align: center;
          align-items: center;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button span::before {
  content: "OPEN";
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button span::after {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  border-bottom: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button:hover {
  background-color: #fff;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button:hover span::before {
  color: #34bb13;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle button:hover span::after {
  border-color: #34bb13;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle.open button span {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle.open button span::before {
  content: "CLOSE";
}
#recruit.Employee section.interview ul.interview_list li .accordion_toggle.open button span::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

#recruit.Requirements section.requirements {
  background-color: #f2f2f2;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements header.section_title {
    margin-left: 0;
  }
}
#recruit.Requirements section.requirements .way_area {
  max-width: 900px;
  border: 1rem solid #fff;
  padding: min(6vw, 6rem) 2rem;
}
#recruit.Requirements section.requirements .way_area > div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
#recruit.Requirements section.requirements .way_area p.info {
  font-weight: bold;
}
#recruit.Requirements section.requirements .way_area .way_entry {
  margin-top: min(5vw, 5rem);
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .way_area .way_entry dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#recruit.Requirements section.requirements .way_area .way_entry dl dt:not(:first-of-type) {
  margin-top: 0.5rem;
}
#recruit.Requirements section.requirements .way_area .way_entry dl dt::after {
  content: "：";
}
#recruit.Requirements section.requirements .way_area .way_entry dl dd {
  padding-left: 1em;
  text-align: left;
}
#recruit.Requirements section.requirements .way_area .way_entry dl dd span {
  display: inline-block;
}
#recruit.Requirements section.requirements .way_area .way_contact {
  margin-top: min(5vw, 5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
#recruit.Requirements section.requirements .way_area .way_contact .link {
  width: 100%;
  max-width: 30rem;
  border: 0.1rem solid #808080;
  padding: 1.5rem 1rem;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .way_area .way_contact .link {
    width: calc((100% - 2rem) / 2);
  }
}
#recruit.Requirements section.requirements .way_area .way_contact .link a:hover {
  opacity: 0.5;
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dt {
  line-height: 1;
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 1.5rem;
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dd .icon {
  height: 3.5rem;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #1a1a1a;
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dd .icon.tel {
  width: 2.5rem;
  -webkit-mask-image: url(../img/icon_tel.svg);
          mask-image: url(../img/icon_tel.svg);
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dd .icon.mail {
  width: 2.8rem;
  -webkit-mask-image: url(../img/icon_mail02.svg);
          mask-image: url(../img/icon_mail02.svg);
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dd p {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  top: 0.2em;
}
#recruit.Requirements section.requirements .way_area .way_contact .link dl dd small {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
}
#recruit.Requirements section.requirements nav.anchor_link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 5%;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements nav.anchor_link ul {
    gap: 0 min(15vw, 15rem);
  }
}
#recruit.Requirements section.requirements nav.anchor_link ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 40rem;
}
#recruit.Requirements section.requirements nav.anchor_link ul li a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(6vw, 6rem);
  padding: 0.8em 0;
}
#recruit.Requirements section.requirements nav.anchor_link ul li a[href="#newgrad"] {
  background-color: #f15a24;
}
#recruit.Requirements section.requirements nav.anchor_link ul li a[href="#career"] {
  background-color: #00883f;
}
#recruit.Requirements section.requirements nav.anchor_link ul li a::after {
  content: "";
  width: 0.5em;
  aspect-ratio: 1/1;
  border-right: 0.2rem solid #fff;
  border-bottom: 0.2rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top;
          transform-origin: top;
}
#recruit.Requirements section.requirements .requirement_detail {
  margin-top: clamp(6rem, 7.5vw, 15rem);
  background-color: #fff;
  padding: 3.5rem min(4vw, 4rem);
}
#recruit.Requirements section.requirements .requirement_detail + .requirement_detail {
  margin-top: 4rem;
}
#recruit.Requirements section.requirements .requirement_detail .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem 0;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .requirement_detail .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 min(12vw, 20rem);
  }
}
#recruit.Requirements section.requirements .requirement_detail .flex h3 {
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: min(5vw, 2.5rem);
}
#recruit.Requirements section.requirements .requirement_detail .flex h3.color01 {
  border-left: min(2vw, 1rem) solid #f15a24;
}
#recruit.Requirements section.requirements .requirement_detail .flex h3.color02 {
  border-left: min(2vw, 1rem) solid #00883f;
}
#recruit.Requirements section.requirements .requirement_detail .flex p {
  text-align: center;
}
#recruit.Requirements section.requirements .requirement_detail .flex p a {
  margin-left: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
  color: #00883f;
  text-decoration: underline;
  padding: 0 0.2em;
}
#recruit.Requirements section.requirements .requirement_detail .flex p a::after {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #00883f;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#recruit.Requirements section.requirements .requirement_detail .flex p a:hover {
  color: #fff;
  background-color: #00883f;
}
#recruit.Requirements section.requirements .requirement_detail .flex p a:hover::after {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .requirement_detail .list {
    padding: 0 min(3vw, 6rem);
  }
}
#recruit.Requirements section.requirements .requirement_detail .list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem 0;
  padding: min(4vw, 4rem) 1.5rem;
  border-top: 0.1rem solid #333;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .requirement_detail .list dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 min(6vw, 8rem);
  }
}
#recruit.Requirements section.requirements .requirement_detail .list dl:last-of-type {
  border-bottom: 0.1rem solid #333;
}
#recruit.Requirements section.requirements .requirement_detail .list dl dt {
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .requirement_detail .list dl dt {
    width: 7em;
    -moz-text-align-last: justify;
         text-align-last: justify;
  }
}
#recruit.Requirements section.requirements .requirement_detail .list dl dd {
  padding-left: 1em;
}
@media print, screen and (min-width: 768px) {
  #recruit.Requirements section.requirements .requirement_detail .list dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#recruit.Requirements section.requirements .requirement_detail .btn_area .btn a {
  color: #fff;
  border-color: #f7931e;
  background-color: #f7931e;
}

#recruit.Working section.environment {
  background-color: #f2f2f2;
}
@media print, screen and (min-width: 768px) {
  #recruit.Working section.environment header.section_title {
    margin: 0;
  }
}
#recruit.Working section.environment p.info {
  font-size: min(5vw, 2rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit.Working section.environment p.info {
    line-height: 2.1;
    width: 45%;
    max-width: 61.5rem;
  }
}
#recruit.Working section.environment ul.environment_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem 0;
}
@media print, screen and (min-width: 1024px) {
  #recruit.Working section.environment ul.environment_list li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#recruit.Working section.environment ul.environment_list li + li {
  margin-top: clamp(4rem, 4vw, 8rem);
}
@media print, screen and (min-width: 1024px) {
  #recruit.Working section.environment ul.environment_list li .area_txt {
    width: 45%;
    max-width: 61.5%;
    padding-right: min(6vw, 10rem);
  }
}
#recruit.Working section.environment ul.environment_list li .area_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem 0;
}
@media print, screen and (min-width: 480px) {
  #recruit.Working section.environment ul.environment_list li .area_img {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit.Working section.environment ul.environment_list li .area_img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#recruit.Working section.environment ul.environment_list li dl + dl {
  margin-top: 4rem;
}
#recruit.Working section.environment ul.environment_list li dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 2rem;
  border-bottom: 0.1rem solid #1a1a1a;
  padding-bottom: 1rem;
}
#recruit.Working section.environment ul.environment_list li dl dt .icon {
  width: 3.7rem;
  height: 4.4rem;
  background: center/contain no-repeat;
}
#recruit.Working section.environment ul.environment_list li dl dt .icon.cutlery {
  background-image: url(../img/recruit/icon_cutlery.svg);
}
#recruit.Working section.environment ul.environment_list li dl dt .icon.relax {
  background-image: url(../img/recruit/icon_relax.svg);
}
#recruit.Working section.environment ul.environment_list li dl dt .icon.beginner {
  background-image: url(../img/recruit/icon_beginner.svg);
}
#recruit.Working section.environment ul.environment_list li dl dt .icon.calender {
  background-image: url(../img/recruit/icon_calender.svg);
}
#recruit.Working section.environment ul.environment_list li dl dt .icon.building {
  background-image: url(../img/recruit/icon_building.svg);
}
#recruit.Working section.environment ul.environment_list li dl dd {
  margin-top: clamp(2rem, 4vw, 4rem);
}
#recruit.Working section.environment ul.environment_list li dl dd p a {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5em;
  text-decoration: underline;
}
#recruit.Working section.environment ul.environment_list li dl dd p a::before {
  content: "";
  width: 2em;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/recruit/icon_instagram.svg) center/contain no-repeat;
          mask: url(../img/recruit/icon_instagram.svg) center/contain no-repeat;
  background-color: #1a1a1a;
}
#recruit.Working section.environment ul.environment_list li dl dd p a:hover {
  color: #00883f;
}
#recruit.Working section.environment ul.environment_list li dl dd p a:hover::before {
  background-color: #00883f;
}
#recruit.Working section.environment ul.environment_list li figure {
  width: 100%;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem 0;
}
#recruit.Working section.environment ul.environment_list li figure img {
  border-radius: 3rem;
}
@media print, screen and (min-width: 480px) {
  #recruit.Working section.environment ul.environment_list li figure figcaption {
    padding: min(3vw, 3rem);
  }
}
@media print, screen and (min-width: 1024px) {
  #recruit.Working section.environment ul.environment_list li figure figcaption {
    padding: min(1.5vw, 3rem);
  }
}
#recruit.Working section.environment ul.environment_list li figure figcaption small {
  display: block;
}
#recruit.Working section.environment ul.environment_list li figure.left {
  max-width: 52rem;
}
@media print, screen and (min-width: 480px) {
  #recruit.Working section.environment ul.environment_list li figure.left {
    width: 66.6666666667%;
  }
}
#recruit.Working section.environment ul.environment_list li figure.left .note_img {
  position: relative;
}
#recruit.Working section.environment ul.environment_list li figure.left .note_img::after {
  content: "（イメージ写真）";
  position: absolute;
  top: 100%;
  right: min(1.5vw, 1.5rem);
  font-size: 1.4rem;
}
@media print, screen and (min-width: 480px) {
  #recruit.Working section.environment ul.environment_list li figure.left .note_img::after {
    right: auto;
    left: min(3vw, 1.5rem);
  }
}
@media print, screen and (min-width: 480px) {
  #recruit.Working section.environment ul.environment_list li figure.right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 26rem;
  }
}
#recruit.Working section.environment ul.environment_list li figure.right img {
  width: 50%;
}
@media print, screen and (min-width: 480px) {
  #recruit.Working section.environment ul.environment_list li figure.right img {
    width: 100%;
  }
}

#recruit.Entry section.form {
  background-color: #f2f2f2;
}
@media print, screen and (min-width: 768px) {
  #recruit.Entry section.form header.section_title {
    margin-left: 0;
  }
}
#recruit.Entry section.form p.note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(3rem, 3vw, 6rem) auto 0;
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  text-align: left;
}
@media print, screen and (min-width: 768px) {
  #recruit.Entry section.form p.note {
    text-align: center;
  }
}
#recruit.Entry section.form p.note a {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #00883f;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 0.2em;
}
#recruit.Entry section.form form .input_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1rem, 2vw, 2rem) 0;
}
@media print, screen and (min-width: 768px) {
  #recruit.Entry section.form form .input_list dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 clamp(4rem, 8vw, 8rem);
  }
}
#recruit.Entry section.form form .input_list dl + dl {
  margin-top: clamp(2rem, 2vw, 4rem);
}
#recruit.Entry section.form form .input_list dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #recruit.Entry section.form form .input_list dl dt {
    width: 20rem;
  }
}
#recruit.Entry section.form form .input_list dl dt span {
  color: #fff;
  font-size: 1.4rem;
  background-color: #c22c20;
  border-radius: 0.5rem;
  padding: 0 0.3em;
}
#recruit.Entry section.form form .input_list dl dd {
  border: 0.1rem solid #ccc;
  border-radius: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  #recruit.Entry section.form form .input_list dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#recruit.Entry section.form form .input_list dl dd input,
#recruit.Entry section.form form .input_list dl dd textarea {
  width: 100%;
  font-size: 2rem;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.5em 1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}
#recruit.Entry section.form form .input_list dl dd input:hover,
#recruit.Entry section.form form .input_list dl dd textarea:hover {
  background-color: rgba(0, 163, 36, 0.1);
}
#recruit.Entry section.form form .input_list dl dd input[readonly],
#recruit.Entry section.form form .input_list dl dd textarea[readonly] {
  pointer-events: none;
}
#recruit.Entry section.form form .input_list dl dd textarea {
  display: block;
  min-height: 8em;
  field-sizing: content;
}
#recruit.Entry section.form form .privacy_check {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: clamp(3rem, 6vw, 6rem) auto 0;
  background-color: #eee;
  border-radius: 0.5rem;
  padding: clamp(2rem, 4vw, 4rem);
}
#recruit.Entry section.form form .privacy_check p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media print, screen and (min-width: 768px) {
  #recruit.Entry section.form form .privacy_check p {
    text-align: center;
  }
}
#recruit.Entry section.form form .privacy_check p a {
  display: inline;
  color: #00883f;
  font-weight: bold;
  text-decoration: underline;
  padding: 0 0.2em;
}
#recruit.Entry section.form form .privacy_check p a:hover {
  color: #fff;
  background-color: #00883f;
}
#recruit.Entry section.form form .privacy_check label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem auto 0;
  padding: 1rem clamp(2rem, 4vw, 4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  background-color: #fff;
}
#recruit.Entry section.form form .privacy_check label input {
  width: 1.5em;
  height: 1.5em;
  accent-color: #00883f;
}
#recruit.Entry section.form form .btn_area {
  margin-top: clamp(3rem, 6vw, 6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 5%;
}
#recruit.Entry section.form form .btn_area input {
  width: 47.5%;
  max-width: 40rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-radius: 0.5rem;
  padding: 1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#recruit.Entry section.form form .btn_area input[type=reset], #recruit.Entry section.form form .btn_area input[type=button] {
  background-color: #666;
}
#recruit.Entry section.form form .btn_area input[type=submit] {
  background-color: #00883f;
}
#recruit.Entry section.form form .btn_area input[type=submit].not_allowed {
  opacity: 0.5;
  pointer-events: none;
}
#recruit.Entry section.form .btn_area .btn a {
  border-color: #1a1a1a;
}
#recruit.Entry section.form .btn_area .btn a::after {
  border-color: #1a1a1a;
}
#recruit.Entry section.form .btn_area .btn a:hover {
  color: #fff;
  background-color: #1a1a1a;
}
#recruit.Entry section.form .btn_area .btn a:hover::after {
  border-color: #fff;
}/*# sourceMappingURL=recruit.css.map */