/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

.header--recruit-top {
  height: 115.3816px;
}
@media screen and (max-width: 768px) {
.header--recruit-top {
  height: 60px;
}
}

.header--recruit-top .header-container {
  display: flex;
}

.header--recruit-top .top-logo {
  width: clamp(min(calc(169.49899vw / 3.75),169.49899px),calc(282.4981vw / 10),282.4981px);
  margin-right: 0;
}
@media screen and (max-width: 768px) {
.hd-body-ac .header--recruit-top .top-logo {
  display: none;
}
}

.header--recruit-top .top-recruittext {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 20px;
}
@media screen and (max-width: 768px) {
.hd-body-ac .header--recruit-top .top-recruittext {
  display: none;
}
}

.top-recruittext-1 {
  font-size: clamp(min(calc(19vw / 3.75),19px),calc(28vw / 10),28px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: min(calc(2vw / 3.75),2px);
  font-family: 'Noto Sans JP', sans-serif;
}
.recruit-mid .top-recruittext-1 {
  font-size: calc(28vw / 14);
}
@media screen and (max-width: 768px) {
.recruit-mid .top-recruittext-1 {
  font-size: calc(18vw / 3.75);
}
}

.top-recruittext-2 {
  font-size: clamp(min(calc(7vw / 3.75),7px),calc(14vw / 10),14px);
  line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
}

.recruit-mid .topnav-links {
  gap: calc(27vw / 14);
}

.topnav-links-recruitonly {
  border-radius: 30px;
  background-color: #004e76;
  width: 190PX;
  height: 50PX;
}
.recruit-mid .topnav-links-recruitonly {
  width: calc(200vw / 14);
  height: calc(60vw / 14);
}
.recruit-mid .topnav-links-recruitonly {
  border-radius: 5px;
  background-color: #a59c4b;
}
.recruit-mid.hd-body-ac .topnav-links-recruitonly {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .topnav-links-recruitonly {
    display: none;
  }
  .recruit-mid .topnav-links-recruitonly {
    display: block;
    position: fixed;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%,0);
    width: min(calc(335vw / 3.75),335px);
    height: min(calc(44.9808vw / 3.75),45px);
  }
  .recruit-mid .topnav-links-recruitonly {
  border-radius: 20px;
  }
}

.recruit-mid .topnav-links-recruitonly a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.recruit-mid .topnav-links-recruitonly a img {
  width: calc(94.0918% / 2);
  height: auto;
}
@media screen and (max-width: 768px) {
.recruit-mid .topnav-links-recruitonly a img {
  width: calc(74.0449% / 3.35);
}
}

@media screen and (max-width: 768px) {
  .hd-body-ac .header--recruit-top .topnav-links nav * {
      color: #004e76;
  }
}

.header--recruit-top .topnav-links-contents ul li .topnav-links-contents-recruitonly {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  font-size: min(calc(14vw / 3.75), 14px);
  font-weight: 700;
  color: #004e76;
  background-color: #dfe7eb;
  border-radius: 0;
  padding-left: min(calc(25vw / 3.75), 25px);
  padding-right: min(calc(65vw / 3.75), 65px);
  border-bottom: 1px solid #fff;
}

.topnav-links-recruitonly a {
  color: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #FFF;
  transition: .3s;
}
.topnav-links-recruitonly a:hover {
  opacity: .9;
  filter: brightness(105%);
}

.recruit-mid.hd-body-ac .topnav-links nav {
    position: fixed;
    top: calc(120vw / 14);
    left: 0;
    width: 100%;
    height: calc(100% - calc(120vw / 14));
    background-color: #fff;
    display: block;
    z-index: 999;
    overflow-y: auto;
  }
@media screen and (max-width: 768px) {
.recruit-mid.hd-body-ac .topnav-links nav {
    top: calc(60vw / 3.75);
    height: calc(100% - calc(60vw / 3.75));
  }
}

.recruit-fv {
  position: relative;
  width: 100%;
  height: min(calc(1272.714vw / 10),1272.714px);
  overflow: clip;
}
@media screen and (max-width: 768px) {
.recruit-fv {
  height: calc(842.3375vw / 3.75);
}
}

