.page-job .common-fv__body-title {
  letter-spacing: 0.06em;
}

.map {
  background: #eeeeee;
  padding: 3.125rem 0 6.875rem;
}

.map__body {
  width: 100%;
  max-width: 60rem;
  margin-inline: auto;
}

.map__title {
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0em;
  color: #e6001e;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .map__title {
    font-size: max(1.2rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .map__title {
    font-size: 1.5rem;
  }
}

.map__sub-image {
  width: 100%;
  max-width: 32.375rem;
  margin-inline: auto;
  margin-top: 1.875rem;
}

.map__sub-image img {
  aspect-ratio: 518/120;
  -o-object-fit: contain;
  object-fit: contain;
}

.map__main-image {
  margin-top: 1.875rem;
}

.map__main-image svg {
  width: 100%;
}

body.popup-open {
  overflow: hidden;
}

.job-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 9999;
}

.job-popup.active {
  visibility: visible;
  opacity: 1;
}

.job-popup__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.job-popup__content {
  position: relative;
}

.job-popup__nav-prev,
.job-popup__nav-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
  z-index: 10;
}

.job-popup__nav-prev::before,
.job-popup__nav-next::before {
  content: "";
  width: 1.125rem;
  height: 1.875rem;
  background: #e6001e;
  clip-path: polygon(100% 1%, 0 50%, 100% 100%);
}

.job-popup__nav-prev {
  left: -2.5rem;
}

.job-popup__nav-prev::before {
  clip-path: polygon(100% 1%, 0 50%, 100% 100%);
}

.job-popup__nav-next {
  right: -2.5rem;
}

