@charset "UTF-8";
html {
  font-family: "游ゴシック", "游ゴシック体", Yu Gothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Roboto", "Droid Sans", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
}

body {
  font-size: clamp(16px, 3.488372vw, 18px);
  overflow-x: clip;
}
[data-drawer-open=true] body {
  overflow: clip;
}
@media screen and (min-width: 768px) {
  body {
    font-size: clamp(14px, 0.88235vw, 18px);
  }
}

a {
  text-decoration: none;
  color: #2E2E2E;
}

main {
  position: relative;
}
.pc-block {
  display: block !important;
}
.pc-inline {
  display: inline;
}
.pc-inline-block {
  display: inline-block;
}
.pc-flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .pc-block, .pc-inline, .pc-inline-block, .pc-flex {
    display: none !important;
  }
}

.sp-block {
  display: block;
}
.sp-inline {
  display: inline;
}
.sp-inline-block {
  display: inline-block;
}
.sp-flex {
  display: flex;
}
@media screen and (min-width: 768px) {
  .sp-block, .sp-inline, .sp-inline-block, .sp-flex {
    display: none;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: middle;
}

button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
}

.c-button-gradient {
  font-size: clamp(20px, 2.2352941176vw, 38px);
  line-height: 1em;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 1em;
  color: #fff;
  border-radius: 100px;
}
.c-button-gradient::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  transition: opacity 0.3s ease-in-out;
  background-image: url("/Portals/0/recruit/images/index/bg-gradient-button.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.c-button-gradient:hover::before {
  opacity: 0.8;
}
.c-button-gradient::after {
  display: inline-block;
  width: 0.8em;
  height: 1em;
  margin-left: 0.5em;
  content: "";
  vertical-align: bottom;
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 767px) {
  .c-button-gradient {
    font-size: clamp(20px, 3.6505867014vw, 28px);
  }
}
.c-button-greenLine {
  font-size: clamp(20px, 2.2352941176vw, 38px);
  line-height: 1em;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 1em;
  color: #008061;
  border-radius: 100px;
  border: 1px solid #008061;
  font-weight: 700;
  min-width: 24.1176470588vw;
  transition: all 0.3s ease-in-out;
}
.c-button-greenLine::after {
  display: inline-block;
  width: 0.8em;
  height: 1em;
  margin-left: 0.5em;
  content: "";
  vertical-align: bottom;
  background: #008061;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: background-color 0.3s ease-in-out;
}
.c-button-greenLine:hover {
  background: #008061;
  color: #fff;
}
.c-button-greenLine:hover::after {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .c-button-greenLine {
    font-size: clamp(20px, 3.6505867014vw, 28px);
  }
}

.c-container-normal {
  max-width: 1054px;
  margin-inline: auto;
  background: #c0c0c0;
}

.site-header {
  background: #fff;
  width: 100%;
  display: block;
  position: fixed;
  min-height: 4vw;
  z-index: 1000;
}
@media screen and (min-width: 1701px) {
  .site-header {
    min-height: 68px;
  }
}
@media screen and (max-width: 767px) {
  .site-header {
    min-height: 5.8823529412vw;
  }
}