.recruit-fv-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

.recruit-fv-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.recruit-fv-contents {
  position: relative;
  width: 50%;
  min-width: min(calc(530vw / 10),530px);
  margin-left: auto;
  padding-top: min(calc(250vw / 10),250px);
}
@media screen and (max-width: 768px) {
.recruit-fv-contents {
  width: 100%;
  min-width: auto;
  margin-left: 0;
  padding-top: calc(60vw / 3.75);
}
}

.recruit-fv-logo {
  width: min(calc(379.6175vw / 14),379.6175px);
}
@media screen and (max-width: 768px) {
  .recruit-fv-logo {
    width: calc(215vw / 3.75);
  }
}

.recruit-fv-logo img {
  display: block;
  width: 100%
}
.recruit-fv-text h2 {
  text-align: left;
  font-size: min(calc(27vw / 10),27px);
  font-weight: 700;
  line-height: calc(61 / 27);
  margin-top: min(calc(35vw / 10),35px);
}
@media screen and (max-width: 768px) {
.recruit-fv-text h2 {
  font-size: calc(17vw / 3.75);
  margin-top: calc(20vw / 3.75);
}
}

.recruit-fv-text-description {
  font-size: min(calc(16vw / 10),16px);
  font-weight: 500;
  line-height: calc(53 / 16);
  margin-top: min(calc(70vw / 14),70px);
}
@media screen and (max-width: 768px) {
.recruit-fv-text-description {
  font-size: calc(14vw / 3.75);
  margin-top: calc(15vw / 3.75);
}
}

.recruit-info {
  background-color: #ebf1f5;
  padding-bottom: 45px;
}

.recruit-info-container {
  background-color: #fff;
  border-radius: clamp(min(calc(10vw / 3.75),10px),calc(15vw / 7.68),15px);
  transform: translateY(-100px);
  padding: min(calc(100vw / 14),100px);
}

.recruit-info-title {
  font-weight: 700;
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(40vw / 10),40px);
  line-height: calc(38 / 22);
  color: #004e76;

}

.recruit-info-subtitle {
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(32vw / 10),32px);
  font-weight: 700;
  line-height: calc(61 / 32);
  text-align: center;
  color: #004e76;
  margin-bottom: clamp(30px,calc(50vw / 10),50px);
}

.recruit-info-list-item {
  padding-top: clamp(50px,calc(80vw / 10),80px);
}

.recruit-info-list-item:not(:first-of-type) {
  margin-top: clamp(50px,calc(100vw / 10),100px);
  border-top: 1px solid #b6c9d9;
}

.recruit-entry {
  display: flex;
  flex-direction: column;
  gap: clamp(40px,calc(80vw / 10),80px) 0;
}

.recruit-entry-title {
  color: #004e76;
  margin-bottom: clamp(30px,calc(50vw / 10),50px);
}

.recruit-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px 80px;
}
.recruit-link--mn {
  border-color: #00adee;
}
.recruit-link--rn {
  border-color: #0076c3;
}

.recruit-link img {
  max-width: 200px;
  width: 100%;
  aspect-ratio: 200 / 48;
  height: auto;
}

.recruit-jobdraft {
  gap: 15px 45px;
  align-items: stretch;
}

.recruit-jobdraft-img {
  max-width: 450px;
  width: 100%;
}

.recruit-jobdraft-contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 390px;
}

.recruit-jobdraft__common-link {
  width: 100%;
  margin-top: auto;
}

.recruit-jobdraft-subject {
  display: flex;
  gap: 10px;
  padding-top: clamp(20px,calc(25vw / 10),25px);
  padding-bottom: clamp(20px,calc(25vw / 10),25px);
}

.recruit-jobdraft-subject-tag {
  border: 1px solid #878787;
  padding: 0 clamp(min(calc(15vw / 3.75), 15px), calc(20vw / 10), 20px);
  line-height: 0;
  display: flex;
  align-items: center;
  word-break: keep-all;
}