.job-popup__nav-next::before {
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.job-popup__nav-prev::after,
.job-popup__nav-next::after {
  display: none;
}

.job-popup__body {
  width: 100%;
  max-width: 63rem;
  margin: 0 auto;
  padding: 1.5rem;
}

.job-popup__body .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.job-popup__body .swiper-slide {
  height: auto;
}

.job-popup__item {
  position: relative;
  height: 100%;
}

.job-popup__close {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: -1.5rem;
  right: -1.5rem;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 10;
}

.job-popup__item-container {
  position: relative;
  width: 100%;
  height: 45rem;
  background: #fff;
  border-radius: 2.5rem;
  padding: 3.75rem 0;
  overflow-y: auto;
}

@media screen and (min-width: 769px) and (max-height: 600px) {
  .job-popup__item-container {
    height: 31.25rem;
    padding: 2.5rem 0;
  }
}
.job-popup__item-inner {
  padding: 0 2.5rem;
}

.job-popup__title {
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #e6001e;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__title {
    font-size: max(1.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__title {
    font-size: 2rem;
  }
}

.job-popup__text .note {
  color: #bbb;
}

.job-popup__box {
  margin-top: 2.5rem;
}

.job-popup__group:not(:first-of-type) {
  margin-top: 1.875rem;
}

.job-popup__group-title {
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #e6001e;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__group-title {
    font-size: max(0.8rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__group-title {
    font-size: 1rem;
  }
}

.job-popup__group-text {
  margin-top: 0.375rem;
}

.job-popup__group-note {
  font-weight: 500;
  line-height: 3.2;
  letter-spacing: 0.04em;
  margin-top: 0.375rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__group-note {
    font-size: max(0.5rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__group-note {
    font-size: 0.625rem;
  }
}

.job-popup__links {
  margin-top: 2.5rem;
}

.job-popup__link {
  text-align: center;
}

.job-popup__link:not(:first-of-type) {
  margin-top: 1.25rem;
}

.job-popup__link a {
  color: #e6001e;
}

.job-popup__link a,
.job-popup__link a span {
  position: relative;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.job-popup__link a:hover {
  opacity: 0.8;
}

.job-popup__link a::before,
.job-popup__link a span::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e6001e;
}

.job-popup__interview {
  padding-left: 2.5rem;
  margin-top: 2.5rem;
  overflow: hidden;
}

.job-popup__interview-head {
  gap: 2rem;
  padding-right: 2.5rem;
}

.job-popup__interview-head .text {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #e6001e;
}

.job-popup__interview-head .border {
  width: 100%;
  height: 1px;
  background: #e6001e;
}

.job-popup__interview-items-wrap {
  margin-top: 1.25rem;
  overflow: hidden;
}

.job-popup__interview-template .common-interview__swiper-container {
  margin-top: 0;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

.job-popup__interview-template .swiper-slide {
  width: 16.5625rem;
  height: auto;
}

.job-popup__interview-template .swiper-button-next {
  display: none;
}

.job-popup__interview-items {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.25rem;
  padding-right: 2.5rem;
}

.job-popup__interview-item {
  width: 16.5625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 0;
}

.job-popup__interview-item a {
  position: relative;
}

.job-popup__interview-item a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0.25rem solid #e6001e;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 1;
}

.job-popup__interview-item a:hover::before {
  opacity: 1;
}

.job-popup__interview-image {
  overflow: hidden;
}

.job-popup__interview-image img {
  aspect-ratio: 265/176;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.job-popup__interview-item:hover .job-popup__interview-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.job-popup__interview-content {
  padding: 0 0 0.875rem 0.625rem;
  margin-top: -1rem;
}

.job-popup__interview-title {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.25rem;
  z-index: 1;
}

.job-popup__interview-title span {
  display: inline-block;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0em;
  color: #fff;
  background: #e6001e;
  padding: 0 0.40625rem 0.125rem;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__interview-title span {
    font-size: max(0.8rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__interview-title span {
    font-size: 1rem;
  }
}

.job-popup__interview-texts {
  padding-left: 0.375rem;
}

.job-popup__interview-job {
  font-weight: 500;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  margin-top: 0.25rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__interview-job {
    font-size: max(0.7rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__interview-job {
    font-size: 0.875rem;
  }
}

.job-popup__interview-meta {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #bbbbbb;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__interview-meta {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__interview-meta {
    font-size: 0.75rem;
  }
}

.job-popup__item-note {
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  color: #888;
  margin-top: 2.5rem;
  text-align: right;
}
@media (min-width: 769px) and (max-width: 1279px) {
  .job-popup__item-note {
    font-size: max(0.6rem, 10px);
  }
}
@media not ((min-width: 769px) and (max-width: 1279px)) {
  .job-popup__item-note {
    font-size: 0.75rem;
  }
}

.u-investigation {
  outline: 2px solid #3c59b0;
}

.u-investigation .job-popup__title,
.u-investigation .job-popup__link a,
.u-investigation .job-popup__interview-head .text {
  color: #3c59b0;
}

.u-investigation .job-popup__link a::before,
.u-investigation .job-popup__interview-head .border,
.u-investigation .job-popup__interview-title span {
  background: #3c59b0;
}

.u-investigation .job-popup__interview-item a:hover .job-popup__interview-job,
.u-investigation .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #3c59b0;
}

#investigation-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #investigation-btn {
  fill: #30478d;
}

.u-operations {
  outline: 2px solid #0081b9;
}

.u-operations .job-popup__title,
.u-operations .job-popup__link a,
.u-operations .job-popup__interview-head .text,
.u-operations .job-popup__group-title {
  color: #0081b9;
}

.u-operations .job-popup__link a::before,
.u-operations .job-popup__interview-head .border,
.u-operations .job-popup__interview-title span {
  background: #0081b9;
}

.u-operations .job-popup__interview-item a:hover .job-popup__interview-job,
.u-operations .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #0081b9;
}

#operations-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #operations-btn {
  fill: #016794;
}

.u-intellectual-property {
  outline: 2px solid #7f4fba;
}

.u-intellectual-property .job-popup__title,
.u-intellectual-property .job-popup__link a,
.u-intellectual-property .job-popup__interview-head .text,
.u-intellectual-property .job-popup__group-title {
  color: #7f4fba;
}

.u-intellectual-property .job-popup__link a::before,
.u-intellectual-property .job-popup__interview-head .border,
.u-intellectual-property .job-popup__interview-title span {
  background: #7f4fba;
}

.u-intellectual-property .job-popup__interview-item a:hover .job-popup__interview-job,
.u-intellectual-property .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #7f4fba;
}

#intellectual-property-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #intellectual-property-btn {
  fill: #673f95;
}

.u-procurement {
  outline: 2px solid #297f48;
}

.u-procurement .job-popup__title,
.u-procurement .job-popup__link a,
.u-procurement .job-popup__interview-head .text,
.u-procurement .job-popup__group-title {
  color: #297f48;
}

.u-procurement .job-popup__link a::before,
.u-procurement .job-popup__interview-head .border,
.u-procurement .job-popup__interview-title span {
  background: #297f48;
}

.u-procurement .job-popup__interview-item a:hover .job-popup__interview-job,
.u-procurement .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #297f48;
}

#procurement-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #procurement-btn {
  fill: #21663a;
}

.u-engineering {
  outline: 2px solid #8bb628;
}

.u-engineering .job-popup__title,
.u-engineering .job-popup__link a,
.u-engineering .job-popup__interview-head .text,
.u-engineering .job-popup__group-title {
  color: #8bb628;
}

.u-engineering .job-popup__link a::before,
.u-engineering .job-popup__interview-head .border,
.u-engineering .job-popup__interview-title span {
  background: #8bb628;
}

.u-engineering .job-popup__interview-item a:hover .job-popup__interview-job,
.u-engineering .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #8bb628;
}

#engineering-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #engineering-btn {
  fill: #6f9320;
}

.u-scm {
  outline: 2px solid #f0b200;
}