.l-header {
  display: flex;
  justify-content: space-between;
  background: #fff;
  width: 100%;
  max-width: 1700px;
  margin-inline: auto;
  min-height: 4vw;
  padding-left: 2.3529411765vw;
  padding-right: 2.3529411765vw;
}
@media screen and (min-width: 1701px) {
  .l-header {
    min-height: 68px;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    min-height: 13.037809648vw;
    max-width: 100vw;
  }
  [data-drawer-open=true] .l-header {
    border-bottom: 1px solid #c0c0c0;
  }
}
.l-header-logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.l-header-logo__image {
  width: 22.9411764706vw;
}
@media screen and (min-width: 1701px) {
  .l-header-logo__image {
    width: 390px;
  }
}
@media screen and (max-width: 767px) {
  .l-header-logo__image {
    width: 80vw;
  }
}
.l-header-logo__image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.l-header-logo__sub {
  background: #008061;
  font-size: clamp(12px, 0.8235294118vw, 14px);
  line-height: 1em;
  display: inline-block;
  padding: 0.4117647059vw;
  margin-bottom: 0.2941176471vw;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .l-header-logo__sub {
    margin-top: -150px;
    padding: 0.9126466754vw;
    margin-bottom: 1.0430247718vw;
  }
}
.l-header-nav {
  display: flex;
  list-style: none;
  gap: 10px;
  color: #333;
  font-size: clamp(10px, 0.8823529412vw, 15px);
}
@media screen and (max-width: 767px) {
  .l-header-nav {
    display: none;
  }
}
.l-header-nav a {
  display: block;
  padding: 1em;
  line-height: 1em;
}
.l-header-nav a:hover {
  text-decoration: underline;
}
.l-header-nav__brank a::after {
  background-image: url("/Portals/0/recruit/images/index/ico_file_external.png");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-position: center center;
  background-size: contain;
  margin-left: 0.3em;
}
.l-header-nav__entry {
  background: #008061;
}
.l-header-nav__entry > a {
  color: #fff;
  padding: 1em 1.5em;
  font-weight: bold;
}
.l-header-nav__entry > a::after {
  content: "";
  width: 1em;
  height: 1em;
  background-image: url("/Portals/0/recruit/images/index/ico_entry_s.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  background-position: bottom center;
  margin-left: 0.3em;
  margin-bottom: -0.16em;
}
.l-header-hmb-button {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header-hmb-button {
    display: grid;
    position: fixed;
    right: 10px;
    top: 1.9556714472vw;
    place-items: center;
    place-content: center;
    width: 9.1264667536vw;
    height: 9.1264667536vw;
    border: none;
    cursor: pointer;
    z-index: 1004;
  }
  .l-header-hmb-button__bar, .l-header-hmb-button__bar::before, .l-header-hmb-button__bar::after {
    width: 9.1264667536vw;
    height: 3px;
    background-color: #008061;
    transition: transform 0.3s;
  }
  .l-header-hmb-button__bar {
    display: grid;
  }
  .l-header-hmb-button__bar::before, .l-header-hmb-button__bar::after {
    content: "";
    grid-area: 1/1;
  }
  .l-header-hmb-button__bar::before {
    transform: translateY(-3.0421555845vw);
  }
  .l-header-hmb-button__bar::after {
    transform: translateY(3.0421555845vw);
  }
  [data-drawer-open=true] .l-header-hmb-button__bar {
    background-color: transparent;
  }
  [data-drawer-open=true] .l-header-hmb-button__bar::before {
    transform: rotate(45deg);
  }
  [data-drawer-open=true] .l-header-hmb-button__bar::after {
    transform: rotate(-45deg);
  }
  .l-header-hmb-button__menu-label {
    transform: translateY(10px);
    font-size: 10px;
    color: #333;
  }
}
.l-header__overlay {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__overlay {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0;
    inset: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1002;
    transition: visibility 0.3s, opacity 0.3s;
    top: 13.037809648vw;
  }
  [data-drawer-open=true] .l-header__overlay {
    visibility: visible;
    opacity: 1;
  }
}
.l-header__sp-menu {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__sp-menu {
    position: fixed;
    width: 95vw;
    background-color: #fff;
    right: 0;
    top: 13.037809648vw;
    z-index: 1003;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
  }
  .l-header__sp-menu-navi {
    list-style: none;
    padding: 1em;
  }
  .l-header__sp-menu-navi a {
    display: block;
    padding: 1em;
    line-height: 1em;
    font-size: clamp(20px, 3.1290743155vw, 24px) !important;
  }
  .l-header__sp-menu-navi a:hover {
    text-decoration: underline;
  }
  .l-header__sp-menu-navi__brank a::after {
    background-image: url("/Portals/0/recruit/images/index/ico_file_external.png");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-position: center center;
    background-size: contain;
    margin-left: 0.3em;
  }
  .l-header__sp-menu-navi__entry {
    background: #008061;
    text-align: center;
    margin-top: 0.5em;
  }
  .l-header__sp-menu-navi__entry > a {
    color: #fff;
    padding: 1em 1.5em;
    font-weight: bold;
  }
  .l-header__sp-menu-navi__entry > a::after {
    content: "";
    width: 1em;
    height: 1em;
    background-image: url("/Portals/0/recruit/images/index/ico_entry_s.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    background-size: contain;
    margin-left: 0.3em;
    margin-bottom: -0.16em;
  }
  [data-drawer-open=true] .l-header__sp-menu {
    display: block;
    transform: translateX(0);
  }
}

.l-footer {
  background-image: url("/Portals/0/recruit/images/index/bg_footer.png");
  background-color: #0c796b;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 23px;
}
.l-footer__logo {
  margin-top: 28px;
  margin-bottom: 26px;
}
.l-footer-link {
  display: flex;
  justify-content: center;
  gap: 2.3em;
  color: #fff;
  list-style: none;
  font-size: clamp(12px, 0.8823529412vw, 15px);
  font-weight: bold;
}
.l-footer-link__item > a {
  color: #fff;
  line-height: 1em;
}
.l-footer-link__item > a:hover {
  text-decoration: underline;
}
.l-footer-link__item--brank a::after {
  background-image: url("/Portals/0/recruit/images/index/ico_file_external.png");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-position: center;
  margin-left: 0.2em;
}
.l-footer__copy {
  font-size: clamp(10px, 0.7058823529vw, 12px);
  text-align: center;
  color: #333;
  padding: 1.4em;
}

.p-home {
  position: relative;
}
.p-home main {
  min-height: 200vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
}
@media screen and (min-width: 1701px) {
  .p-home main {
    padding-top: 68px;
    padding-bottom: 68px;
  }
}
@media screen and (max-width: 767px) {
  .p-home main {
    padding-top: 13.037809648vw;
    padding-bottom: 13.037809648vw;
  }
}
.p-home #key-v {
  background-color: #009c74;
}
.p-home-key-v {
  position: relative;
  max-width: 100%;
  background-color: #009c74;
  background-image: url("/Portals/0/recruit/images/index/key-image.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto 100%;
}
@media screen and (min-width: 1701px) {
  .p-home-key-v {
    background-size: 778px 947px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-key-v {
    background-image: url("/Portals/0/recruit/images/index/key-image_sp.png");
  }
}
.p-home-key-v__loading {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #009c74;
}
.p-home-key-v__svg-wrap {
  max-width: 1700px;
  padding-top: 5.1176470588%;
  margin-inline: auto;
}
@media screen and (min-width: 1701px) {
  .p-home-key-v__svg-wrap {
    padding-top: 87px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-key-v__svg-wrap {
    padding-top: 0;
  }
}
.p-home-key-v svg {
  display: block;
  overflow: visible;
  max-width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-home-key-v svg {
    max-width: 94.2633637549%;
  }
}
.p-home-greeting {
  position: relative;
  padding-bottom: 8.5294117647%;
  background: #29a987;
}
@media screen and (max-width: 767px) {
  .p-home-greeting {
    padding-bottom: 9.1264667536%;
  }
}
.p-home-greeting::before {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -2px;
  left: 0;
  display: block;
  width: 100%;
  height: 6.7647058824vw;
  content: "";
  background-image: url("/Portals/0/recruit/images/index/bg-tvcm.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .p-home-greeting::before {
    height: 6.1277705346vw;
  }
}
.p-home-greeting__svg-wrap {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-home-greeting__svg-wrap {
    padding-top: 4.7058823529%;
  }
}
.p-home-greeting__cloud {
  padding-top: 1.1764705882%;
  text-align: center;
  will-change: transform;
}
.p-home-greeting__cloud > img {
  max-width: 23.5294117647%;
}
@media screen and (max-width: 767px) {
  .p-home-greeting__cloud > img {
    max-width: 38.591916558vw;
  }
}
.p-home-greeting #greeting-svg {
  opacity: 0;
}
.p-home-greeting #greeting-svg .st0, .p-home-greeting #greeting-svg .st1 {
  fill: none;
}
.p-home-greeting #greeting-svg .st2 {
  opacity: 0.5;
  isolation: isolate;
}
.p-home-greeting #greeting-svg .st1 {
  stroke: #fff;
  stroke-dasharray: 6 9;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4px;
}
.p-home-greeting #greeting-svg .st3 {
  clip-path: url(#clippath-1);
}
.p-home-greeting #greeting-svg .st4 {
  fill: #fff;
}
.p-home-greeting #greeting-svg .st5 {
  clip-path: url(#clippath);
}
.p-home-greeting #greeting-svg_sp {
  opacity: 0;
}
.p-home-greeting #greeting-svg_sp .st0, .p-home-greeting #greeting-svg_sp .st1 {
  fill: none;
}
.p-home-greeting #greeting-svg_sp .st2 {
  opacity: 0.5;
  isolation: isolate;
}
.p-home-greeting #greeting-svg_sp .st3 {
  clip-path: url(#clippath-1);
}
.p-home-greeting #greeting-svg_sp .st4 {
  clip-path: url(#clippath-2);
}
.p-home-greeting #greeting-svg_sp .st5 {
  fill: #fff;
}
.p-home-greeting #greeting-svg_sp .st1 {
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 0.2px;
}
.p-home-greeting #greeting-svg_sp .st6 {
  clip-path: url(#clippath);
}
.p-home-tvcm {
  max-width: 1700px;
  padding-top: 3.4117647059%;
  padding-bottom: 7.0588235294%;
  text-align: center;
  margin-inline: auto;
}
@media screen and (min-width: 1701px) {
  .p-home-tvcm {
    padding-top: 58px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-tvcm {
    padding-top: 7.8226857888%;
    padding-bottom: 7.8226857888%;
  }
}
.p-home-tvcm__title {
  font-size: clamp(30px, 2.9411764706vw, 50px);
  line-height: 1em;
  margin-bottom: 3.1764705882%;
  color: #008061;
}
@media screen and (max-width: 767px) {
  .p-home-tvcm__title {
    font-size: clamp(20px, 3.520208605vw, 27px);
  }
}
.p-home-tvcm__movie {
  max-width: 54.3529411765%;
  margin-inline: auto;
}
.p-home-tvcm__movie img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-home-tvcm__movie {
    max-width: 75.0977835724%;
  }
}
.p-home-bg-gradient {
  overflow: hidden;
  background-image: url("/Portals/0/recruit/images/index/bg-gradient.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
}
.p-home-about {
  position: relative;
  width: 100%;
  padding-top: 12.2941176471%;
  padding-bottom: 7.4705882353%;
}
@media screen and (min-width: 1701px) {
  .p-home-about {
    padding-top: 209px;
    padding-bottom: 127px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-about {
    padding-top: 19.556714472%;
  }
}
.p-home-about__title {
  font-size: clamp(26px, 2.9411764706vw, 50px);
  line-height: 1.68em;
  margin-bottom: 8.8235294118vw;
  text-align: center;
  color: #008061;
}
@media screen and (min-width: 1701px) {
  .p-home-about__title {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-about__title {
    font-size: clamp(16px, 3.1290743155vw, 24px);
    margin-bottom: 9.778357236vw;
  }
}
.p-home-about-cloud-s > img, .p-home-about-cloud-m > img {
  width: 100%;
}
.p-home-about-cloud-s {
  position: absolute;
  z-index: 100;
  top: 124.1176470588vw;
  left: -3.125vw;
  width: 22vw;
}
.p-home-about-cloud-m {
  position: absolute;
  z-index: 100;
  top: 15.9411764706vw;
  left: 83.4117647059vw;
  width: 34.1764705882vw;
}
@media screen and (min-width: 1701px) {
  .p-home-about-cloud-s {
    top: 2110px;
    width: 374px;
  }
  .p-home-about-cloud-m {
    top: 271px;
    width: 581px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-about-cloud-s {
    top: 243.8070404172vw;
    right: auto;
    left: 1.9556714472vw;
    width: 29.2046936115vw;
  }
  .p-home-about-cloud-m {
    top: 32.5945241199vw;
    right: auto;
    left: 68.0573663625vw;
    width: 34.4198174707vw;
  }
}
.p-home-about-item {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  box-sizing: border-box;
  max-width: 1700px;
  min-height: 33.8235294118%;
  margin-bottom: 18.3529411765vw;
  margin-inline: auto;
}
@media screen and (min-width: 1701px) {
  .p-home-about-item {
    min-height: 575px;
    margin-bottom: 312px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-about-item {
    align-items: center;
    flex-direction: column-reverse;
    max-width: 65.9713168188vw;
  }
}
.p-home-about-item::before {
  position: absolute;
  display: block;
  height: auto;
  content: "";
  background-size: 100%;
}
.p-home-about-item--01::before {
  top: -2.3529411765%;
  right: 15.5294117647%;
  left: auto;
  width: 93.2941176471vw;
  max-width: 1586px;
  background-image: url("/Portals/0/recruit/images/index/bg-gradient-s_01.png");
  aspect-ratio: 1586/685;
}
@media screen and (max-width: 767px) {
  .p-home-about-item--01::before {
    top: 20.8604954368vw;
    right: auto;
    left: -5.9973924381vw;
    width: 137.8096479791vw;
    max-width: 1057px;
    transform: rotate(-29.8deg);
  }
}
.p-home-about-item--02::before {
  top: -3.5294117647%;
  right: auto;
  left: 10.9411764706%;
  width: 97.8823529412vw;
  max-width: 1664px;
  background-image: url("/Portals/0/recruit/images/index/bg-gradient-s_02.png");
  aspect-ratio: 1664/815;
}
@media screen and (max-width: 767px) {
  .p-home-about-item--02::before {
    top: -1.3037809648vw;
    right: -16.9491525424vw;
    left: auto;
    width: 168.3181225554vw;
    max-width: 1291px;
    transform: rotate(20.81deg);
  }
}
.p-home-about-item--03::before {
  top: -3.5294117647%;
  right: 14%;
  left: auto;
  width: 94.9411764706vw;
  max-width: 1614px;
  background-image: url("/Portals/0/recruit/images/index/bg-gradient-s_03.png");
  aspect-ratio: 1614/825;
}
@media screen and (max-width: 767px) {
  .p-home-about-item--03::before {
    top: 10.4302477184vw;
    right: auto;
    left: -13.037809648vw;
    width: 153.1942633638vw;
    max-width: 1175px;
    transform: rotate(-21.66deg);
  }
}
.p-home-about-item:nth-child(odd) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .p-home-about-item:nth-child(odd) {
    flex-direction: column-reverse;
  }
}
.p-home-about-item__description {
  font-size: clamp(12px, 1.8823529412vw, 32px);
  font-weight: bold;
  line-height: 2em;
  width: 43.7058823529%;
  text-align: center;
  opacity: 0;
}
.p-home-about-item__description--wide {
  width: 46.4705882353%;
}
.p-home-about-item__description > p {
  white-space: nowrap;
}
.p-home-about-item__description .c-button-gradient {
  min-width: 9em;
  margin-top: 1.473em;
  margin-bottom: 0.7894em;
}
.p-home-about-item__image {
  width: 44.5294117647%;
  opacity: 0;
}
@media screen and (min-width: 1701px) {
  .p-home-about-item__image {
    max-width: 757px;
  }
}
.p-home-about-item__image > img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-home-about-item__description, .p-home-about-item__image {
    width: 100%;
  }
  .p-home-about-item__description--wide, .p-home-about-item__image--wide {
    width: 100%;
  }
  .p-home-about-item__description {
    font-size: clamp(12px, 3.1290743155vw, 24px);
    padding-top: 3.9113428944vw;
  }
  .p-home-about-item__description .c-button-gradient {
    margin-top: 5.2151238592vw;
    margin-bottom: 0;
  }
}
.p-home-project {
  overflow: hidden;
  width: 100%;
  padding-top: 5.2941176471%;
  padding-bottom: 6.4117647059%;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}
@media screen and (min-width: 1701px) {
  .p-home-project {
    padding-top: 90px;
    padding-bottom: 109px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-project {
    padding-top: 10.6910039113%;
    padding-bottom: 13.4289439374%;
  }
}
.p-home-project--noBg {
  background: transparent;
}
.p-home-project__title {
  font-size: clamp(26px, 2.7058823529vw, 46px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24.4705882353vw;
  height: 9.7647058824vw;
  color: #008061;
  background-image: url("/Portals/0/recruit/images/index/bg-title-gradient.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-inline: auto;
}
@media screen and (min-width: 1701px) {
  .p-home-project__title {
    max-width: 416px;
    max-height: 166px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-project__title {
    font-size: clamp(20px, 3.9113428944vw, 30px);
    width: 47.9661016949vw;
    height: 19.1525423729vw;
  }
}
.p-home-project__cm {
  max-width: 90.4705882353vw;
  margin-inline: auto;
}
.p-home-project__cm img {
  max-width: 100%;
  vertical-align: middle;
  transition: opacity 0.3s ease-in-out;
}
.p-home-project__cm a:hover img {
  opacity: 0.8;
}
@media screen and (min-width: 1701px) {
  .p-home-project__cm {
    max-width: 1538px;
  }
}
.p-home-project-list > li.swiper-slide {
  list-style: none;
}
.p-home-project-list > li.swiper-slide img {
  max-width: 100%;
  will-change: transform;
}
.p-home-project-list__link img {
  transition: transform 0.3s ease;
}
.p-home-project-list__link img:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 767px) {
  .p-home-project-list__link img:hover {
    transform: scale(1);
  }
}
.p-home-project .swiper {
  height: 100%;
  padding-top: 6.8235294118%;
  padding-bottom: 7%;
}
@media screen and (min-width: 1701px) {
  .p-home-project .swiper {
    padding-top: 116px;
    padding-bottom: 119px;
  }
}
.p-home-project .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  will-change: transform;
}
.p-home-project .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 15px !important;
  border: 1px solid #008061;
  border-radius: 0;
  background: #fff;
}
.p-home-project .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.p-home-project .swiper-pagination-bullet-active {
  background: #008061;
}
.p-home-project .swiper-pagination-bullets {
  top: auto;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-home-project .swiper {
    width: 100%;
    margin-left: 0;
    overflow: visible;
    margin-top: 4.1720990874%;
    margin-bottom: 0%;
  }
  .p-home-project .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
  }
  .p-home-project .swiper-pagination-bullets {
    z-index: 20;
    bottom: -5.2151238592vw;
  }
}
.p-home-project__btmBtn {
  margin-top: 7.2352941176em;
  text-align: center;
}
@media screen and (min-width: 1701px) {
  .p-home-project__btmBtn {
    margin-top: 123px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-project__btmBtn {
    margin-top: 10.4302477184vw;
  }
}
.p-home-introduce {
  padding-top: 8.1176470588%;
}
@media screen and (min-width: 1701px) {
  .p-home-introduce {
    padding-top: 138px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-introduce {
    overflow: hidden;
    padding-top: 9.1264667536vw;
  }
}
.p-home-introduce__title {
  font-size: clamp(26px, 2.7058823529vw, 46px);
  text-align: center;
  color: #008061;
}
@media screen and (max-width: 767px) {
  .p-home-introduce__title {
    font-size: clamp(20px, 3.9113428944vw, 30px);
  }
}
.p-home-introduce__name {
  font-size: clamp(20px, 2.6470588235vw, 45px);
  line-height: 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .p-home-introduce__name {
    font-size: clamp(20px, 3.9113428944vw, 30px);
  }
}
.p-home-introduce__name > span {
  font-size: clamp(20px, 1.7647058824vw, 30px);
  display: inline-block;
  margin-left: 1em;
  color: #008061;
}
@media screen and (max-width: 767px) {
  .p-home-introduce__name > span {
    font-size: clamp(16px, 2.6075619296vw, 20px);
  }
}
.p-home-introduce-wrap {
  position: relative;
  max-width: 1700px;
  min-height: 39.0588235294vw;
  margin-top: 9%;
  padding-left: 11.7647058824vw;
  margin-inline: auto;
}
@media screen and (min-width: 1701px) {
  .p-home-introduce-wrap {
    min-height: 664px;
    margin-top: 153px;
    padding-left: 200px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-introduce-wrap {
    min-height: auto;
    margin-top: 71.9687092568%;
    padding-left: 0;
  }
}
.p-home-introduce-wrap::before {
  position: absolute;
  top: -8.7058823529vw;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-image: url("/Portals/0/recruit/images/index/bg-introduce-gradient.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 94.2941176471% auto;
}
@media screen and (min-width: 1701px) {
  .p-home-introduce-wrap::before {
    top: -148px;
    background-size: 1603px auto;
  }
}
@media screen and (max-width: 767px) {
  .p-home-introduce-wrap::before {
    z-index: -1;
    top: -39.4393741851vw;
    right: auto;
    bottom: auto;
    left: -31.5514993481vw;
    width: 159.8435462842vw;
    height: 105.4758800522vw;
    transform: rotate(-90deg);
    background-size: 100% 100%;
  }
}
.p-home-introduce-wrap--k {
  margin-top: 19.2352941176vw;
}
@media screen and (min-width: 1701px) {
  .p-home-introduce-wrap--k {
    margin-top: 327px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-introduce-wrap--k {
    margin-top: 81.7470664928vw;
  }
}
.p-home-introduce-wrap--k::before {
  background-image: url("/Portals/0/recruit/images/index/bg-introduce-gradient-k.png");
  background-size: 94.7647058824% auto;
}
@media screen and (min-width: 1701px) {
  .p-home-introduce-wrap--k::before {
    background-size: 1611px auto;
  }
}
@media screen and (max-width: 767px) {
  .p-home-introduce-wrap--k::before {
    top: -47.2620599739vw;
    left: -22.4250325945vw;
    width: 142.8943937419vw;
    height: 105.9973924381vw;
    background-size: 100% 100%;
  }
}
.p-home-introduce-wrap__inner {
  font-size: clamp(10px, 1.4117647059vw, 24px);
  line-height: 1.96em;
  position: relative;
  width: 52.2941176471%;
}
.p-home-introduce-wrap__inner::after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  width: auto;
  height: 100%;
  content: "";
  transform: translateX(116.1616161616%);
  border-radius: 20px;
  background-image: url("/Portals/0/recruit/images/index/introduce-photo.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  aspect-ratio: 396/554;
}
@media screen and (min-width: 1701px) {
  .p-home-introduce-wrap__inner::after {
    transform: translateX(480px);
  }
}
@media screen and (max-width: 767px) {
  .p-home-introduce-wrap__inner {
    font-size: clamp(12px, 3.1290743155vw, 24px);
    line-height: 1.666em;
    width: 83.4419817471%;
    margin-right: auto;
    margin-left: 9.3872229465vw;
    padding-bottom: 19.8174706649vw;
  }
  .p-home-introduce-wrap__inner::after {
    top: -55.9322033898vw;
    bottom: auto;
    left: 23.3376792699vw;
    width: 35.0717079531vw;
    height: auto;
    transform: translateX(0);
    aspect-ratio: 269/377;
  }
}
.p-home-introduce-wrap__inner--k::after {
  background-image: url("/Portals/0/recruit/images/index/introduce-photo-k.jpg");
}
.p-home-cloud-buttons {
  position: absolute;
  z-index: 999;
  top: auto;
  right: 0;
  bottom: 30px;
  left: auto;
  display: block;
  overflow-x: hidden;
  min-width: 23.0588235294vw;
  min-height: 13.6470588235vw;
  pointer-events: none;
}
@media screen and (min-width: 1701px) {
  .p-home-cloud-buttons {
    min-width: 392px;
    min-height: 232px;
  }
}
@media screen and (max-width: 767px) {
  .p-home-cloud-buttons {
    min-width: 32.5945241199vw;
    min-height: calc(26.5971316819vw + 20px);
  }
}
.p-home-cloud-button__recruit {
  position: absolute;
  top: 20px;
  right: -1.1176470588vw;
  left: auto;
  display: block;
  width: 15.0588235294vw;
  max-width: 256px;
  height: auto;
  pointer-events: auto;
  will-change: transform;
}
.p-home-cloud-button__recruit > img {
  width: 100%;
}
@media screen and (min-width: 1701px) {
  .p-home-cloud-button__recruit {
    right: -19px;
    width: 256px;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .p-home-cloud-button__recruit {
    right: -2.6075619296vw;
    width: 29.2046936115vw;
    max-width: 224px;
  }
}
.p-home-cloud-button__ig {
  position: absolute;
  top: auto;
  right: 9vw;
  bottom: 0;
  display: block;
  width: 12.9411764706vw;
  max-width: 220px;
  pointer-events: auto;
  will-change: transform;
}
.p-home-cloud-button__ig > img {
  width: 100%;
}
@media screen and (min-width: 1701px) {
  .p-home-cloud-button__ig {
    right: 153px;
    width: 220px;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .p-home-cloud-button__ig {
    right: -5.8670143416vw;
    width: 25.0325945241vw;
    max-width: 192px;
  }
}

.lity {
  background: rgba(0, 0, 0, 0.7);
}
.lity-content {
  overflow: auto;
  max-width: 90vw;
  max-height: 90vh;
}
.lity-content img {
  max-height: 90%;
}

.lity-bg-blue {
  background: rgba(0, 0, 0, 0.7);
}
#project_02_detail, #project_02-c_detail, #project_06_detail, #project_06-c_detail {
  display: none;
  overflow-y: auto;
  text-align: center;
  background: #fff;
}
#project_02_detail img, #project_02-c_detail img, #project_06_detail img, #project_06-c_detail img {
  max-width: 100%;
}
#project_02_detail .modal-detail-btn, #project_02-c_detail .modal-detail-btn, #project_06_detail .modal-detail-btn, #project_06-c_detail .modal-detail-btn {
  font-size: clamp(10px, 0.8235294118vw, 14px);
  display: inline-block;
  margin-bottom: 1em;
  color: #fff;
  background: #008061;
}
#project_02_detail .modal-detail-btn > a, #project_02-c_detail .modal-detail-btn > a, #project_06_detail .modal-detail-btn > a, #project_06-c_detail .modal-detail-btn > a {
  font-weight: 700;
  display: block;
  padding: 0.5em 1em;
  color: #fff;
}

.fslightbox-container {
  background: rgba(0, 0, 0, 0.7) !important;
}
.fslightbox-container #project_02_detail, .fslightbox-container #project_02-c_detail, .fslightbox-container #project_06_detail, .fslightbox-container #project_06-c_detail {
  display: block;
}/*# sourceMappingURL=style.css.map */