.recruit-top-nav {
  z-index: 100;
  position: absolute;
  top: min(calc(80vw / 10),80px);
  left: 50%;
  transform: translate(-50%,0);
  max-width: 1000px;
  width: calc(100% - 40px);
  height: 90px;
  background-color: #004e76;
  border-radius: min(calc(20vw / 10),20px);
}

.recruit-top-nav-list {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 100%;
}

.recruit-top-nav-list-item {
  height: 70px;
  flex: 1;
  display: flex;
  align-content: center;
  justify-content: space-evenly;
  padding-left: min(calc(20vw / 14),20px);
  padding-right: min(calc(20vw / 14),20px);
}
.recruit-top-nav-list-item:not(:first-of-type) {
  border-left: 1px solid #fff;
}

.recruit-top-nav-list-title {
  font-size: min(calc(18vw / 10.4),18px);
  font-weight: 700;
  display: flex;
  align-items: center;
  letter-spacing: min(calc(5vw / 14),5px);
}

.recruit-top-nav-contents ,.recruit-top-nav-contents-item {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: min(calc(10vw / 10.4),10px);
}

.recruit-top-nav-contents {
  padding-top: 5px;
}

.recruit-top-nav-contents-item {
  padding: 0 min(calc(15vw / 10.4),15px);
}
.recruit-top-nav-contents-item:not(:first-of-type) {
  border-left: 1px solid #fff;
}

.recruit-top-nav-contents-item-text {
  font-size: min(calc(13vw / 10.4),13px);
  white-space: nowrap;
}

.recruit-top-nav-contents-item a {
  display: flex;
  align-items: center;
  min-width: min(calc(110vw / 10.4),110px);
  height: 25px;
  padding-right: min(calc(30vw / 10.4),30px);
  padding-left: min(calc(8vw / 10.4),8px);
  background-color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  border-radius: 5.5688px;
  color: #004e76;
  font-size: min(calc(12vw / 10.4),12px);
  font-weight: 700;
  white-space: nowrap;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.72 6.63"><polygon fill="%23004e76" points="0 0 4.86 6.63 9.72 0 0 0"/></svg>') ;
  background-position: calc(100% - min(calc(10vw / 10.4),10px)) 50%;
  background-repeat: no-repeat;
  background-size: min(calc(9.7239vw / 10.4),9.7239px);
}
.recruit-top-nav-contents-item a:hover {
  background-position: calc(100% - min(calc(10vw / 10.4),10px)) 55%;
  opacity: .9;
  filter: brightness(105%);
}

.recruit-mid .header {
  height: calc(120vw / 14);
}
.recruit-mid .header {
  background-color: rgba(255, 255, 255, .6);
}
.recruit-mid.hd-body-ac .header {
  background-color: rgba(255, 255, 255, 1);
}
@media screen and (max-width: 768px) {
.recruit-mid .header {
  height: calc(60vw / 3.75);
}
}

.recruit-mid .header-container {
  padding-left: calc(30vw / 14);
  padding-right: calc(30vw / 14);
  padding-top: calc(15vw / 14);
}

.recruit-mid .top-logo {
  width: calc(284.7207vw / 14);
}
@media screen and (max-width: 768px) {
.recruit-mid .top-logo {
  width: calc(162.1027vw / 3.75);
}
}