.u-scm .job-popup__title,
.u-scm .job-popup__link a,
.u-scm .job-popup__interview-head .text,
.u-scm .job-popup__group-title {
  color: #f0b200;
}

.u-scm .job-popup__link a::before,
.u-scm .job-popup__interview-head .border,
.u-scm .job-popup__interview-title span {
  background: #f0b200;
}

.u-scm .job-popup__interview-item a:hover .job-popup__interview-job,
.u-scm .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #f0b200;
}

#scm-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #scm-btn {
  fill: #c08e00;
}

.u-marketing {
  outline: 2px solid #da5283;
}

.u-marketing .job-popup__title,
.u-marketing .job-popup__link a,
.u-marketing .job-popup__interview-head .text,
.u-marketing .job-popup__group-title {
  color: #da5283;
}

.u-marketing .job-popup__link a::before,
.u-marketing .job-popup__interview-head .border,
.u-marketing .job-popup__interview-title span {
  background: #da5283;
}

.u-marketing .job-popup__interview-item a:hover .job-popup__interview-job,
.u-marketing .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #da5283;
}

#marketing-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #marketing-btn {
  fill: #ae4269;
}

.u-sales {
  outline: 2px solid #e77600;
}

.u-sales .job-popup__title,
.u-sales .job-popup__link a,
.u-sales .job-popup__interview-head .text,
.u-sales .job-popup__group-title {
  color: #e77600;
}

.u-sales .job-popup__link a::before,
.u-sales .job-popup__interview-head .border,
.u-sales .job-popup__interview-title span {
  background: #e77600;
}

.u-sales .job-popup__interview-item a:hover .job-popup__interview-job,
.u-sales .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #e77600;
}

#sales-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #sales-btn {
  fill: #b95e00;
}

.u-digital-ict {
  outline: 2px solid #86705a;
}

.u-digital-ict .job-popup__title,
.u-digital-ict .job-popup__link a,
.u-digital-ict .job-popup__interview-head .text,
.u-digital-ict .job-popup__group-title {
  color: #86705a;
}

.u-digital-ict .job-popup__link a::before,
.u-digital-ict .job-popup__link a span::before,
.u-digital-ict .job-popup__interview-head .border,
.u-digital-ict .job-popup__interview-title span {
  background: #86705a;
}

.u-digital-ict .job-popup__interview-item a:hover .job-popup__interview-job,
.u-digital-ict .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #86705a;
}

#digital-ict-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #digital-ict-btn {
  fill: #685a48;
}

.u-legal {
  outline: 2px solid #86705a;
}

.u-legal .job-popup__title,
.u-legal .job-popup__link a,
.u-legal .job-popup__interview-head .text,
.u-legal .job-popup__group-title {
  color: #86705a;
}

.u-legal .job-popup__link a::before,
.u-legal .job-popup__interview-head .border,
.u-legal .job-popup__interview-title span {
  background: #86705a;
}

.u-legal .job-popup__interview-item a:hover .job-popup__interview-job,
.u-legal .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #86705a;
}

#legal-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #legal-btn {
  fill: #685a48;
}

.u-finance {
  outline: 2px solid #86705a;
}

.u-finance .job-popup__title,
.u-finance .job-popup__link a,
.u-finance .job-popup__interview-head .text,
.u-finance .job-popup__group-title {
  color: #86705a;
}

.u-finance .job-popup__link a::before,
.u-finance .job-popup__interview-head .border,
.u-finance .job-popup__interview-title span {
  background: #86705a;
}

.u-finance .job-popup__interview-item a:hover .job-popup__interview-job,
.u-finance .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #86705a;
}

#finance-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #finance-btn {
  fill: #685a48;
}

.u-human-resources {
  outline: 2px solid #86705a;
}

.u-human-resources .job-popup__title,
.u-human-resources .job-popup__link a,
.u-human-resources .job-popup__interview-head .text,
.u-human-resources .job-popup__group-title {
  color: #86705a;
}

.u-human-resources .job-popup__link a::before,
.u-human-resources .job-popup__interview-head .border,
.u-human-resources .job-popup__interview-title span {
  background: #86705a;
}

.u-human-resources .job-popup__interview-item a:hover .job-popup__interview-job,
.u-human-resources .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #86705a;
}

#human-resources-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #human-resources-btn {
  fill: #685a48;
}

.u-planning {
  outline: 2px solid #86705a;
}

.u-planning .job-popup__title,
.u-planning .job-popup__link a,
.u-planning .job-popup__interview-head .text,
.u-planning .job-popup__group-title {
  color: #86705a;
}

.u-planning .job-popup__link a::before,
.u-planning .job-popup__interview-head .border,
.u-planning .job-popup__interview-title span {
  background: #86705a;
}

