:root {
  --breakPoint-tablet-ls: 1024px;
  --breakPoint-tablet: 768px;
  --breakPoint-sp-l: 480px;
  --breakPoint-sp: 375px;
  --breakPoint-minWidth: 320px;
}

:root {
  --clr-base-sage: #bbb791;
  --clr-base-sage-rgb: 187, 183, 145;
  --clr-base-green: #2e6f40;
  --clr-base-green-rgb: 46, 111, 64;
  --clr-base-ebony: #5d6658;
  --clr-base-ebony-rgb: 93, 102, 88;
  --clr-base-yellow: #ffbf00;
  --clr-base-yellow-rgb: 255, 191, 0;
  --clr-base-tan: #d6b588;
  --clr-base-tan-rgb: 214, 181, 136;
  --clr-base-bronze: #c68346;
  --clr-base-bronze-rgb: 198, 131, 70;
  --clr-base-sunset: #fd5e53;
  --clr-base-sunset-rgb: 253, 94, 83;
  --clr-base-orange: #e84b3d;
  --clr-base-orange-rgb: 232, 75, 61;
  --clr-base-rosegold: #dea193;
  --clr-base-rosegold-rgb: 222, 161, 147;
  --clr-base-pink: #ff91a4;
  --clr-base-pink-rgb: 255, 145, 164;
  --clr-base-mahogany: #c04000;
  --clr-base-mahogany-rgb: 192, 64, 0;
  --clr-base-red: #ed2100;
  --clr-base-red-rgb: 237, 33, 0;
  --clr-base-wine: #722f37;
  --clr-base-wine-rgb: 114, 47, 55;
  --clr-base-burgundy: #660033;
  --clr-base-burgundy-rgb: 102, 0, 51;
  --clr-base-slateblue: #557c99;
  --clr-base-slateblue-rgb: 85, 124, 153;
  --clr-base-blue: #4166f5;
  --clr-base-blue-rgb: 65, 102, 245;
  --clr-base-navy: #272757;
  --clr-base-navy-rgb: 39, 39, 87;
  --clr-base-lilac: #a47dab;
  --clr-base-lilac-rgb: 164, 125, 171;
  --clr-base-purple: #9966cc;
  --clr-base-purple-rgb: 153, 102, 204;
  --clr-base-white: #fff;
  --clr-base-white-rgb: 255, 255, 255;
  --clr-base-offwhite: #f2f0ef;
  --clr-base-offwhite-rgb: 242, 240, 239;
  --clr-base-gray: #898989;
  --clr-base-gray-rgb: 137, 137, 137;
  --clr-base-slate: #6d8196;
  --clr-base-slate-rgb: 109, 129, 150;
  --clr-base-gunmetal: #353e43;
  --clr-base-gunmetal-rgb: 53, 62, 67;
  --clr-base-black: #252525;
  --clr-base-black-rgb: 37, 37, 37;
  --clr-light-lightgreen: #88e788;
  --clr-light-lightgreen-rgb: 136, 231, 136;
  --clr-light-lightseagreen: #20b2aa;
  --clr-light-lightseagreen-rgb: 32, 178, 170;
  --clr-light-lightyellow: #ffffc5;
  --clr-light-lightyellow-rgb: 255, 255, 197;
  --clr-light-lightorange: #ffdbbb;
  --clr-light-lightorange-rgb: 255, 219, 187;
  --clr-light-lightpink: #ffb5c0;
  --clr-light-lightpink-rgb: 255, 181, 192;
  --clr-light-lightblue: #90d5ff;
  --clr-light-lightblue-rgb: 144, 213, 255;
  --clr-light-lightpurple: #dab1da;
  --clr-light-lightpurple-rgb: 218, 177, 218;
  --clr-light-lightgray: #d3d3d3;
  --clr-light-lightgray-rgb: 211, 211, 211;
  --clr-pastel-pastelgreen: #80ef80;
  --clr-pastel-pastelgreen-rgb: 128, 239, 128;
  --clr-pastel-pastelyellow: #ffee8c;
  --clr-pastel-pastelyellow-rgb: 255, 238, 140;
  --clr-pastel-pastelorange: #ffc067;
  --clr-pastel-pastelorange-rgb: 255, 192, 103;
  --clr-pastel-pastelpink: #ffc5d3;
  --clr-pastel-pastelpink-rgb: 255, 197, 211;
  --clr-pastel-pastelred: #ff746c;
  --clr-pastel-pastelred-rgb: 255, 116, 108;
  --clr-pastel-pastelblue: #b3ebf2;
  --clr-pastel-pastelblue-rgb: 179, 235, 242;
  --clr-pastel-pastelpurple: #b39eb5;
  --clr-pastel-pastelpurple-rgb: 179, 158, 181;
  --clr-kssc-main: #3fe2ce;
  --clr-kssc-main-rgb: 63, 226, 206;
  --clr-kssc-mainDarken: #39cbb9;
  --clr-kssc-mainDarken-rgb: 57, 203, 185;
}