.recruit-mid .topnav-links-button {
  cursor: pointer;
  pointer-events: auto;
  display: block;
  width: calc(44.4807vw / 14);
  height: calc(44.6011vw / 14);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.48 44.6"><g><path fill="%23003c6a" d="M10.08,44.46v-6.72l-.06.42-2.28,6.3h-.46l-2.3-6.3-.05-.42v6.72h-.88v-9.8h.46l2.97,8.04.03.36.03-.36,2.97-8.04h.46v9.8h-.88Z"/><path fill="%23003c6a" d="M15.16,44.46v-9.8h5.52v.84h-4.63v3.64h3.75v.84h-3.75v3.64h4.63v.84h-5.52Z"/><path fill="%23003c6a" d="M29.93,44.46l-4.09-7.14-.08-.42v7.56h-.88v-9.8h.46l4.09,7.14.09.42v-7.56h.88v9.8h-.46Z"/><path fill="%23003c6a" d="M40.06,43.13c-.13.29-.3.55-.52.77s-.47.39-.77.52-.6.19-.94.19h-.7c-.33,0-.65-.06-.94-.19-.29-.13-.55-.3-.77-.52s-.39-.47-.52-.77c-.13-.29-.19-.6-.19-.94v-7.53h.88v7.53c0,.22.04.42.12.61.08.19.2.36.34.5.14.14.31.26.5.34.19.08.39.12.61.12h.62c.22,0,.42-.04.61-.12.19-.08.35-.19.5-.34s.25-.31.33-.5c.08-.19.12-.39.12-.61v-7.53h.88v7.53c0,.33-.06.65-.19.94Z"/></g><g><path fill="%23003d65" d="M43.48,2H1c-.55,0-1-.45-1-1S.45,0,1,0h42.48c.55,0,1,.45,1,1s-.45,1-1,1Z"/><path fill="%23003d65" d="M43.48,12.5H1c-.55,0-1-.45-1-1s.45-1,1-1h42.48c.55,0,1,.45,1,1s-.45,1-1,1Z"/><path fill="%23003d65" d="M43.48,23H1c-.55,0-1-.45-1-1s.45-1,1-1h42.48c.55,0,1,.45,1,1s-.45,1-1,1Z"/></g></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.recruit-mid .topnav-links-button::before,.recruit-mid .topnav-links-button::after {
  content: none;
}
@media screen and (max-width: 768px) {
.recruit-mid .topnav-links-button {
  width: calc(30.8042vw / 3.75);
  height: calc(33.584vw / 3.75);
}
}

.hd-body-ac .topnav-links-button {
  position: relative;
}

  .hd-body-ac .topnav-links-button::before ,.hd-body-ac .topnav-links-button::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 1px;
    background-color: #004e76;
    transition: .3s;
    transform-origin: 50%;
  }
  .topnav-links-button::before {
    top: 0;
  }
  .topnav-links-button::after {
    bottom: 0;
  }
  .hd-body-ac .topnav-links-button {
    background-position: center left;
    background-image: linear-gradient(rgba(0, 78, 118,0),rgba(0, 78, 118,0));
    background-size: 50% 1px;
  }
  .hd-body-ac .topnav-links-button::before {
    top: 50%;
    transform: translate(-50%,-50%) rotate(135deg);
  }
  .hd-body-ac .topnav-links-button::after {
    bottom: 50%;
    transform: translate(-50%,50%) rotate(-135deg);
  }

.recruit-mid .topnav-links nav {
  display: none;
}
.recruit-mid.hd-body-ac .topnav-links nav {
  display: block;
          color: #004e76;
}
@media screen and (max-width: 768px) {
.recruit-mid.hd-body-ac .topnav-links nav {
  top: calc(60vw / 3.75);
}
}

.topnav-links-item {
    border-top: 1px solid #c9cdd6;
}

.recruit-mid .topnav-links-title {
    justify-content: flex-start;
    font-size: min(calc(16vw / 3.75), 16px);
    height: 60px;
    padding-left: min(calc(25vw / 3.75), 25px);
    padding-right: min(calc(65vw / 3.75), 65px);
}
.recruit-mid .topnav-links-title:hover::after,.recruit-mid .topnav-links-item:hover .topnav-links-title::after {
    opacity: 0;
}

.recruit-mid .topnav-links-container {
  height: auto;
  display: block;
  align-items: center;
}

.recruit-mid .topnav-links-contents {
  display: flex;
  min-height: auto;
  border-top: 1px solid #c9cdd6;
}

.recruit-mid .topnav-links-contents ul {
    display: block;
    max-width: none;
    padding: 0;
}