.u-planning .job-popup__interview-item a:hover .job-popup__interview-job,
.u-planning .job-popup__interview-item a:hover .job-popup__interview-meta {
  color: #86705a;
}

#planning-btn {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  cursor: pointer;
}

a:hover #planning-btn {
  fill: #685a48;
}

@media screen and (max-width: 768px) {
  .page-job .common-fv__body-title {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .map {
    padding: 6.25vw 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .map {
    padding: 21.33vw 0;
  }
}
@media screen and (max-width: 768px) {
  .map__body {
    max-width: 100%;
  }
  .map__title {
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .map__title {
    font-size: max(1.25vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .map__title {
    font-size: max(4.27vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .map__sub-image {
    max-width: 90%;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .map__sub-image {
    margin-top: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .map__sub-image {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .map__sub-image img {
    aspect-ratio: 305/80;
  }
  .map__main-image {
    overflow: scroll;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .map__main-image {
    margin-top: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .map__main-image {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .map__main-image img {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    aspect-ratio: 775/452;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .map__main-image img {
    width: 60.55vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .map__main-image img {
    width: 206.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .map__main-image img {
    height: 35.31vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .map__main-image img {
    height: 120.53vw;
  }
}
@media screen and (max-width: 768px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    width: 3.91vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    width: 13.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    height: 3.91vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    height: 13.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    bottom: -2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-prev,
  .job-popup__nav-next {
    bottom: -8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-prev::before,
  .job-popup__nav-next::before {
    width: 1.41vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-prev::before,
  .job-popup__nav-next::before {
    width: 4.8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-prev::before,
  .job-popup__nav-next::before {
    height: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-prev::before,
  .job-popup__nav-next::before {
    height: 8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-prev {
    left: 10.31vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-prev {
    left: 35.2vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__nav-next {
    right: 10.31vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__nav-next {
    right: 35.2vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__body {
    max-width: 29.3vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__body {
    max-width: 100vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__body {
    padding: 1.88vw 1.17vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__body {
    padding: 6.4vw 4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__close {
    width: 1.88vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__close {
    width: 6.4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__close {
    height: 1.88vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__close {
    height: 6.4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__close {
    top: -1.88vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__close {
    top: -6.4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__close {
    right: -1.09vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__close {
    right: -3.73vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__item-container {
    height: 35.94vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__item-container {
    height: 122.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__item-container {
    border-radius: 3.13vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__item-container {
    border-radius: 10.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__item-container {
    padding: 3.13vw 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__item-container {
    padding: 10.67vw 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__item-inner {
    padding: 0 1.17vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__item-inner {
    padding: 0 4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__title {
    font-size: max(1.88vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__title {
    font-size: max(6.4vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__title {
    padding-bottom: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__title {
    padding-bottom: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .u-planning .job-popup__title {
    line-height: 1.25;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__box {
    margin-top: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__box {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .job-popup__group-text {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__links {
    margin-top: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__links {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .job-popup__link {
    text-align: center;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__link:not(:first-of-type) {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__link:not(:first-of-type) {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) {
  .job-popup__link a:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview {
    padding-left: 1.17vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview {
    padding-left: 4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview {
    margin-top: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-head {
    gap: 1.41vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-head {
    gap: 4.8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-head {
    padding-right: 1.17vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-head {
    padding-right: 4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-items-wrap {
    margin-top: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-items-wrap {
    margin-top: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-template .swiper-slide {
    width: 20.7vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-template .swiper-slide {
    width: 70.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-items {
    gap: 1.56vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-items {
    gap: 5.33vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-items {
    padding-right: 1.17vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-items {
    padding-right: 4vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-item {
    width: 20.7vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-item {
    width: 70.67vw;
  }
}
@media screen and (max-width: 768px) {
  .job-popup__interview-item a::before {
    display: none;
  }
  .job-popup__interview-item:hover .job-popup__interview-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-content {
    padding: 0 0 1.09vw 0.78vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-content {
    padding: 0 0 3.73vw 2.67vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-content {
    margin-top: -1.25vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-content {
    margin-top: -4.27vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-title {
    gap: 0.31vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-title {
    gap: 1.07vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-title span {
    font-size: max(1.25vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-title span {
    font-size: max(4.27vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-title span {
    padding: 0 0.51vw 0.16vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-title span {
    padding: 0 1.73vw 0.53vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-texts {
    padding-left: 0.47vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-texts {
    padding-left: 1.6vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-job {
    font-size: max(1.09vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-job {
    font-size: max(3.73vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-job {
    margin-top: 0.31vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-job {
    margin-top: 1.07vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__interview-meta {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__interview-meta {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .job-popup__item-note {
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__item-note {
    font-size: max(0.94vw, 10px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__item-note {
    font-size: max(3.2vw, 10px);
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .job-popup__item-note {
    margin-top: 2.34vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .job-popup__item-note {
    margin-top: 8vw;
  }
}