.section-column {
  grid-template-areas: "outline outline" "initiative initiative" "requirement life" "training job" "flow trial";
}
@container main-container (max-width: 768px) {
  .section-column {
    grid-template-areas: "outline" "initiative" "requirement" "life" "training" "job" "flow" "trial";
  }
}
.section-content {
  --recruit-base-fontSize: var(--base-fontSize);
  font-size: var(--recruit-base-fontSize);
}
@container main-container (max-width: 768px) {
  .section-content {
    --recruit-base-fontSize: 15px;
  }
}
@container main-container (max-width: 375px) {
  .section-content {
    --recruit-base-fontSize: 14px;
  }
}
.section-content-description {
  line-height: 1.5;
  font-size: inherit;
}
.section-content-description:not(:last-of-type) {
  margin-bottom: 8px;
}
.section-content > *:not(:last-child) {
  margin-bottom: 8px;
}

.recruit-section {
  position: relative;
  width: 100%;
  max-width: var(--element-maxWidth);
  border-radius: var(--border-radius-value);
  box-shadow: var(--box-shadow-value);
  background: #fff;
  margin-right: auto;
  margin-left: auto;
}
.recruit-cta-background {
  position: relative;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 320px;
  height: 44px;
  border-top-right-radius: var(--border-radius-value);
  border-top-left-radius: var(--border-radius-value);
  background: #3fe2ce;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  margin-right: auto;
  margin-left: auto;
}
.recruit-cta-background .tes {
  width: var(--element-width);
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}
.recruit-cta-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  color: inherit;
}
.recruit-cta-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: left;
  font-size: inherit;
  color: inherit;
}
.recruit-cta-link-text::after {
  content: "\f08e";
  line-height: inherit;
  text-shadow: inherit;
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  font-size: 90%;
  color: inherit;
  margin-left: 4px;
}
.recruit-common-list {
  position: relative;
}
.recruit-common-list.list-remark {
  font-size: calc(var(--recruit-base-fontSize) - 3px);
}
.recruit-common-list:not(:last-of-type) {
  margin-bottom: 0.2em;
}
.recruit-common-item {
  position: relative;
  line-height: 1.5;
  font-size: inherit;
}
.recruit-common-item:not(:last-of-type) {
  margin-bottom: 0.2em;
}
.recruit-common-descriptionlist-content {
  margin-top: 0.2em;
}
.recruit-common-subhead {
  line-height: 1.4;
  font-weight: 500;
  font-size: 20px;
}
@container main-container (max-width: 768px) {
  .recruit-common-subhead {
    font-size: 18px;
  }
}
@container main-container (max-width: 375px) {
  .recruit-common-subhead {
    font-size: 16px;
  }
}
.recruit-outline {
  grid-area: outline;
}
.recruit-initiative {
  grid-area: initiative;
}
.recruit-trial {
  grid-area: trial;
}
.recruit-requirement {
  grid-area: requirement;
}
.recruit-flow {
  grid-area: flow;
}
.recruit-life {
  grid-area: life;
}
.recruit-training {
  grid-area: training;
}
.recruit-job {
  grid-area: job;
}

.hometown-item {
  position: relative;
  display: grid;
  grid-template-areas: "head head" "txt img";
  grid-template-columns: 1fr auto;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.hometown-item:not(:last-of-type) {
  margin-bottom: 32px;
}
.hometown-item-text {
  grid-area: txt;
  margin-top: 12px;
}
.hometown-item-image {
  grid-area: img;
}
.hometown-item-image-picture {
  aspect-ratio: 3/2;
  display: block;
  width: 280px;
  border-radius: var(--border-radius-value);
  background: #d3d3d3;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hometown-item-head {
  grid-area: head;
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  line-height: 1.4;
}
.hometown-item-head-town {
  line-height: inherit;
}
.hometown-item-head-pref {
  display: inline-block;
  line-height: inherit;
  color: #898989;
  font-weight: 500;
  font-size: 16px;
}
.hometown-item-features {
  line-height: 1.3;
  font-weight: 600;
  font-size: 18px;
}
.hometown-source {
  margin-top: 16px;
}
.hometown-minabe .hometown-item-image-picture {
  background-image: url("../assets/img/hometown/minabe.jpg");
}
.hometown-tanabe .hometown-item-image-picture {
  background-image: url("../assets/img/hometown/tanabe.jpg");
}
.hometown-shirahama .hometown-item-image-picture {
  background-image: url("../assets/img/hometown/shirahama.jpg");
}

.contribution-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.ground-detail {
  --ground-detail-base-fontSize: var(--recruit-base-fontSize);
}
.ground-item:not(:last-of-type) {
  margin-bottom: 0.4em;
}/*# sourceMappingURL=recruit.css.map */