.recruit-mid .topnav-links-contents ul li a ,.recruit-mid .topnav-links-contents ul li button {
    font-size: min(calc(14vw / 3.75),14px);
    background-color: #dfe7eb;
    border-radius: 0;
    padding-left: min(calc(50vw / 3.75),50px);
    padding-right: min(calc(65vw / 3.75),65px);
}
.recruit-mid .topnav-links-contents ul li:not(:last-of-type) a ,.recruit-mid .topnav-links-contents ul li button {
  border-bottom: 1px solid #fff;
}

.recruit-mid .topnav-links-item:hover .topnav-links-contents,
.recruit-mid .topnav-links-item:focus-within .topnav-links-contents {
  position: static;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

body.recruit-mid:has(.topnav-links-item--multiple:hover) .header-bg,
body.recruit-mid:has(.topnav-links-item--multiple:focus-within) .header-bg
{
  position: static;
}

body.recruit-mid {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
}


.recruit-mid-fv-container {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1400 / 950;
}
@media screen and (max-width: 768px) {
.recruit-mid-fv-container {
  aspect-ratio: 375 / 520;
}
}

.recruit-mid-fv-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1400 / 1085;
}
@media screen and (max-width: 768px) {
.recruit-mid-fv-img {
  aspect-ratio: 375 / 580;
}
}

.recruit-mid-fv-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruit-mid-fv-intro {
  position: relative;
}

.recruit-mid-fv-intro-img {
  pointer-events: none;
  position: absolute;
  top: calc(-45vw / 14);
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
.recruit-mid-fv-intro-img {
  top: 0;
}
}

.recruit-mid-fv-intro-img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.recruit-mid-fv-intro-text {
  position: relative;
  width: 100%;
  height: auto;
  padding: calc(180vw / 14) 0;
} 
@media screen and (max-width: 768px) {
.recruit-mid-fv-intro-text {
  padding-top: calc(52vw / 3.75);
  padding-bottom: calc(210vw / 3.75);
} 
}

.recruit-mid-fv-intro-text img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.recruit-mid-community-medical-care {
  padding-bottom: calc(100vw / 14);
}

.title-48px {
  padding-bottom: calc(50vw / 14);
}

.title-48px-text {
  font-size: calc(48vw / 14);
  font-weight: 700;
  line-height: calc(68.8453 / 48);
  /* color: #fff; */
}

.title-48px-sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(5vw / 14);
  margin: 0 auto;
}

.title-48px-sub-text {
  height: calc(22vw / 14);
  width: auto;
}

.title-48px-sub-text img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
}

.recruit-title-deco {
  position: relative;
  width: calc(29.6978vw / 14);
  height: auto;
  aspect-ratio: 29.6978 / 22.5932;
}

.recruit-title-deco span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.recruit-title-deco-1 {
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 29.7 22.59"><path fill="%23ffffff" d="M11.43,0s.01,7.11-3.96,13.62C4.97,17.7,0,22.59,0,22.59h8.53s5.05-4.26,6.82-8.7C18,7.25,18.23,0,18.23,0h-6.81Z"/></svg>');
}
.recruit-title-deco-2 {
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 29.7 22.59"><path fill="%23ffffff" d="M22.23,13.62c-3.97-6.51-3.96-13.62-3.96-13.62h-6.81s.24,7.25,2.88,13.89c1.77,4.44,6.82,8.7,6.82,8.7h8.53s-4.97-4.89-7.46-8.97Z"/></svg>');
}

.bg-blue-container {
  position: relative;
  padding-top: calc(85vw / 14);
}

.bg-blue-container .bg-blue-container-item {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: calc(calc(calc(100% - calc(235vw / 14)) / 2) + calc(235vw / 14));
  background-color: #0891d0;
}

.bg-blue-container-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.white-container {
  width: calc(1100vw / 14);
  margin: 0 auto;
  background-color: #fff;
  padding: calc(55vw / 14);
  border-radius: calc(30vw / 14);
}

.grid-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
}

.grid-2col-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(30vw / 14);
}

.font-18px {
  font-size: calc(18vw / 14);
  font-weight: 700;
  line-height: 2;
}

.font-15px {
  font-size: calc(15vw / 14);
  font-weight: 500;
  line-height: 3;
}

.font-25px {
  font-size: calc(25vw / 14);
  font-weight: 700;
  line-height: 2;
}

.font-40px {
  font-size: calc(40vw / 14);
  font-weight: 700;
  line-height: 2;
}

.font-25px .font-40px {
  line-height: 1;
}

.lh-3 {
    line-height: 3;
}

.link-circlearrow {
  position: relative;
  min-width: calc(312vw / 14);
  margin: 0 auto;
  display: flex;
  padding: 0 calc(5vw / 14);
  flex-shrink: 0;
}
.link-circlearrow:hover {
  opacity: .9;
}

.link-circlearrow-text {
  flex: 1;
}

.link-circlearrow-icon {
  flex-shrink: 0;
  display: block;
  width: calc(28vw / 14);
  height: calc(28vw / 14);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 28"><polygon fill="%23ffffff" points="11.9 19.25 10.63 17.71 15.01 14.1 10.63 10.49 11.9 8.95 18.15 14.1 11.9 19.25"/></svg>') ;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #a59c4b;
  border-radius: 50%;
}
.link-circlearrow:hover .link-circlearrow-icon {
  transform: translateX(5px);
}

.container--recruit-1000 {
  width: calc(1000% / 14);
  padding: 0;
}
@media screen and (max-width: 768px) {
.container--recruit-1000 {
  padding: 0;
}
}

.recruit-mid-business-development {

}

.rec-sub-common-section {
  padding-top: calc(100vw / 14);
  padding-bottom: calc(100vw / 14);
}

.mid-portrait-graf {
  width: calc(1201.473vw / 14);
}

.inline-flex {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(30vw / 14);
}

.img--rec-width300px {
  width: calc(300vw / 14);
}

.img-deco {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: calc(423.2991vw / 14);
  height: auto;  
}
.img-deco--left {
  right: calc(100% + calc(75vw / 14));
}
.img-deco--right {
  left: calc(100% + calc(75vw / 14));
}
.img-deco--2 {
  width: calc(467.4017vw / 14);
  top: 0;
  transform: translateY(0);
}

.recruit-mid-Portrait__inline-flex {
  margin: calc(50vw / 14) 0 calc(140vw / 14);
}

.recruit-mid-Portrait__inline-flex--2 {
  margin-left: calc(300vw / 14);
  margin-top: calc(70vw / 14);
}

.recruit-mid-job-introduction {
  padding-bottom: calc(140vw / 14);
}


/* Mkスタイル */

.recruit-sub-fv {
  position: relative;

}

.recruit-sub-fv--mk {
  width: 100%;
  height: 509.7753px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruit-mk-fvtitle {
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.recruit-mk-fvbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recruit-mk-fvbg img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mkstyle-article {
  padding-bottom: clamp(35px,calc(120vw / 10),120px);
}

.custom-filter-bg {
  z-index: 9990;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 200vw;
  height: 200vh;
  display: none;
}
body:has(.custom-filter-container.active) .custom-filter-bg {
  display: block;
  background-color: #004e76;
  opacity: .5;
}

.custom-filter-container {
  background-color: #fff;
}

.custom-filter-container .checkbox-label {
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(17vw / 11),17px);
  line-height: 1.4;
  margin-bottom: 0;
}

.custom-filter-container .checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-filter-container .checkmark {
  position: relative;
  display: inline-block;
  min-width: 16px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-right: 8px;
  margin-top: 2px;
  transition: all 0.2s;
}

.checkbox-label input:checked ~ .checkmark {
  background-color: #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: -3px;
    width: 6px;
    height: 15px;
    border: solid #005080;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

.bold-label .label-text {
  font-weight: bold;
  color: #005080;
}

.filter-list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
}

.filter-list li {
  margin-bottom: 10px;
}
.filter-list li:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .custom-filter-container {
    border-radius: 30px;
    padding: 30px 40px;
    transform: translateY(-100px);
  }
  
  .filter-toggle-mobile,
  .filter-submit-mobile {
    display: none;
  }

  .filter-grid {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .filter-col {
    flex: 1;
    padding: 0 15px;
    border-left: 1px solid #ddd;
  }

  .filter-col:first-child {
    border-left: none;
    padding-left: 0;
    flex: 0 0 auto;
    padding-right: 30px;
  }
}

@media (max-width: 768px) {
  .custom-filter-container {
    border-radius: 12px;
    padding: 0;
    max-width: 100%;
    transform: translateY(-40px);
  }
  .custom-filter-container.active {
    position: fixed;
    z-index: 9999;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(335% / 3.75);
    height: calc(100% - 150px);
  }

  /* アコーディオントリガー */
  .filter-toggle-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-weight: bold;
    color: #005080;
    cursor: pointer;
    font-size: 15px;
    position: relative;
  }

  /* 展開時の矢印 (CSSによる三角形) */
  .toggle-icon {
    position: absolute;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #005080;
    border-left: 1px solid #005080;
        transform: rotate(-135deg);
  }
  .custom-filter-container.active .toggle-icon {
    transform: rotate(45deg); /* 展開している状態（上向き） */
  }

  .filter-content {
    display: none;
    padding: 0 20px 20px 20px;
  }

 .custom-filter-container.active .filter-content {
    display: block;
  }

  .filter-scroll {
    overflow-x: auto;
    width: 100%;
    height: calc(100vh - 330px);
  }

  .filter-grid {
    display: flex;
    flex-direction: column;

  }

  .filter-col {
    padding: 15px 0;
    border-top: 1px solid #e0e0e0;
  }
  .filter-col:first-child {
    border-top: none;
  }

  /* スマホ版 絞り込みボタン */
  .filter-submit-mobile {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
  }

  .btn-submit {
    background-color: #005080;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 12px 0;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    position: relative;
  }

  .btn-submit::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 1px;
    background-color: #fff;
  }
  .btn-submit::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transform-origin: right top;
    width: 6px;
    height: 1px;
    background-color: #fff;
  }
}

.mkstyle-contents {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  gap: 0 clamp(min(calc(18.5vw / 3.75),18.5px),calc(40vw / 11),40px);
  place-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
.mkstyle-contents {
  grid-template-columns: 1fr 1fr;
}
}

.mkstyle-contents-item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: clamp(min(calc(15vw / 3.75),15px),calc(25vw / 11),25px);
  background-color: #fff;
  place-items: center;
  padding-bottom: clamp(20px,calc(25vw / 11),25px);
  margin-bottom: clamp(20px,calc(40vw / 11),40px);
}
.mkstyle-contents-item:hover {
  box-shadow: 1px 5px 0px rgba(0, 0, 0, .1);
  filter: brightness(105%);
  opacity: .9;
}
.mkstyle-contents-item:not([hidden]):nth-child(1 of .mkstyle-contents-item:not([hidden])):hover,
.mkstyle-contents-item:not([hidden]):nth-child(6 of .mkstyle-contents-item:not([hidden])):hover,
.mkstyle-contents-item:not([hidden]):nth-child(8 of .mkstyle-contents-item:not([hidden])):hover {
  box-shadow: 1px 3px 3px rgba(215, 64, 58,.1);
}
.mkstyle-contents-item:not([hidden]):nth-child(2 of .mkstyle-contents-item:not([hidden])):hover,
.mkstyle-contents-item:not([hidden]):nth-child(4 of .mkstyle-contents-item:not([hidden])):hover,
.mkstyle-contents-item:not([hidden]):nth-child(9 of .mkstyle-contents-item:not([hidden])):hover {
  box-shadow: 1px 3px 3px rgba(228, 226, 89,.1);
} 
.mkstyle-contents-item:not([hidden]):nth-child(3 of .mkstyle-contents-item:not([hidden])):hover,
.mkstyle-contents-item:not([hidden]):nth-child(5 of .mkstyle-contents-item:not([hidden])):hover,
.mkstyle-contents-item:not([hidden]):nth-child(7 of .mkstyle-contents-item:not([hidden])):hover {
  box-shadow: 1px 3px 3px rgba(84, 140, 201,.1);
}

.mkstyle-contents-item::after {
  content: "";
  display: block;
  width: clamp(min(calc(40vw / 3.75),40px),calc(85vw / 11),85px);
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: 0;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.mkstyle-contents-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.mkstyle-contents-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mkstyle-contents-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: min(calc(20vw / 11),20px);
  padding: 0 min(calc(25vw / 11),25px);
}

.mkstyle-contents-icon {
  width: min(calc(82.7194vw / 11),82.7194px);
  height: auto;
  aspect-ratio: 82.7194 / 59.466;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 82.72 59.47"><path fill="%23003d65" d="M49.85,0h0s0,0-.01,0c-.04,1.01-.1,2.01-.16,2.99-.92,13.95-4.3,25.02-8.31,33.53.39.83.78,1.64,1.18,2.41,7.32,14.27,16.1,20.53,16.1,20.53h24.08S54.87,46.48,49.85,0Z"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.mkstyle-contents-icon span {
  display: block;
  width: 100%;
  height: 100%;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 82.72 59.47"><path fill="%23003d65" d="M32.87,0C27.85,46.48,0,59.47,0,59.47h24.08s8.78-6.26,16.1-20.53c4.52-8.8,8.48-20.64,9.49-35.95.07-.98.12-1.98.16-2.99h-16.96Z"/></svg>') ;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #d7403a;
}

.mkstyle-contents-item:not([hidden]):nth-child(1 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(6 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(8 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(1 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span,
.mkstyle-contents-item:not([hidden]):nth-child(6 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span,
.mkstyle-contents-item:not([hidden]):nth-child(8 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span {
  background-color: rgb(215, 64, 58);
}

.mkstyle-contents-item:not([hidden]):nth-child(2 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(4 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(9 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(2 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span,
.mkstyle-contents-item:not([hidden]):nth-child(4 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span,
.mkstyle-contents-item:not([hidden]):nth-child(9 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span {
  background-color: #e4e259;
}

.mkstyle-contents-item:not([hidden]):nth-child(3 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(5 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(7 of .mkstyle-contents-item:not([hidden]))::after,
.mkstyle-contents-item:not([hidden]):nth-child(3 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span,
.mkstyle-contents-item:not([hidden]):nth-child(5 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span,
.mkstyle-contents-item:not([hidden]):nth-child(7 of .mkstyle-contents-item:not([hidden])) .mkstyle-contents-icon span
 {
  background-color: #548cc9;
}

.mkstyle-contents-title {
  font-size: min(calc(19vw / 11),19px);
  font-weight: 700;
  line-height: calc(30.5 / 19);
  text-align: left;
  flex: 1;
}
@media screen and (max-width: 768px) {
.mkstyle-contents-title {
  font-size: calc(13vw / 3.75);
}
}

.mkstyle-contents-category {
  width: 100%;
  padding: 0 min(calc(25vw / 11),25px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(min(calc(3vw / 3.75),3px),calc(7vw / 11),7px);
  place-items: center;
}

.mkstyle-contents-category-item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: clamp(min(calc(1vw / 3.75),1px),calc(2vw / 3.75),2px) min(calc(5vw / 3.75),5px);
  font-size: clamp(min(calc(8vw / 3.75),8px),calc(13vw / 11),13px);
  text-align: center;
  border: 1px solid #273e48;
  color: #273e48;
}

.mkstyle-contents-link {
  max-width: 220px;
  width: calc(223% / 3.4);
  color: #6c89c4;
  text-align: center;
  padding-right: min(calc(20vw / 3.75),20px);
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(17vw / 11),17px);
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(3vw / 11),3px);
}

.mkstyle-contents-link::after { 
  background-color: #6c89c4;
  width: clamp(min(calc(18.962vw / 3.75), 18.962px), calc(39.8583vw / 12), 39.8583px);
}

a:hover .mkstyle-contents-link::after { 
  right: calc(0% - min(calc(10vw / 3.75),10px));
}