@charset "UTF-8";
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media (min-width: 376px) {
  html {
    font-size: 100%;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.3445378151vw;
  }
}
@media screen and (min-width: 768px) {
  html:has(.p-business) {
    font-size: max(10px, 1.25vw);
  }
}
@media (min-width: 1190px) {
  html {
    font-size: 100%;
  }
}
@media (min-width: 1280px) {
  html:has(.p-business) {
    font-size: 100%;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #000;
  background-color: #F2F2F2;
  background-color: #EFEFEF;
}

body:has(.p-fv) {
  background-color: #fff;
}

body.is-active {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body.is-active {
    overflow: auto;
  }
}

@media screen and (min-width: 768px) {
  a,
  button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  a:hover,
  button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}

@font-face {
  font-family: "din-alternate-bold";
  src: url("../font/din-alternate-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul,
li,
summary {
  margin: 0;
}

summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol,
summary {
  list-style: none;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l-about {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .l-about {
    margin-top: 5rem;
  }
}

.l-inner {
  width: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 34.375rem;
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 1190px;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}

.c-accordion__details {
  position: relative;
}

.c-accordion__details:not(:first-child) {
  margin-top: 0.625rem;
}

.c-accordion__details::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#80B73F), to(#018A8A));
  background: linear-gradient(to bottom, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.c-accordion__details::after {
  background: #fff;
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  left: 1px;
}

.c-accordion__summary {
  position: relative;
  z-index: 1;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.04em;
  padding: 0.75rem 0.9375rem 0.75rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-accordion__summary {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.c-accordion__summary::before {
  content: "";
  width: 1rem;
  height: 0.0625rem;
  background: #000;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.c-accordion__summary::after {
  content: "";
  width: 1rem;
  height: 0.0625rem;
  background: #000;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  right: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.c-accordion__details[open] .c-accordion__summary::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.c-accordion__details[open] .c-accordion__summary::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.c-accordion__answer {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 0rem 0.9375rem 0.75rem;
  font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  text-align: justify;
}

.c-accordion__answer-inner {
  padding: 0 20px 20px;
  position: relative;
  z-index: 1;
}

.c-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12.1875rem;
  line-height: 3.125;
  font-size: 0.75rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: #fff;
  padding-inline: 1.5625rem 0.8125rem;
  border-radius: 0.9375rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-btn {
    border-radius: 1.25rem;
    width: 16.25rem;
    line-height: 3.5714285714;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.c-btn::after {
  content: "";
  display: block;
  width: 0.84375rem;
  height: 0.84375rem;
  background: url(../images/common/icon-right.svg) no-repeat center center/cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-btn::after {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.c-btn--orange::after {
  content: "";
  background: url(../images/common/icon-right-orange.svg) no-repeat center center/cover;
}

.c-btn--green::after {
  content: "";
  background: url(../images/common/icon-right-green.svg) no-repeat center center/cover;
}

.c-btn:hover::after {
  -webkit-transform: translateX(0.3125rem);
          transform: translateX(0.3125rem);
}

.c-btn--large {
  width: 18.75rem;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 3.125rem;
  color: #fff;
  line-height: 3.75;
  font-size: 1rem;
  padding-inline: 2.5rem;
}
@media screen and (min-width: 768px) {
  .c-btn--large {
    font-size: 1.125rem;
    padding-inline: 3.125rem 1.375rem;
    line-height: 5;
    width: 22.75rem;
  }
}

.c-btn--large span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.c-btn--orange span {
  background: -webkit-gradient(linear, left top, right top, from(#E5AC47), to(#E58E64));
  background: linear-gradient(to right, #E5AC47, #E58E64);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.c-btn--large::after {
  width: 1.125rem;
  height: 1.125rem;
}
@media screen and (min-width: 768px) {
  .c-btn--large::after {
    width: 1.6875rem;
    height: 1.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .c-modal {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: auto;
    cursor: initial;
    width: 100%;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal {
    cursor: auto;
    cursor: initial;
    width: 100vw;
    height: 8.8125rem;
    position: absolute;
    top: 5rem;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#8BC34A), to(#018A8A));
    background: linear-gradient(to right, #8BC34A, #018A8A);
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    z-index: 1;
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .c-modal {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
  }
  .c-modal__item-flex {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
  }
}
@media screen and (min-width: 991px) {
  .p-header__item:hover .c-modal.is-visible {
    opacity: 1;
    visibility: visible;
    max-height: 8.8125rem;
    z-index: 1;
  }
}

.c-modal__list {
  margin-inline: auto;
  position: relative;
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__list {
    height: 8.8125rem;
    width: 100%;
    max-width: 61.25rem;
  }
}

.c-modal__item {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-height: 8.8125rem;
  }
}

.c-modal__item-flex {
  margin-top: 0.625rem;
  -webkit-transition: opacity 0.5s ease-in-out, visibility 0.7s ease-in-out, max-height 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, visibility 0.7s ease-in-out, max-height 0.5s ease-in-out;
  max-height: 0;
  opacity: 0 !important;
  visibility: hidden !important;
}
@media screen and (min-width: 768px) {
  .c-modal__item-flex {
    display: contents;
    max-height: none;
    max-height: initial;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

.p-header__item:hover .c-modal__item-flex,
.p-footer__item:hover .c-modal__item-flex {
  max-height: 18.75rem;
  opacity: 1 !important;
  visibility: visible !important;
}
@media screen and (min-width: 768px) {
  .p-header__item:hover .c-modal__item-flex,
  .p-footer__item:hover .c-modal__item-flex {
    visibility: visible !important;
    visibility: initial !important;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__item-title {
    margin-right: 7.25rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media screen and (min-width: 991px) {
  .c-modal__item-title--margin {
    margin-right: 1.5rem;
  }
}

.c-modal__item-title-ja {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  .c-modal__item-title-ja {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    gap: 0.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-header .c-modal__item-title-ja {
    font-size: clamp(12px, 5.081px + 0.901vw, 14px);
    gap: 5px;
  }
}
@media screen and (min-width: 991px) {
  .p-header .c-modal__item-title-ja {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    gap: 0px;
    color: #fff;
  }
}

.c-modal__item-title-ja::before {
  content: attr(data-en);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, right top, from(#8BC34A), to(#4CAF50));
  background: linear-gradient(to right, #8BC34A, #4CAF50);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (min-width: 768px) {
  .c-modal__item-title-ja::before {
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

@media screen and (min-width: 768px) {
  .p-header .c-modal__item-title-ja::before {
    font-size: clamp(16px, 0.162px + 1.802vw, 18px);
    line-height: 1.3333333333;
  }
}
@media screen and (min-width: 991px) {
  .p-header .c-modal__item-title-ja::before {
    color: #fff;
    font-size: 1.125rem;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    background-clip: border-box;
    background-clip: initial;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__body-grid {
    display: grid;
    grid-template-columns: repeat(2, 10.6875rem);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.625rem;
    width: 100%;
  }
}

.c-modal__body {
  width: 100%;
  cursor: pointer;
  padding-left: 0.625rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-modal__body {
    padding-left: 0rem;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__body {
    max-width: 12.5rem;
    margin-right: 1.25rem;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__body-grid .c-modal__body {
    max-width: none;
    max-width: initial;
  }
}

.c-modal__item:hover .c-modal__body {
  max-height: 18.75rem;
}

@media screen and (min-width: 768px) {
  .c-modal__body:nth-child(1) {
    margin-top: 0.3125rem;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__body:nth-child(1) {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__body--shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transform: translateY(-1.125rem);
            transform: translateY(-1.125rem);
  }
}

.c-modal__body:last-child {
  margin-right: 0;
}

.c-modal__body a {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.3125rem;
  gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-modal__body a {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-header .c-modal__body a {
  padding-bottom: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .p-header .c-modal__body a {
    font-size: clamp(10px, 3.081px + 0.901vw, 12px);
  }
}
@media screen and (min-width: 991px) {
  .p-header .c-modal__body a {
    font-size: 0.75rem;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
}

.c-modal__body a::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 0.125rem;
  width: 0.4375rem;
  height: 0.4375rem;
  background: url(../images/common/dec-green.svg) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .c-modal__body a::before {
    width: 7px;
    height: 7px;
  }
}

@media screen and (min-width: 991px) {
  .p-header .c-modal__body a::before {
    width: 7px;
    height: 7px;
    background: url(../images/common/doc.svg) no-repeat center center/cover;
  }
}

.c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.2222222222;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
}
@media screen and (min-width: 768px) {
  .c-sec-title__en {
    font-size: 3.5rem;
    line-height: 1.1607142857;
    letter-spacing: 0.04em;
    position: relative;
    z-index: 1;
  }
}

.c-sec-title__en span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.c-sec-title {
  display: inline-block;
  margin-top: 0.625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.04em;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding-inline: 0.46875rem;
}
@media screen and (min-width: 768px) {
  .c-sec-title {
    letter-spacing: 0.08em;
    margin-top: 1.5rem;
    padding-inline: 0.875rem 0.625rem;
    font-size: 1.125rem;
    line-height: 1.8333333333;
  }
}

.c-tab-list__bg {
  background-color: #fff;
}

.c-tab-list__bg--step {
  background-color: #f2f2f2;
}

.c-tab-list {
  max-width: 25rem;
  margin-inline: auto;
  width: 100%;
  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: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .c-tab-list {
    max-width: 40rem;
  }
}

.p-page-step__tab {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__tab {
    padding-inline: 0rem;
  }
}

.p-page-step__tab .c-tab-list {
  max-width: 31.25rem;
  padding-inline: 0rem;
  border: 1px solid #018A8A;
  padding-inline: 0rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__tab .c-tab-list {
    max-width: 50rem;
  }
}

.c-tab-list--people {
  margin-top: -1.5625rem;
}

.c-tab-list__tab-item {
  background: #fff;
  width: 12.5rem;
  text-align: center;
  font-size: 0.625rem;
  line-height: 3.3;
  letter-spacing: 0.04em;
  position: relative;
  color: #018989;
  cursor: pointer;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .c-tab-list__tab-item {
    width: 20rem;
    line-height: 4.375;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-page-step__tab .c-tab-list__tab-item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-page-step__tab .c-tab-list__tab-item {
    max-width: 25rem;
  }
}

.c-tab-list__tab-item.c-tab-list__tab-item--career {
  line-height: 4.1666666667;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .c-tab-list__tab-item.c-tab-list__tab-item--career {
    line-height: 3.8888888889;
    font-size: 1.125rem;
  }
}

.c-tab-list--people .c-tab-list__tab-item {
  line-height: 4;
  font-size: 0.625rem;
  border: 2px solid #000;
}
@media screen and (min-width: 768px) {
  .c-tab-list--people .c-tab-list__tab-item {
    line-height: 4.375;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.c-tab-list__tab-item.current {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}

.c-tab-list__tab-item span {
  color: inherit;
  z-index: 1;
  position: relative;
}

.c-tab-list__tab-item.current span {
  color: #fff;
}

.c-tab-list__tab-item.current::before {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.625rem;
  height: 0.75rem;
  background: url(../images/requirements/requirements-tab_sp.webp) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .c-tab-list__tab-item.current::before {
    width: 1.5625rem;
    height: 1.5625rem;
    bottom: -0.9375rem;
  }
}

.c-tab-list__bg .c-tab-list__tab-item.current::before {
  bottom: auto;
  bottom: initial;
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
  top: -0.6875rem;
}
@media screen and (min-width: 768px) {
  .c-tab-list__bg .c-tab-list__tab-item.current::before {
    top: -0.9375rem;
  }
}

.c-tab-list--people .c-tab-list__tab-item.current::before {
  background: url(../images/people/human-tab.webp) no-repeat center center/contain;
  width: 1.5625rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1.5625rem;
  z-index: 1;
  bottom: -0.9375rem;
  top: auto;
  top: initial;
}
@media screen and (min-width: 768px) {
  .c-tab-list--people .c-tab-list__tab-item.current::before {
    width: 1.5625rem;
    height: 1.5625rem;
    bottom: -1.25rem;
    background: url(../images/people/human-tab_pc.webp) no-repeat center center/contain;
  }
}

.c-tab-list__tab-link {
  display: block;
  width: 100%;
  color: inherit;
}

.c-tab-list__bg:has(.c-tab-list__tab-item.current[data-tab=mid-career]) {
  background-color: #E5E5E5;
}
@media screen and (min-width: 768px) {
  .c-tab-list__bg:has(.c-tab-list__tab-item.current[data-tab=mid-career]) {
    background-color: #F2F2F2;
  }
}

.c-tab-list__tab-item[data-tab=mid-career].current {
  background: -webkit-gradient(linear, left top, right top, from(#E5AC47), to(#E58E64));
  background: linear-gradient(to right, #E5AC47, #E58E64);
}

.c-tab-list__bg .c-tab-list__tab-item[data-tab=mid-career].current::before {
  background: url(../images/people/human-tab-orange.webp) no-repeat center center/contain;
  -webkit-transform: translateX(-50%) rotate(0);
          transform: translateX(-50%) rotate(0);
}

.c-tab-list__tab-item[data-tab=mid-career].current::before {
  background: url(../images/people/human-tab-orange.webp) no-repeat center center/contain;
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}

.c-title {
  font-size: 2.25rem;
  font-weight: bold;
  text-align: center;
}
.c-title::after {
  content: "";
  display: block;
  width: 6.25rem;
  height: 0.3125rem;
  margin: 1.25rem auto 0;
  background-color: black;
}

.c-under-title {
  margin-top: 0.625rem;
  background-color: #fff;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding-inline: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .c-under-title {
    margin-top: 0.875rem;
    font-size: 1.125rem;
    line-height: 1.8888888889;
    padding-inline: 0.6875rem;
  }
}

.c-under-title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-about__inner {
  position: relative;
  padding-left: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-about__inner {
    padding-left: 1.5625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-about__head {
    position: absolute;
    top: -2.1875rem;
    left: 0.9375rem;
    z-index: 1;
  }
}
@media screen and (min-width: 1240px) {
  .p-about__head {
    left: -0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-about__head .c-sec-title__en {
    width: 17.125rem;
    background-color: #fff;
  }
}

.p-about__list {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-inline: auto;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-about__list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0;
    gap: 2.5rem;
    max-width: 62.5rem;
  }
}

.p-about__item {
  width: 95.253164557%;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-about__item {
    max-width: 19.125rem;
  }
}

.p-about__item:hover {
  opacity: 1;
}

.p-about__item-img {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

.p-about__item:hover .p-about__item-img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.p-about__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 301/100;
}
@media screen and (min-width: 768px) {
  .p-about__item-img img {
    aspect-ratio: 306/306;
  }
}

.p-about__item-head {
  position: absolute;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 1;
  max-width: 15rem;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-about__item-head {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 1.875rem;
  }
}

.p-about__item:hover .p-about__item-head {
  background-color: #fff;
  color: #000;
}

.p-about__item-title {
  text-align: center;
  font-size: 1rem;
  line-height: 2.0625;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-about__item-title {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-career {
  background-color: #fff;
}

.l-career {
  padding-block: 1.875rem 0rem;
}
@media screen and (min-width: 768px) {
  .l-career {
    padding-block: 4.25rem 0rem;
  }
}

.p-career__inner {
  padding-inline: 1.71875rem;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-career__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    max-width: 50rem;
    padding: 0;
    padding-bottom: 5.625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-career__img {
    max-width: 22.5rem;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-career__img picture {
  width: 100%;
  height: 100%;
}

.p-career__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 320/231;
}
@media screen and (min-width: 768px) {
  .p-career__img img {
    height: auto;
    aspect-ratio: 360/220;
  }
}

.p-career__main {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-career__main {
    margin-top: 0rem;
  }
}

.p-career__title {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-career__title {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}

.p-career__title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-career__text {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-career__text {
    margin-top: 1.25rem;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.8571428571;
    letter-spacing: 0.04em;
    font-weight: 500;
  }
}

.p-career__body-haed {
  margin-top: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .p-career__body-haed {
    margin-top: 2.1875rem;
  }
}

.p-career__body-title {
  font-size: 1.125rem;
  line-height: 1.1111111111;
  font-weight: 500;
}

.p-career__body-title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-career__body-accordion {
  margin-top: 0.625rem;
}

.p-company-chronicle {
  background-color: #F2F2F2;
}

.l-company-chronicle {
  padding-top: 4.375rem;
  padding-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .l-company-chronicle {
    padding-top: 6.25rem;
    padding-bottom: 7.5rem;
  }
}

.p-company-chronicle__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-company-chronicle__head .c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.1666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-company-chronicle__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-company-chronicle__body {
  margin-top: 2.5rem;
  position: relative;
  max-width: 20.0625rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__body {
    max-width: 56.25rem;
  }
}

.p-company-chronicle__body::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 5rem;
  z-index: 1;
  width: 18px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#80B73F), to(#018A8A));
  background: linear-gradient(to bottom, #80B73F, #018A8A);
  background: url(../images/company/choronicke-boreder_sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__body::before {
    width: 1.125rem;
    left: clamp(178px, 50px + 16.667vw, 240px);
    height: 100%;
    background: url(../images/company/choronicke-boreder.webp) no-repeat center center/cover;
  }
}
@media screen and (min-width: 991px) {
  .p-company-chronicle__body::before {
    left: 15rem;
    height: 100%;
    background: url(../images/company/choronicke-boreder.webp) no-repeat center center/contain;
  }
}

.p-company-chronicle__list {
  position: relative;
  padding: 1.25rem 1.875rem 1.875rem 0rem;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__list {
    padding: 2.8125rem 1.25rem 3.3125rem 5.9375rem;
    padding-top: clamp(35px, 22.613px + 1.613vw, 41px);
  }
}

.p-company-chronicle__list::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-company-chronicle__list::after {
  background: #fff;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
}

.p-company-chronicle__item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.75rem;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__item {
    gap: 3rem;
  }
}

.p-company-chronicle__item:not(:first-child) {
  margin-top: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__item:not(:first-child) {
    margin-top: 1.25rem;
  }
}

.p-company-chronicle__year {
  font-size: 0.75rem;
  line-height: 1.1666666667;
  letter-spacing: 0.02em;
  font-weight: 700;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__year {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.7142857143;
    letter-spacing: 0.04em;
    font-weight: 500;
  }
}
@media screen and (min-width: 1240px) {
  .p-company-chronicle__year {
    font-size: 0.875rem;
  }
}

.p-company-chronicle__year span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-company-chronicle__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: right;
  max-width: 4.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__box {
    max-width: none;
    max-width: initial;
    width: auto;
    width: initial;
  }
}

.p-company-chronicle__month {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__month {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1240px) {
  .p-company-chronicle__month {
    line-height: 1.7142857143;
  }
}

.p-company-chronicle__text {
  margin-top: 1.75rem;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-company-chronicle__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 1240px) {
  .p-company-chronicle__text {
    line-height: 1.7142857143;
  }
}

.p-company-item {
  background-color: #F2F2F2;
  padding-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-company-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    gap: 2.25rem;
  }
}

.p-company-item:not(:first-child) {
  margin-top: 0.9375rem;
}

.p-company-item__head {
  padding-inline: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-company-item__head {
    padding-inline: 2.5rem 0;
    padding-block: 1.25rem 1rem;
  }
}

.p-company-item__title {
  font-size: 1rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-company-item__title {
    font-size: 1.5rem;
  }
}

.p-company-item__title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-company-item__2nd-title {
  text-align: justify;
  margin-top: 0.3125rem;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-company-item__2nd-title {
    margin-top: 0.625rem;
  }
}

.p-company-item__text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-company-item__text {
    letter-spacing: 0.04em;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-company-item__img {
  margin-top: 1.5625rem;
  width: 100%;
  height: 13.125rem;
}
@media screen and (min-width: 768px) {
  .p-company-item__img {
    margin-top: 0;
    max-width: 25rem;
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-company-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 320/210;
}
@media screen and (min-width: 768px) {
  .p-company-item__img img {
    aspect-ratio: 400/295;
  }
}

.p-company-overview {
  background-color: #F2F2F2;
}

.l-company-overview {
  margin-top: 5rem;
  padding-top: 4.6875rem;
}
@media screen and (min-width: 768px) {
  .l-company-overview {
    margin-top: 7.5rem;
    padding-top: 6.875rem;
  }
}

.p-company-overview__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-company-overview__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-company-overview__head .c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.1666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-company-overview__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-company-overview__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-company-overview__body {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-company-overview__body {
    margin-top: 2.5rem;
    max-width: 56.25rem;
    width: 100%;
    margin-inline: auto;
    background-color: #fff;
    padding-block: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-company-overview__list {
    max-width: 51.25rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-company-sites {
  background-color: #F2F2F2;
}

.l-company-sites {
  padding-top: 8.75rem;
}
@media screen and (min-width: 768px) {
  .l-company-sites {
    padding-top: 3.125rem;
  }
}

.p-company-sites__inner {
  padding-inline: 1.71875rem;
  padding-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-company-sites__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-company-sites__head .c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.1666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-company-sites__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-company-sites__head .c-sec-title {
  margin-top: 0.625rem;
}

@media screen and (min-width: 768px) {
  .p-company-sites__img {
    margin-top: 1.5625rem;
    width: 100%;
    max-width: 34.6875rem;
    margin-inline: auto;
  }
}

.p-company-sites__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 310/304;
}
@media screen and (min-width: 768px) {
  .p-company-sites__img img {
    aspect-ratio: 555/529;
  }
}

.p-company-sites__items {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-company-sites__items {
    max-width: 56.25rem;
    width: 100%;
    margin-top: 1.5625rem;
    margin-inline: auto;
  }
}

.p-site {
  background-color: #E6E6E6;
  padding: 0.9375rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.9375rem 2.5rem;
  }
}

.p-site:nth-child(2n) {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .p-site__head {
    width: 6.5625rem;
  }
}

.p-site__title {
  font-size: 0.75rem;
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-site__title {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-site__body {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-site__body {
    margin-top: 0;
  }
}

.p-site__text {
  font-size: 0.75rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-site__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-site__link {
  color: #018A8A;
  font-style: normal;
  font-style: initial;
}

.p-site__link span {
  position: relative;
}

.p-site__link span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #018A8A;
}

.p-site__link--icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
}

.p-site__link--icon::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 0.6875rem;
  height: 0.5625rem;
  background-image: url(../images/company/company-link.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .p-site__tel {
    pointer-events: none;
  }
}

.p-cta {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background-color: lightblue;
}

.p-cta__btn {
  margin-top: 1.875rem;
  text-align: center;
}

.p-entry {
  position: relative;
}

.l-entry {
  padding-block: 5rem;
  margin-top: -1.03125rem;
}
@media screen and (min-width: 768px) {
  .l-entry {
    margin-top: -2.1875rem;
    padding-top: 5.9375rem;
    padding-bottom: 5rem;
  }
}

.p-entry__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-entry__bg picture {
  height: 100%;
  width: 100%;
}

.p-entry__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 375/384;
}
@media screen and (min-width: 768px) {
  .p-entry__bg img {
    aspect-ratio: 1280/410;
  }
}

.p-entry__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .65);
}

.p-entry__inner {
  position: relative;
  text-align: center;
  z-index: 2;
}

.p-entry__title {
  letter-spacing: 0.15em;
  line-height: 1;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  color: #fff;
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .p-entry__title {
    font-size: 4rem;
  }
}

.p-entry__body {
  margin-top: 1.25rem;
}

.p-entry__text {
  color: #fff;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.45em;
  font-weight: 700;
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-entry__text {
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
}

.p-entry__btn {
  margin-top: 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-entry__btn {
    margin-top: 2.8125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.25rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-btn-white {
  color: #000;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 4.5714285714;
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 18.8125rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-btn-white {
    font-size: 1.25rem;
    max-width: 20rem;
    line-height: 4;
    padding-left: 2.5rem;
    text-align: left;
  }
}

.c-btn-white:hover {
  opacity: 0.7;
}

.c-btn-white::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6.25rem;
  z-index: -1;
}

.c-btn-white--mid::before {
  background: -webkit-gradient(linear, left top, right top, from(#E5AC47), to(#E58E64));
  background: linear-gradient(to right, #E5AC47, #E58E64);
}

.c-btn-white::after {
  background: #fff;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 6.25rem;
  z-index: -1;
}

.c-btn-white span {
  position: relative;
  z-index: 1;
}

.c-btn-white span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3.125rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.875rem;
  height: 0.875rem;
  background: url(../images/common/icon-right-black.svg) no-repeat center center/cover;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-btn-white span::after {
    width: 1.25rem;
    right: -4.6875rem;
    height: 1.25rem;
    background: url(../images/common/icon-right-black.svg) no-repeat center center/contain;
  }
}

.c-btn-white:hover span::after {
  -webkit-transform: translate(0.3125rem, -50%);
          transform: translate(0.3125rem, -50%);
}

.p-entry__btn.is-mid .c-btn-white {
  color: #fff;
}

.p-entry__btn.is-mid .c-btn-white::after {
  display: none;
}

.p-entry__btn.is-mid .c-btn-white span::after {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: invert(1);
          filter: invert(1);
}

.p-environment {
  background-color: #E2EEE7;
}

.l-environment {
  padding-block: 3.125rem 4.0625rem;
}
@media screen and (min-width: 768px) {
  .l-environment {
    padding-block: 5.75rem 8rem;
  }
}

.p-environment__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-environment__inner {
    max-width: 68.25rem;
  }
}

.p-environment__head .c-sec-title__en {
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .p-environment__head .c-sec-title__en {
    letter-spacing: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-environment__head .c-sec-title {
    margin-top: 0.625rem;
  }
}

.p-environment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 18.8125rem;
  margin-inline: auto;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-environment__list {
    margin-top: 2.5rem;
    gap: 1.25rem;
    max-width: 65.125rem;
    margin-inline: 0;
  }
}

.p-environment__item {
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 9.0625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-environment__item {
    max-width: 15.3125rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-environment__item a {
  display: block;
  height: 100%;
  width: 100%;
  padding-block: 1.5625rem 2.0625rem;
}
@media screen and (min-width: 768px) {
  .p-environment__item a {
    padding-block: 1.875rem 2.625rem;
  }
}

.p-environment__item:nth-child(3) a,
.p-environment__item:nth-child(4) a {
  padding-block: 0.1875rem 3.4375rem;
}
@media screen and (min-width: 768px) {
  .p-environment__item:nth-child(3) a,
  .p-environment__item:nth-child(4) a {
    padding-block: 1.875rem 2.625rem;
  }
}

.p-environment__item-img {
  width: 100%;
  max-width: 8.0625rem;
  height: 6.4375rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .p-environment__item-img {
    max-width: 13.0625rem;
    height: 10.375rem;
  }
}

.p-environment__item-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 93/90;
  max-width: 5.8125rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-environment__item-img img {
    aspect-ratio: 149/145;
    max-width: 9.3125rem;
  }
}

.p-environment__item-img--career img {
  aspect-ratio: 93/103;
  max-width: 5.125rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-environment__item-img--career img {
    aspect-ratio: 133/166;
    max-width: 8.3125rem;
  }
}

.p-environment__item-img--questionnaire img {
  aspect-ratio: 104/69;
  max-width: 6.5rem;
}
@media screen and (min-width: 768px) {
  .p-environment__item-img--questionnaire img {
    aspect-ratio: 169/111;
    max-width: 10.5625rem;
  }
}

.p-environment__item-img--faq img {
  aspect-ratio: 46/73;
  max-width: 2.875rem;
}
@media screen and (min-width: 768px) {
  .p-environment__item-img--faq img {
    aspect-ratio: 75/118;
    max-width: 4.6875rem;
  }
}

.p-environment__item-head {
  margin-top: 0.6875rem;
  width: 100%;
  margin-inline: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-environment__item-head {
    text-align: left;
    max-width: 11.8125rem;
    margin-top: 1.625rem;
  }
}

.p-environment__item-title {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-environment__item-title {
    font-size: 1.125rem;
  }
}

.p-environment__item-text {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-environment__item-text {
    margin-top: 0.625rem;
    max-width: 11.8125rem;
    padding-left: 0.3125rem;
    margin-inline: auto;
    width: 100%;
    display: block;
  }
}

.p-environment__item-text p {
  font-size: 0.75rem;
  line-height: 2;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-environment__item-text p {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-faq {
  background-color: #fff;
}

.l-faq {
  padding-top: 4.375rem;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .l-faq {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 768px) {
  .l-faq--last {
    padding-bottom: 6.25rem;
  }
}

.p-faq__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-faq__inner {
    padding-inline: 1.5625rem;
    max-width: 71.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-faq__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.8125rem;
  }
}

.p-faq__head {
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-faq__head {
    width: 100%;
    max-width: 13.1875rem;
    text-align: left;
  }
}

.p-faq__head::before {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-faq__head::before {
    top: 2.1875rem;
  }
}

.p-faq__head-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7222222222;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-faq__head-title {
    font-size: 1.25rem;
  }
}

.p-faq__body {
  padding-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-faq__body {
    padding-top: 2.1875rem;
    width: 100%;
  }
}

.p-faq__link {
  color: #018A8A;
}

.p-faq__details {
  position: relative;
  overflow: hidden;
}

.p-faq__details:not(:first-child) {
  margin-top: 0.1875rem;
}

.p-faq__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-faq__summary {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #E2EEE7;
  }
}

.p-faq__summary::before {
  content: "";
  position: absolute;
  top: 1.0625rem;
  right: 0.9375rem;
  width: 1.375rem;
  height: 1.375rem;
  background: url(../images/faq/ico_arrow_down.svg) no-repeat center center/cover;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-faq__summary::before {
    width: 1.9375rem;
    height: 1.9375rem;
    top: 50%;
    right: 1.4375rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.p-faq__details[open] .p-faq__summary::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(../images/faq/ico_arrow_up.svg) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-faq__details[open] .p-faq__summary::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
}

.p-faq__summary-icon {
  text-align: center;
  padding-block: 0.9375rem 1.375rem;
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  display: inline-block;
  width: 4.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #E2EEE7;
}
@media screen and (min-width: 768px) {
  .p-faq__summary-icon {
    font-size: 1.5rem;
    padding-block: 1.6875rem 1.375rem;
    width: 6.375rem;
  }
}

.p-faq__summary-text {
  text-align: justify;
  padding-block: 0.75rem 0.75rem;
  padding-inline: 0.9375rem 3.4375rem;
  background-color: #F2F2F2;
  display: block;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-faq__summary-text {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6666666667;
    padding-block: 1.875rem 1.5625rem;
    padding-inline: 1.875rem 5.625rem;
  }
}

.p-faq__answer {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-inline: 1.3125rem 0.9375rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding-bottom: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-faq__answer {
    padding-bottom: 1.875rem;
    padding-inline: 8.125rem 5rem;
  }
}

.p-faq__answer.is-active {
  padding-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-faq__answer.is-active {
    padding-top: 0.9375rem;
  }
}

.p-faq__answer-text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-faq__answer-text {
    line-height: 1.8571428571;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-footer {
  background-color: #F6F6F6;
}

.p-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-block: 2.8125rem 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-footer__inner {
    max-width: 73.375rem;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4.375rem;
    padding-block: 3.4375rem 0.625rem;
  }
}

.p-footer__head {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-footer__head {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    max-width: 18rem;
    width: 100%;
    margin-top: 0;
  }
}

.p-footer__logo {
  width: 100%;
  max-width: 15.3125rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-footer__logo {
    max-width: 18rem;
    margin-inline: initial;
  }
}

.p-footer__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 245/42;
}
@media screen and (min-width: 768px) {
  .p-footer__logo img {
    aspect-ratio: 288/50;
  }
}

.p-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 19.75rem;
  width: 100%;
  margin-inline: auto;
  -webkit-transform: translateX(0.625rem);
          transform: translateX(0.625rem);
  margin-top: 1.25rem;
  gap: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .p-footer__list {
    margin-top: 8.4375rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0rem;
  }
}

.p-footer__link {
  margin-top: 1.25rem;
  max-width: 8.375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-footer__link {
    margin-top: 0.625rem;
    max-width: none;
    max-width: initial;
    width: auto;
    width: initial;
    margin-inline: initial;
  }
}

.p-footer__link-margin {
  margin-top: -0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-footer__link-margin {
    margin-top: 0;
  }
}

.p-footer__link a {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-footer__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-footer__link a::before {
  content: "";
  width: 100%;
  height: 1px;
  margin-top: 2px;
  width: 0.4375rem;
  height: 0.4375rem;
  background: url(../images/common/dec-green.svg) no-repeat center center/cover;
  display: block;
}

@media screen and (min-width: 768px) {
  .p-footer__body {
    width: 100%;
  }
}

.p-footer__nav {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-footer__nav {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}

.p-footer__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 20.25rem;
  width: 100%;
  margin-inline: auto;
  row-gap: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-footer__items {
    margin-inline: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: none;
    max-width: initial;
    gap: 0.3125rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-footer__item {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-footer__item {
    position: static;
  }
}

.p-footer__item:hover {
  cursor: pointer;
}

.p-footer__item::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background: url(../images/common/circle-open.svg) no-repeat center center/cover;
  position: absolute;
  top: 0.625rem;
  right: 0;
  -webkit-transition: background 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background 0.3s ease-in-out, transform 0.5s ease-in-out;
  transition: background 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .p-footer__item::after {
    display: none;
  }
}

.p-footer__item:hover::after {
  background: url(../images/common/circle.svg) no-repeat center center/cover;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.p-footer__item > a {
  pointer-events: none;
  cursor: pointer;
  display: none;
  font-size: 0.75rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-footer__item > a {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-footer__item > a:hover {
  opacity: 1;
}

.p-footer__item span {
  position: relative;
}

.p-footer__item span:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 100%;
  height: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  position: absolute;
  bottom: -0.625rem;
  left: 0;
}

.p-footer__item:hover span::after {
  height: 0.1875rem;
}

.p-footer__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .p-footer__contact {
    gap: 2.0625rem;
    margin-top: 0;
  }
}

.p-footer__contact .c-modal__item-title {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-footer__contact .c-modal__item-title {
    display: block;
  }
}

.p-footer__item-flex {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-footer__item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-footer__item-link {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-footer__item-link {
    margin-inline: initial;
  }
}

.p-footer__item-link > a {
  color: #fff;
  width: 11.875rem;
  font-weight: 700;
  display: inline-block;
  line-height: 3.2142857143;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  z-index: 1;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-footer__item-link > a {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    line-height: 3.25;
    border-radius: 1.875rem;
    width: 100%;
    max-width: 9.6875rem;
    padding-inline: 0.625rem;
  }
}

.p-footer__item-link > a:hover {
  opacity: 0.7;
}

.p-footer__item-link a::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1.25rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-footer__item-link a::before {
    border-radius: 1.875rem;
  }
}

.p-footer__item-link.p-footer__item-link--mid a::before {
  background: -webkit-gradient(linear, left top, right top, from(#E5AC47), to(#E58E64));
  background: linear-gradient(to right, #E5AC47, #E58E64);
}

.p-footer__item-link.p-footer__item-link--black {
  border: 1px solid #000;
  border-radius: 1.25rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-footer__item-link.p-footer__item-link--black {
    min-width: 8.9375rem;
    border-radius: 1.875rem;
  }
}

.p-footer__item-link.p-footer__item-link--black span {
  color: #000;
  background: none;
  background-clip: border-box;
  background-clip: initial;
  -webkit-background-clip: initial;
}

.p-footer__item-link.p-footer__item-link--black a::before {
  display: none;
}

.p-footer__item-list {
  height: 8.8125rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 1;
  padding-left: 8.75rem;
}

.p-footer__item-list::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p-footer__foot {
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footer__foot {
    height: auto;
    height: initial;
  }
}

.p-footer__foot-img {
  max-width: 11.375rem;
  width: 100%;
  margin-top: 0.3125rem;
  margin-inline: auto;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-footer__foot-img {
    margin-top: 1.5625rem;
  }
}

.p-footer__foot-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 182/45;
}

.p-footer__copyright {
  font-size: 0.5rem;
  line-height: 2.75;
}
@media screen and (min-width: 768px) {
  .p-footer__copyright {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    line-height: 2.6666666667;
  }
}

.p-fv-under {
  height: 100svh;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-fv-under {
    height: 30rem;
  }
}

@media screen and (min-width: 768px) {
  .p-fv-under--project {
    height: 100vh;
  }
}

.p-fv-under__img {
  height: inherit;
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-fv-under__img {
    padding-top: 0;
  }
}

.p-fv-under--step .p-fv-under__img {
  padding-top: 0;
}

.p-fv-under__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.p-fv-under--project .p-fv-under__img::after {
  display: none;
}

.p-fv-under__img picture {
  width: 100%;
  height: 100%;
}

.p-fv-under__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 375/559;
}
@media screen and (min-width: 768px) {
  .p-fv-under__img img {
    aspect-ratio: 1280/480;
  }
}

.p-fv-under--step .p-fv-under__img img {
  aspect-ratio: 375/595;
}
@media screen and (min-width: 768px) {
  .p-fv-under--step .p-fv-under__img img {
    aspect-ratio: 1280/480;
  }
}

@media screen and (min-width: 768px) {
  .p-fv-under__img--project .p-fv-under__img img {
    aspect-ratio: 1280/680;
  }
}

.p-fv-under__img--project02 img {
  -o-object-position: 93% 0%;
     object-position: 93% 0%;
}
@media screen and (min-width: 768px) {
  .p-fv-under__img--project02 img {
    -o-object-position: initial;
       object-position: initial;
  }
}

.p-fv-under__img--project03 img {
  -o-object-position: 78% 0%;
     object-position: 78% 0%;
}
@media screen and (min-width: 768px) {
  .p-fv-under__img--project03 img {
    -o-object-position: initial;
       object-position: initial;
  }
}

.p-fv-under__img--project04 img {
  -o-object-position: 75% 0%;
     object-position: 75% 0%;
}
@media screen and (min-width: 768px) {
  .p-fv-under__img--project04 img {
    -o-object-position: initial;
       object-position: initial;
  }
}

.p-fv-under__head {
  position: absolute;
  z-index: 2;
  padding-left: 1.5625rem;
  top: 7.6875rem;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-fv-under__head {
    padding-left: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-68%, -12%);
            transform: translate(-68%, -12%);
    width: 100%;
    max-width: 47.8125rem;
  }
}

.c-under-title__en {
  font-size: 2.625rem;
  line-height: 1.0476190476;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-under-title__en {
    font-size: 3.5rem;
    line-height: 1;
    letter-spacing: -0.01em;
  }
}

.p-fv-under__box {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  width: 88%;
  padding: 2.1875rem 1.5625rem 2.1875rem;
  margin-top: -10.3125rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box {
    width: 42.1875%;
    margin-top: 0;
    position: absolute;
    top: 57%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 3.75rem 3.75rem 3.75rem;
  }
}

.p-fv-under__box-head {
  max-width: 18.75rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box-head {
    max-width: 22.5rem;
    -webkit-transform: translateX(1.875rem);
            transform: translateX(1.875rem);
  }
}

.p-fv-under__box-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #fff;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box-title {
    font-size: 2.625rem;
  }
}

.p-fv-under__box-num {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box-num {
    font-size: 1.5rem;
  }
}

.p-fv-under__box-main {
  margin-top: 0.9375rem;
  padding-left: 1.25rem;
  max-width: 17.5rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box-main {
    margin-top: 1.5625rem;
    padding-left: 0.625rem;
  }
}

.p-fv-under__box-text {
  font-size: 1.25rem;
  line-height: 1.75;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box-text {
    line-height: 1.7272727273;
    font-size: 1.375rem;
  }
}

.p-fv-under__box-text2 {
  font-size: 0.75rem;
  line-height: 1.8333333333;
  color: #fff;
  letter-spacing: 0.04em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-fv-under__box-text2 {
    margin-top: 1.1875rem;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-fv {
  height: 100svh;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-fv {
    height: 100vh;
  }
}

.p-fv__inner {
  height: inherit;
}

.p-fv__swiper {
  height: inherit;
}

.p-fv__swiper-wrapper {
  height: inherit;
}

.p-fv__swiper-slide picture {
  height: inherit;
}

.p-fv__swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-fv__head {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-fv__head {
    bottom: 0.9375rem;
    left: 2.625rem;
  }
}

.p-fv__title {
  font-size: 2.5rem;
  line-height: 1.35;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-fv__title {
    line-height: 1.2;
    font-size: 4.125rem;
  }
}

.p-header {
  height: 2.8125rem;
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .p-header {
    height: 80px;
  }
}

.p-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-inline: 0.9375rem 0rem;
}
@media screen and (min-width: 768px) {
  .p-header__inner {
    padding-inline: 2.375rem 0rem;
  }
}
@media screen and (min-width: 991px) {
  .p-header__inner {
    padding-inline: 2.375rem 1.875rem;
  }
}

.p-header__title {
  position: relative;
  z-index: 200;
  max-width: 10.75rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-header__title {
    max-width: 18.25rem;
  }
}

.p-header__title a {
  display: block;
}

.p-header__title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 172/21;
}
@media screen and (min-width: 768px) {
  .p-header__title img {
    aspect-ratio: 292/36;
  }
}

.p-header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.8125rem;
  height: 2.8125rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  cursor: pointer;
  position: relative;
  z-index: 200;
}
@media screen and (min-width: 768px) {
  .p-header__btn {
    width: 80px;
    height: 80px;
  }
}
@media screen and (min-width: 991px) {
  .p-header__btn {
    display: none;
  }
}

.p-header__btn:hover {
  opacity: 1;
}

.p-header__btn.is-active {
  opacity: 1;
}

.p-header__btn span {
  display: block;
  width: 1.125rem;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-header__btn span {
    width: 31px;
  }
}

.p-header__btn span:nth-child(2) {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-header__btn span:nth-child(2) {
    margin-top: 8px;
  }
}

.p-header__btn.is-active span:first-child {
  -webkit-transform: translateY(0.125rem) rotate(45deg);
          transform: translateY(0.125rem) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .p-header__btn.is-active span:first-child {
    -webkit-transform: translateY(4px) rotate(45deg);
            transform: translateY(4px) rotate(45deg);
  }
}
.p-header__btn.is-active span:last-child {
  -webkit-transform: translateY(-0.1875rem) rotate(-45deg);
          transform: translateY(-0.1875rem) rotate(-45deg);
}
@media screen and (min-width: 768px) {
  .p-header__btn.is-active span:last-child {
    -webkit-transform: translateY(-4px) rotate(-45deg);
            transform: translateY(-4px) rotate(-45deg);
  }
}

.p-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  opacity: 0;
  top: 2.8125rem;
  left: 0;
  background-color: #E2EEE7;
  padding-block: 2rem 2.1875rem;
  display: none;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .p-header__nav {
    height: 405px;
    top: 80px;
    padding-block: 0;
    overflow: visible;
    overflow: initial;
  }
}
@media screen and (min-width: 991px) {
  .p-header__nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 46.625rem;
    position: static;
    opacity: 1 !important;
    background-color: transparent;
    height: inherit;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: visible !important;
  }
}

.p-header__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 20.25rem;
  width: 100%;
  margin-inline: auto;
  row-gap: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-header__items {
    margin-inline: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: none;
    max-width: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-block: clamp(40px, 5.405px + 4.505vw, 50px);
    padding-inline: clamp(35px, 0.405px + 4.505vw, 45px);
    -webkit-column-gap: clamp(30px, -4.595px + 4.505vw, 40px);
       -moz-column-gap: clamp(30px, -4.595px + 4.505vw, 40px);
            column-gap: clamp(30px, -4.595px + 4.505vw, 40px);
    row-gap: 0rem;
  }
}
@media screen and (min-width: 991px) {
  .p-header__items {
    display: contents;
  }
}

.p-header__item {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-header__item {
    position: static;
  }
}
@media screen and (min-width: 991px) {
  .p-header__item {
    height: 100%;
    padding-inline: 0.625rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-header__item:hover {
  cursor: pointer;
}

.p-header__item::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background: url(../images/common/circle-open.svg) no-repeat center center/cover;
  position: absolute;
  top: 0.625rem;
  right: 0;
  -webkit-transition: background 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: background 0.3s ease-in-out, transform 0.5s ease-in-out;
  transition: background 0.3s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .p-header__item::after {
    display: none;
  }
}

.p-header__item:hover::after {
  background: url(../images/common/circle.svg) no-repeat center center/cover;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
@media screen and (min-width: 991px) {
  .p-header__item:hover::after {
    display: none;
  }
}

.p-header__item > a {
  pointer-events: none;
  cursor: pointer;
  display: none;
  font-size: 0.75rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-header__item > a {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}
@media screen and (min-width: 991px) {
  .p-header__item > a {
    display: inline-block;
    font-size: 0.75rem;
  }
}

.p-header__item > a:hover {
  opacity: 1;
}

.p-header__item span {
  position: relative;
}

.p-header__item span:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  width: 100%;
  height: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  position: absolute;
  bottom: -0.625rem;
  left: 0;
}

.p-header__item:hover span::after {
  height: 0.1875rem;
}

@media screen and (min-width: 991px) {
  .p-header__item:nth-of-type(5) {
    padding-right: 1.25rem;
  }
}

.p-header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4375rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.4375rem;
  padding-bottom: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-header__contact {
    gap: 0.9375rem;
    margin-top: 1.5625rem;
    padding-bottom: 0rem;
  }
}
@media screen and (min-width: 991px) {
  .p-header__contact {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0;
  }
}

.p-header__contact .c-modal__item-title {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header__contact .c-modal__item-title {
    display: block;
  }
}
@media screen and (min-width: 991px) {
  .p-header__contact .c-modal__item-title {
    display: none;
  }
}

.p-header__item-flex {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-header__item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
  }
}
@media screen and (min-width: 991px) {
  .p-header__item-flex {
    display: contents;
  }
}

.p-header__item-link {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-header__item-link {
    margin-inline: initial;
  }
}

.p-header__item-link > a {
  color: #fff;
  width: 9.875rem;
  font-weight: 700;
  display: inline-block;
  line-height: 3.1666666667;
  border-radius: 0.9375rem;
  font-size: 0.75rem;
  z-index: 1;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-header__item-link > a {
    font-size: clamp(10px, 3.081px + 0.901vw, 12px);
    line-height: 2.75;
    border-radius: 1.875rem;
    width: 143px;
  }
}
@media screen and (min-width: 991px) {
  .p-header__item-link > a {
    font-size: 0.75rem;
    width: 8.9375rem;
  }
}

.p-header__item-link > a:hover {
  opacity: 0.7;
}

.p-header__item-link a::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.9375rem;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-header__item-link a::before {
    border-radius: 1.875rem;
  }
}

.p-header__item-link.p-header__item-link--mid a::before {
  background: -webkit-gradient(linear, left top, right top, from(#E5AC47), to(#E58E64));
  background: linear-gradient(to right, #E5AC47, #E58E64);
}

.p-header__item-link.p-header__item-link--black {
  border: 1px solid #000;
  border-radius: 1.0625rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-header__item-link.p-header__item-link--black {
    display: none;
  }
}

.p-header__item-link.p-header__item-link--black span {
  color: #000;
  background: none;
  background-clip: border-box;
  background-clip: initial;
  -webkit-background-clip: initial;
}

.p-header__item-link.p-header__item-link--black a::before {
  display: none;
}

.p-header__item-list {
  height: 8.8125rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 1;
  padding-left: 8.75rem;
}

.p-header__item-list::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p-hinata {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background-color: lightyellow;
}

.p-hinata__img {
  margin-top: 1.875rem;
}

.p-hinata__btn {
  margin-top: 1.875rem;
  text-align: center;
}

.p-model {
  background-color: #F2F2F2;
  padding-block: 4.0625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-model {
    padding-block: 5rem;
  }
}

.p-model::before {
  content: "";
  background: url(../images/common/sec-top.webp) no-repeat center center/cover;
  width: 2.375rem;
  height: 1.5625rem;
  position: absolute;
  top: -1.5625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-model::before {
    top: -2.8125rem;
    width: 3.25rem;
    height: 2.8125rem;
  }
}

.p-model__inner {
  padding-inline: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-model__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-model__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-model__text {
  margin-top: 1.875rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-model__text {
    font-size: 1.875rem;
  }
}

.p-model__contents {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-model__contents::before {
    content: "";
    background: #80B73F;
    width: 2px;
    height: 44.875rem;
    position: absolute;
    top: 3.4375rem;
    left: 3.625rem;
  }
}

.p-model__body {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-model__body {
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5625rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.p-model__body:not(:first-child) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-model__body:not(:first-child) {
    margin-top: 0rem;
  }
}

.p-model__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-model__year {
  position: relative;
  width: 4.1875rem;
  height: 4.1875rem;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-model__year {
    width: 7.5rem;
    height: 7.5rem;
  }
}

.p-model__year::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 62.4375rem;
}

.p-model__year::after {
  background: #fff;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 62.4375rem;
}

.p-model__year:has(.p-model__year-text--min)::after {
  display: none;
}

.p-model__year-text {
  font-size: 1.375rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 500;
  -webkit-transform: translateY(-0.125rem);
          transform: translateY(-0.125rem);
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-model__year-text {
    font-size: 2.5rem;
    -webkit-transform: translateY(-0.125rem);
            transform: translateY(-0.125rem);
  }
}

.p-model__year-text {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-model__year-text.p-model__year-text--min {
  font-size: 1.125rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-model__year-text.p-model__year-text--min {
    font-size: 1.625rem;
  }
}

.p-model__year-text span {
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-model__year-text span {
    font-size: 1.25rem;
  }
}

.p-model__body-title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-model__body-title {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}

.p-model__body-box {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-model__body-box {
    margin-top: 3.125rem;
    width: 100%;
  }
}

.p-model__body-list {
  background-color: #fff;
  padding: 1.25rem 1.875rem 1.25rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-model__body-list {
    width: 100%;
    margin-top: 1.25rem;
    padding: 1.5rem 2.1875rem 1.375rem 2.1875rem;
  }
}

.p-model__body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.625rem;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-model__body-item {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.625;
  }
}

.p-model__body-item:not(:first-child) {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-model__body-item:not(:first-child) {
    margin-top: 0.625rem;
  }
}

.p-model__body-item::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 62.4375rem;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: translateY(-0.1875rem);
          transform: translateY(-0.1875rem);
}

.p-more {
  background-color: #fff;
  margin-top: -1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-more {
    margin-top: -2.1875rem;
  }
}

.p-more--technology {
  margin-top: 5rem;
  background-color: #fff;
}

.p-more--welfare {
  background-color: #fff;
  margin-top: 0;
}

.p-more--faq {
  background-color: #fff;
  margin-top: 0;
}

.l-more {
  padding-block: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .l-more {
    padding-block: 6.25rem;
  }
}

.p-more__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-more__inner {
    max-width: 68.125rem;
    padding-inline: 1.5625rem;
  }
}

.p-more__title {
  font-size: 2.25rem;
  line-height: 1.1944444444;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-more__title {
    font-size: 2.5rem;
    line-height: 1.75;
  }
}

.p-more__title::before {
  content: "";
  display: inline-block;
  width: 2.8125rem;
  height: 0.125rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-more__title::before {
    width: 5rem;
  }
}

.p-more__title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-more__body {
  margin-top: 1.875rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-more__body {
    max-width: none;
    max-width: initial;
  }
}

.p-more__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-more__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.25rem;
  }
}

.p-more__item {
  width: 100%;
  height: 100%;
}

.p-more__item a {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.p-more__item a:hover {
  opacity: 1;
}

.p-more__item a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25);
  z-index: 1;
}

.p-more__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 144/130.5;
  position: relative;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-more__item img {
    aspect-ratio: 245/222;
  }
}

.p-more__item a:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.p-more__item-title {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.04em;
  color: #fff;
  border: 1px solid #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  width: 7.5rem;
}
@media screen and (min-width: 768px) {
  .p-more__item-title {
    bottom: 1.875rem;
    width: 9.375rem;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 2.0625;
  }
}

.p-more__item-title.p-more__item-title--more {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-more__item-title.p-more__item-title--more {
    width: 10.625rem;
    font-size: 1rem;
  }
}

.p-more__item a:hover .p-more__item-title {
  background-color: #fff;
  color: #000;
}

.p-more__text-box {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-more__text-box {
    margin-top: 0.625rem;
  }
}

.p-more__text {
  font-size: 0.75rem;
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-more__text {
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}

.l-our-strength {
  padding-top: 2.5rem;
  background-color: #e6e6e6;
}
@media screen and (min-width: 768px) {
  .l-our-strength {
    padding-bottom: 2.1875rem;
  }
}

.p-our-strength__inner {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .p-our-strength__inner {
    max-width: none;
    max-width: initial;
  }
}

.p-our-strength__head {
  text-align: center;
  position: relative;
  padding-block: 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__head {
    padding-block: 2.5rem;
  }
}

.p-our-strength__head::before {
  content: "";
  position: absolute;
  width: 20.9375rem;
  height: 10.9375rem;
  background: url(../images/business/our-strength_sp.webp) no-repeat center center/contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .p-our-strength__head::before {
    width: 57.1875rem;
    height: 8rem;
    background: url(../images/business/our-strength.webp) no-repeat center center/cover;
  }
}

.p-our-strength__title-en {
  display: none;
}

.p-our-strength__title {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 2.3529411765;
  letter-spacing: 0.04em;
  color: #fff;
  width: 19.375rem;
  margin-inline: auto;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  border-radius: 1.4375rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-our-strength__title {
    font-size: 1.5rem;
    width: 29.375rem;
    line-height: 1.9166666667;
  }
}

.p-our-strength__body {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__body {
    margin-top: 2.5rem;
  }
}

.p-our-strength__swiper {
  padding-bottom: 5.9375rem;
  position: relative;
}

.p-our-strength__slide {
  -webkit-box-shadow: 5px 5px 5px rgba(21, 84, 0, .25);
          box-shadow: 5px 5px 5px rgba(21, 84, 0, .25);
  border-radius: 0.5rem;
  padding: 3.75rem 1.375rem 1.6875rem;
  background-color: #fff;
  position: relative;
  height: 43.75rem;
}
@media screen and (min-width: 540px) {
  .p-our-strength__slide {
    height: 40.625rem;
  }
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide {
    padding: 5.625rem 1.5625rem 3.125rem 3.75rem;
    height: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.875rem;
    height: 28.75rem;
    max-width: 50rem;
  }
}

.p-our-strength__slide::before {
  content: "#01";
  position: absolute;
  top: 0.0625rem;
  left: 0.75rem;
  font-size: 4.375rem;
  font-family: "Oswald", sans-serif;
  letter-spacing: -0.01em;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide::before {
    font-size: 4.6875rem;
    top: 1.4375rem;
    left: 2.9375rem;
  }
}

.p-our-strength__slide--02::before {
  content: "#02";
}

.p-our-strength__slide--03::before {
  content: "#03";
}

.p-our-strength__slide--04::before {
  content: "#04";
}

.p-our-strength__slide--05::before {
  content: "#05";
}

.p-our-strength__img {
  width: 100%;
  height: 17.25rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__img {
    height: 100%;
    width: 18.75rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-our-strength__img img {
  width: 100%;
  aspect-ratio: 273/276;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-our-strength__img img {
    aspect-ratio: 300/306;
    height: auto;
  }
}

.p-our-strength__slide-title {
  font-size: 1rem;
  line-height: 1.8125;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide-title {
    font-size: 1.125rem;
    line-height: 1.6111111111;
  }
}

.p-our-strength__slide-title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-our-strength__slide-text {
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.04em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide-text {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 2;
    margin-top: 0.9375rem;
  }
}

.p-our-strength__slide-btn {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide-btn {
    text-align: left;
    margin-top: 0.9375rem;
  }
}

.p-our-strength__slide-btn .c-btn {
  line-height: 3.5714285714;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  width: 100%;
  max-width: 17.0625rem;
  border-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide-btn .c-btn {
    max-width: 18.75rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-our-strength__slide-body {
  margin-top: 1.5625rem;
  max-height: 19.5rem;
}
.p-our-strength__slide-body.simplebar-scrollable-y {
  padding-right: 0.9375rem;
  overflow-y: scroll !important;
  /* スクロールバーのスタイリング */
  scrollbar-width: thin;
  /* Firefox用 */
  scrollbar-color: rgba(0, 0, 0, .3) transparent;
  /* Firefox用 */
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide-body {
    width: 100%;
    max-width: 21.9375rem;
    margin-top: 0;
  }
}

.p-our-strength__slide--04 .p-our-strength__slide-body,
.p-our-strength__slide--05 .p-our-strength__slide-body {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__slide--04 .p-our-strength__slide-body,
  .p-our-strength__slide--05 .p-our-strength__slide-body {
    margin-top: 0;
  }
}

.p-our-strength__figure {
  width: 100%;
  height: 15rem;
}
@media screen and (min-width: 768px) {
  .p-our-strength__figure {
    height: 100%;
    max-width: 18.75rem;
  }
}
@media screen and (min-width: 991px) {
  .p-our-strength__figure {
    width: 100vw;
    height: 19.125rem;
  }
}

.p-our-strength__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 273/240;
}
@media screen and (min-width: 768px) {
  .p-our-strength__figure img {
    height: auto;
    aspect-ratio: 300/264;
  }
}

.p-our-strength__caption {
  margin-top: 1.5625rem;
  font-size: 0.625rem;
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-our-strength__caption {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.swiper-button-prev.p-our-strength__button-prev,
.swiper-button-next.p-our-strength__button-next {
  background: url(../images/business/arrow.svg) no-repeat center center/cover;
  width: 2.975rem;
  height: 2.975rem;
  z-index: 1;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: auto;
  top: initial;
  bottom: 1.4375rem;
  left: 6.25rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev.p-our-strength__button-prev,
  .swiper-button-next.p-our-strength__button-next {
    width: 4.25rem;
    height: 4.25rem;
    bottom: auto;
    bottom: initial;
    top: 44%;
    left: -2.1875rem;
  }
}

.swiper-button-next.p-our-strength__button-next {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  right: 6.25rem;
  left: auto;
  left: initial;
}
@media screen and (min-width: 768px) {
  .swiper-button-next.p-our-strength__button-next {
    right: -2.1875rem;
  }
}

.swiper-button-next.p-our-strength__button-next:hover,
.swiper-button-prev.p-our-strength__button-prev:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .p-our-strength__button {
    max-width: 50rem;
    width: 100%;
    margin-inline: auto;
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
  }
}

.p-overview {
  background-color: #fff;
  padding: 1.25rem 1.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-overview {
    padding: 0.9375rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .p-overview:first-child {
    padding-block: 0 0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-overview:last-child {
    padding-block: 0.9375rem 0;
  }
}

.p-overview:not(:last-child)::after {
  content: "";
  width: 85.3125%;
  height: 1px;
  background-color: #B3B3B3;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-overview:not(:last-child)::after {
    width: 100%;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}

.p-overview__title {
  font-size: 0.75rem;
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-overview__title {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    width: 6.5rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-overview__text {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-overview__text {
    margin-top: 0;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-overview__text address {
  font-style: normal;
}

.p-overview__link {
  color: #018A8A;
  font-style: normal;
  font-style: initial;
}

.p-overview__link-none {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-overview__link-none {
    display: inline;
  }
}

.p-overview__link span {
  position: relative;
}

.p-overview__link span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #018A8A;
}

.p-overview__link-none::before {
  display: none;
}

.p-overview__link--icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
}

.p-overview__link--icon::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 0.6875rem;
  height: 0.5625rem;
  background-image: url(../images/company/company-link.webp);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .p-overview__tel {
    pointer-events: none;
  }
}

.p-page-achievements {
  margin-top: -9.375rem;
  position: relative;
  width: 100vw;
  margin-inline: calc(-50vw + 50%);
}
@media screen and (min-width: 768px) {
  .p-page-achievements {
    margin-top: 6.25rem;
    width: 100%;
    margin-inline: 0;
  }
}

.p-page-achievements__inner {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__inner {
    max-width: 63.75rem;
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-page-achievements__main {
    max-width: 44.6875rem;
    width: 100%;
    margin-left: auto;
  }
}

.p-page-achievements__box {
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE、Edgeのスクロールバーを非表示 */
  scrollbar-width: none;
  /* Firefoxのスクロールバーを非表示 */
  direction: rtl;
}
.p-page-achievements__box::-webkit-scrollbar {
  display: none;
  /* Chrome、Safariのスクロールバーを非表示 */
}
@media screen and (min-width: 768px) {
  .p-page-achievements__box {
    overflow-x: visible;
    overflow-x: initial;
    direction: ltr;
    direction: initial;
  }
}

.p-page-achievements__img {
  position: relative;
  width: 100%;
  margin-inline: auto;
  width: 51rem;
  height: 57.75rem;
  -webkit-transform: translateX(4.375rem);
          transform: translateX(4.375rem);
  margin-top: 11.25rem;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__img {
    max-width: 61.625rem;
    width: 100%;
    height: auto;
    height: initial;
    -webkit-transform: none;
            transform: none;
    -webkit-transform: initial;
            transform: initial;
    margin-top: 0;
    margin-top: initial;
  }
}

.p-page-achievements__img picture img {
  aspect-ratio: 816/924;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100% 0;
     object-position: 100% 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__img picture img {
    -o-object-position: center center;
       object-position: center center;
    aspect-ratio: 986/950;
  }
}

.p-page-achievements__list {
  position: absolute;
  inset: 0;
}

.p-page-achievements__item {
  cursor: pointer;
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__item {
    width: 1.3125rem;
    height: 1.3125rem;
  }
}

.p-page-achievements__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--akita {
  top: 35%;
  left: 65.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--akita {
    top: 35%;
    left: 55.5%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--hukushima {
  bottom: 43.5%;
  right: 33%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--hukushima {
    bottom: 43.5%;
    right: 42.5%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--tochigi {
  bottom: 38%;
  right: 32%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--tochigi {
    bottom: 38%;
    right: 43%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--chiba {
  bottom: 32%;
  right: 30%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--chiba {
    bottom: 32%;
    right: 41%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--tokyo {
  bottom: 32%;
  right: 36%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--tokyo {
    bottom: 32%;
    right: 46%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--kanagawa {
  bottom: 29%;
  right: 35%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--kanagawa {
    bottom: 29%;
    right: 45%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--aichi {
  bottom: 26.5%;
  left: 49%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--aichi {
    bottom: 26.5%;
    left: 42%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--okayama {
  bottom: 29%;
  left: 30%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--okayama {
    bottom: 29%;
    left: 25%;
  }
}
.p-page-achievements__list[data-tab=environment] .p-page-achievements__item--hukuoka {
  bottom: 19.5%;
  left: 10.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=environment] .p-page-achievements__item--hukuoka {
    bottom: 19.5%;
    left: 9%;
  }
}

.p-page-achievements__list[data-tab=water] .p-page-achievements__item--iwate {
  top: 38%;
  left: 73.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--iwate {
    top: 36%;
    left: 62%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--miyagi {
  top: 46.7%;
  left: 70.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--miyagi {
    top: 46.7%;
    left: 60%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--akita {
  top: 37%;
  left: 68.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--akita {
    top: 37.2%;
    left: 58%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--kyoto {
  top: 68.5%;
  left: 39%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--kyoto {
    top: 68.3%;
    left: 33%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--okayama {
  top: 71.5%;
  left: 25%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--okayama {
    top: 72%;
    left: 21.7%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--ishikawa {
  bottom: 37%;
  left: 43.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--ishikawa {
    bottom: 37%;
    left: 37.5%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--ibaraki {
  top: 58.4%;
  left: 68%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--ibaraki {
    top: 58.4%;
    left: 58%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--oita {
  bottom: 16.5%;
  left: 14.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--oita {
    bottom: 16.5%;
    left: 12.5%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--osaka {
  top: 72%;
  left: 38%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--osaka {
    top: 72%;
    left: 33%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--kagawa {
  top: 74.6%;
  left: 28.7%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--kagawa {
    top: 74.6%;
    left: 24.7%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--gunma {
  bottom: 38%;
  right: 38.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--gunma {
    bottom: 38%;
    right: 48.5%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--kochi {
  top: 78.5%;
  left: 27%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--kochi {
    top: 78.5%;
    left: 23%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--shizuoka {
  top: 69%;
  left: 57.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--shizuoka {
    top: 68.5%;
    left: 48.5%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--shimane {
  bottom: 28.5%;
  left: 19.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--shimane {
    bottom: 28.5%;
    left: 16.5%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--tottori {
  bottom: 31.5%;
  left: 28%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--tottori {
    bottom: 32%;
    left: 25%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--nagano {
  top: 62%;
  left: 53%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--nagano {
    top: 62%;
    left: 45%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--niigata {
  bottom: 44%;
  right: 38%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--niigata {
    bottom: 44%;
    right: 48%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--hiroshima {
  bottom: 24%;
  left: 18%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--hiroshima {
    bottom: 24.5%;
    left: 17%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--fukuoka {
  bottom: 19.5%;
  left: 10.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--fukuoka {
    bottom: 19.5%;
    left: 9%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--miyazaki {
  bottom: 10.5%;
  left: 14%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--miyazaki {
    bottom: 10.5%;
    left: 12%;
  }
}
.p-page-achievements__list[data-tab=water] .p-page-achievements__item--fukui {
  bottom: 33%;
  left: 42%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=water] .p-page-achievements__item--fukui {
    bottom: 34%;
    left: 36%;
  }
}

.p-page-achievements__list[data-tab=smelting] .p-page-achievements__item--akita {
  top: 38.3%;
  left: 65%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=smelting] .p-page-achievements__item--akita {
    top: 38.5%;
    left: 55%;
  }
}
.p-page-achievements__list[data-tab=smelting] .p-page-achievements__item--okayama {
  bottom: 30%;
  left: 33.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=smelting] .p-page-achievements__item--okayama {
    bottom: 30%;
    left: 28%;
  }
}

.p-page-achievements__list[data-tab=electronic] .p-page-achievements__item--akita {
  top: 40.5%;
  left: 68%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=electronic] .p-page-achievements__item--akita {
    top: 40.5%;
    left: 58%;
  }
}
.p-page-achievements__list[data-tab=electronic] .p-page-achievements__item--saitama {
  top: 62%;
  left: 58.3%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=electronic] .p-page-achievements__item--saitama {
    top: 62%;
    left: 49%;
  }
}
.p-page-achievements__list[data-tab=electronic] .p-page-achievements__item--okayama {
  top: 68.5%;
  left: 26.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=electronic] .p-page-achievements__item--okayama {
    top: 69%;
    left: 22%;
  }
}

.p-page-achievements__list[data-tab=metal] .p-page-achievements__item--saitama {
  top: 62%;
  left: 62%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=metal] .p-page-achievements__item--saitama {
    top: 62%;
    left: 52.5%;
  }
}
.p-page-achievements__list[data-tab=metal] .p-page-achievements__item--nagano {
  top: 62.3%;
  left: 52.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=metal] .p-page-achievements__item--nagano {
    top: 63.3%;
    left: 44.5%;
  }
}
.p-page-achievements__list[data-tab=metal] .p-page-achievements__item--shizuoka {
  top: 69.5%;
  left: 53.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=metal] .p-page-achievements__item--shizuoka {
    top: 69.5%;
    left: 45.5%;
  }
}
.p-page-achievements__list[data-tab=metal] .p-page-achievements__item--mie {
  top: 71.5%;
  left: 44.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=metal] .p-page-achievements__item--mie {
    top: 71.5%;
    left: 37.5%;
  }
}

.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--akita {
  top: 42%;
  left: 64.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--akita {
    top: 42%;
    left: 54.5%;
  }
}
.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--chiba {
  bottom: 29%;
  right: 31.3%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--chiba {
    bottom: 29%;
    right: 42%;
  }
}
.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--osaka {
  top: 71.7%;
  left: 38%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--osaka {
    top: 71.7%;
    left: 32%;
  }
}
.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--hyougo {
  top: 67.7%;
  left: 34.3%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--hyougo {
    top: 67.7%;
    left: 29.3%;
  }
}
.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--okayama {
  top: 71%;
  left: 28.7%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--okayama {
    top: 71.4%;
    left: 24.7%;
  }
}
.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--hiroshima {
  top: 72.4%;
  left: 20.8%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--hiroshima {
    top: 72.4%;
    left: 18%;
  }
}
.p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--oita {
  top: 80%;
  left: 15%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=equipment] .p-page-achievements__item--oita {
    top: 80.2%;
    left: 13%;
  }
}

.p-page-achievements__list[data-tab=others] .p-page-achievements__item--hukushima {
  bottom: 43%;
  right: 29%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--hukushima {
    bottom: 43%;
    right: 39%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--ibaraki {
  top: 61.5%;
  left: 67%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--ibaraki {
    top: 61.5%;
    left: 57%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--chiba {
  bottom: 29%;
  left: 66%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--chiba {
    bottom: 29.5%;
    left: 58%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--niigata {
  top: 54.5%;
  left: 57.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--niigata {
    top: 54.5%;
    left: 48.5%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--aichi {
  bottom: 29%;
  left: 46.7%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--aichi {
    bottom: 29%;
    left: 40%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--okayama {
  top: 70.6%;
  left: 32.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--okayama {
    top: 70.6%;
    left: 27.5%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--yamaguchi {
  bottom: 22.5%;
  left: 15%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--yamaguchi {
    bottom: 22.5%;
    left: 12.5%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--shiga {
  bottom: 29%;
  left: 42.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--shiga {
    bottom: 30%;
    left: 36.5%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--tochigi {
  bottom: 40%;
  right: 35%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--tochigi {
    bottom: 40%;
    right: 45.5%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--hyogo {
  top: 69.6%;
  left: 35.7%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--hyogo {
    top: 69.6%;
    left: 30.2%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--hiroshima {
  bottom: 25%;
  left: 21.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--hiroshima {
    bottom: 26.5%;
    left: 19.5%;
  }
}
.p-page-achievements__list[data-tab=others] .p-page-achievements__item--yamanashi {
  top: 65.5%;
  left: 56.5%;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__list[data-tab=others] .p-page-achievements__item--yamanashi {
    top: 65.5%;
    left: 47.5%;
  }
}

.p-page-achievements__scroll-hint {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}
.p-page-achievements__scroll-hint img {
  width: 13.125rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__scroll-hint {
    display: none;
  }
}

.p-page-achievements__scroll-hint.is-hidden {
  opacity: 0;
}

.p-page-achievements__items {
  margin-top: 1.25rem;
  max-width: 20rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-achievements__items {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: -0.625rem;
    padding-inline: 0;
    margin-inline: initial;
    max-width: 15.375rem;
    width: 100%;
  }
}

.c-achievements-tabs {
  margin-top: 0.9375rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 9.6875rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.375rem 0.625rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-achievements-tabs {
    margin-top: 1.25rem;
    display: block;
    margin-inline: initial;
  }
}

.c-achievements-tab__text {
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: #ff0000;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-achievements-tab__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.c-achievements-tab {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .c-achievements-tab:not(:first-child) {
    margin-top: 0.5625rem;
  }
}

.c-achievements-tab__btn {
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-size: 0.75rem;
  line-height: 2.8333333333;
  padding-inline: 0.625rem 0.5625rem;
  color: #000;
}
@media screen and (min-width: 768px) {
  .c-achievements-tab__btn {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 3.0625;
    padding-inline: 1rem 0.6875rem;
  }
}

.c-achievements-tab__btn::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-achievements-tab__btn::after {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.c-achievements-tab__btn[data-tab=environment]::after {
  background: url(../images/achievements/tab-environment.svg) no-repeat center center/contain;
}

.c-achievements-tab__btn[data-tab=water]::after {
  background: url(../images/achievements/tab-water.svg) no-repeat center center/contain;
}

.c-achievements-tab__btn[data-tab=smelting]::after {
  background: url(../images/achievements/tab-smelting.svg) no-repeat center center/contain;
}

.c-achievements-tab__btn[data-tab=electronic]::after {
  background: url(../images/achievements/tab-electronic.svg) no-repeat center center/contain;
}

.c-achievements-tab__btn[data-tab=metal]::after {
  background: url(../images/achievements/tab-metal.svg) no-repeat center center/contain;
}

.c-achievements-tab__btn[data-tab=equipment]::after {
  background: url(../images/achievements/tab-equipment.svg) no-repeat center center/contain;
}

.c-achievements-tab__btn[data-tab=others]::after {
  background: url(../images/achievements/tab-others.svg) no-repeat center center/contain;
}

.c-modal-achievements {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, .7);
  z-index: 1000;
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
}

.c-modal-achievements.is-active {
  opacity: 1;
  visibility: visible;
}

.c-modal-achievements__items {
  width: 85.6%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__items {
    background-color: #fff;
    width: 35rem;
    height: 20rem;
  }
}

.c-modal-achievements__items[data-tab-cat=smelting]:has(.c-modal-achievements__item--akita.is-active) {
  top: 7%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__items[data-tab-cat=smelting]:has(.c-modal-achievements__item--akita.is-active) {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
  }
}

.c-modal-achievements__item {
  padding-inline: 1rem;
  padding-bottom: 0.9375rem;
  margin-inline: auto;
  padding-top: 0.75rem;
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__item {
    padding-inline: 0rem;
    padding-block: 0.9375rem 0;
    max-width: 33rem;
    width: 100%;
    background-color: transparent;
  }
}

.c-modal-achievements.is-active .c-modal-achievements__item {
  opacity: 1;
  visibility: visible;
}

.c-modal-achievements__head {
  background-color: #92d073;
}

.c-modal-achievements__title {
  font-size: 1rem;
  line-height: 2.5;
  letter-spacing: 0.075em;
  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;
  gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__title {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.c-modal-achievements__title::before {
  content: "";
  margin-top: 2px;
  display: block;
  width: 1rem;
  height: 1rem;
}

.c-modal-achievements__items[data-tab-cat=environment] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-environment.svg) no-repeat center center/contain;
}

.c-modal-achievements__items[data-tab-cat=water] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-water.svg) no-repeat center center/contain;
}
.c-modal-achievements__items[data-tab-cat=water] .c-modal-achievements__head {
  background-color: #8cb4ed;
}

.c-modal-achievements__items[data-tab-cat=smelting] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-smelting.svg) no-repeat center center/contain;
}
.c-modal-achievements__items[data-tab-cat=smelting] .c-modal-achievements__head {
  background-color: #cbebf8;
}

.c-modal-achievements__items[data-tab-cat=electronic] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-electronic.svg) no-repeat center center/contain;
}
.c-modal-achievements__items[data-tab-cat=electronic] .c-modal-achievements__head {
  background-color: #ed6751;
}

.c-modal-achievements__items[data-tab-cat=metal] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-metal.svg) no-repeat center center/contain;
}
.c-modal-achievements__items[data-tab-cat=metal] .c-modal-achievements__head {
  background-color: #ffe0ca;
}

.c-modal-achievements__items[data-tab-cat=equipment] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-equipment.svg) no-repeat center center/contain;
}
.c-modal-achievements__items[data-tab-cat=equipment] .c-modal-achievements__head {
  background-color: #f9cc4b;
}

.c-modal-achievements__items[data-tab-cat=others] .c-modal-achievements__title::before {
  background: url(../images/achievements/tab-others.svg) no-repeat center center/contain;
}
.c-modal-achievements__items[data-tab-cat=others] .c-modal-achievements__head {
  background-color: #64cdcd;
}

.c-modal-achievements__body {
  margin-top: 1.0625rem;
  overflow-y: auto;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__body {
    margin-top: 0.9375rem;
    height: 15rem;
    padding-bottom: 0;
  }
}
.c-modal-achievements__body::-webkit-scrollbar {
  width: 0.25rem;
}
.c-modal-achievements__body::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.c-modal-achievements__body::-webkit-scrollbar-track {
  background-color: #fff;
}

.c-modal-achievements__dlist {
  width: 100%;
  margin-inline: auto;
  max-width: 18.75rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__dlist {
    width: 100%;
    max-width: none;
    max-width: initial;
  }
}

.c-modal-achievements__ditem {
  padding-left: 2px;
}

.c-modal-achievements__dtitle {
  font-size: 0.75rem;
  line-height: 2.8333333333;
  letter-spacing: 0.025em;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__dtitle {
    line-height: 2.4285714286;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.c-modal-achievements__dtitle::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#80b73f), to(#018a8a));
  background: linear-gradient(to right, #80b73f, #018a8a);
  margin-top: 2px;
}

.c-modal-achievements__ddata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  position: relative;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__ddata {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.0625rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 2;
  }
}

.c-modal-achievements__ddata::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.5rem;
  background-color: #b3b3b3;
  margin-left: 0.875rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__ddata::before {
    margin-left: 1.0625rem;
    height: 1.5rem;
  }
}

.c-modal-achievements__ddata span {
  font-size: 0.625rem;
  line-height: 1.6;
  letter-spacing: 0.025em;
  padding-left: 0.375rem;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__ddata span {
    font-size: clamp(0.625rem, 0.367rem + 0.538vw, 0.75rem);
    padding-left: 0.6875rem;
    line-height: 1.3333333333;
  }
}

.c-modal-achievements__close {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  font-weight: 700;
  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;
  gap: 0.3125rem;
  cursor: pointer;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__close {
    font-size: clamp(0.625rem, 0.367rem + 0.538vw, 0.75rem);
  }
}

.c-modal-achievements__close-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.9375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__close-box {
    padding-bottom: 0;
  }
}

.c-modal-achievements__close::before {
  content: "";
  margin-top: 2px;
  display: block;
  width: 9px;
  height: 9px;
  background: url(../images/achievements/close.svg) no-repeat center center/contain;
  cursor: pointer;
}
.c-modal-achievements__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__img {
    gap: 0.3125rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 0.9375rem;
  }
}

.c-modal-achievements__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 248/134;
  margin-inline: auto;
  max-width: 18.75rem;
}
@media screen and (min-width: 768px) {
  .c-modal-achievements__img img {
    max-width: 15.5rem;
    margin-inline: 0;
  }
}

.p-page-analytics {
  background-color: #fff;
}

.l-page-analytics {
  padding-top: 7.5rem;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .l-page-analytics {
    padding-top: 14.0625rem;
    padding-bottom: 5.9375rem;
  }
}

.p-page-analytics__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-analytics__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-page-analytics__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-page-analytics__head .c-sec-title__en span {
  text-transform: capitalize;
  letter-spacing: -0.01em;
}

.p-page-analytics__body {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .p-page-analytics__body {
    margin-top: 4.375rem;
    max-width: 56.25rem;
    margin-inline: auto;
  }
}

.p-analytics-body__head {
  border-bottom: 1px solid #B3B3B3;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__head {
    padding-bottom: 0.75rem;
  }
}

.p-analytics-body__title {
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.75;
  font-size: clamp(14px, -2.696px + 2.174vw, 16px);
}
@media screen and (min-width: 768px) {
  .p-analytics-body__title {
    font-size: 1.25rem;
  }
}

.p-analytics-body__title span {
  color: #046C2F;
}

.p-analytics-body__box {
  margin-top: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__box {
    margin-top: 0.9375rem;
  }
}

.p-analytics-body__text {
  line-height: 1.6666666667;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: justify;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__text {
    font-size: 12px;
  }
}

.p-analytics-body__links {
  margin-top: 1.5625rem;
}

.p-analytics-body__link {
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link {
    font-size: 12px;
  }
}

.p-analytics-body__link:hover {
  opacity: 0.7;
}

.p-analytics-body__link::after {
  content: "";
  background: url(../images/ga/link.svg) no-repeat center center/cover;
  width: 0.8125rem;
  height: 0.6875rem;
  display: inline-block;
  margin-left: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link::after {
    content: "";
    background: url(../images/ga/link.svg) no-repeat center center/cover;
    width: 0.8125rem;
    height: 0.6875rem;
    display: inline-block;
    margin-left: 0.3125rem;
  }
}

.p-analytics-body__link:first-child::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link:first-child::after {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.p-analytics-body__link:nth-child(2) {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link:nth-child(2) {
    margin-top: 0;
  }
}

.p-analytics-body__link::before {
  content: "";
  background: url(../images/ga/ga-arrow.svg) no-repeat center center/contain;
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  margin-right: 0.4375rem;
  margin-top: 2px;
}

.p-analytics-body__link:first-child::before {
  margin-top: -1.25rem;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link:first-child::before {
    margin-top: 2px;
  }
}

.p-analytics-body__link span {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link span {
    display: contents;
  }
}

.p-analytics-body__link span:after {
  background: url(../images/ga/link.svg) no-repeat center center/cover;
  width: 0.8125rem;
  height: 0.6875rem;
  display: inline-block;
  margin-left: 0.3125rem;
  content: "";
}
@media screen and (min-width: 768px) {
  .p-analytics-body__link span:after {
    display: none;
  }
}

body:has(.p-page-company) {
  background-color: #fff;
}

.l-page-company {
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .l-page-company {
    margin-top: 6.25rem;
  }
}

.p-page-company__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-company__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-page-company__head .c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.1666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-page-company__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-page-company__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-page-company__body {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-page-company__body {
    margin-top: 1.5625rem;
    max-width: 62.5rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-page-company__text {
  text-align: justify;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
}
@media screen and (min-width: 768px) {
  .p-page-company__text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.875;
    letter-spacing: 0.04em;
  }
}

.p-page-company__img {
  margin-top: 2.1875rem;
  width: 97.1875%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-company__img {
    margin-top: 3.125rem;
    width: 100%;
    max-width: 64.375rem;
    margin-inline: auto;
  }
}

.p-page-company__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 311/952;
}
@media screen and (min-width: 768px) {
  .p-page-company__img img {
    aspect-ratio: 1030/306;
  }
}

.p-page-company__list {
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .p-page-company__list {
    margin-top: 4.0625rem;
  }
}

.p-page-contact {
  background-color: #fff;
}

.l-page-contact {
  padding-top: 6.25rem;
  padding-bottom: 3.9375rem;
}
@media screen and (min-width: 768px) {
  .l-page-contact {
    padding-block: 6.25rem;
  }
}

.p-page-contact--achievements.l-page-contact {
  padding-top: 6.25rem;
  padding-bottom: 3.9375rem;
  overflow: hidden;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  .p-page-contact--achievements.l-page-contact {
    padding-block: 14.375rem 0;
  }
}

.p-page-contact__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-contact__inner {
    max-width: 68.125rem;
  }
}

.p-page-contact__head .c-sec-title {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-page-contact__head .c-sec-title {
    margin-top: 0.625rem;
  }
}

.p-page-contact__body {
  margin-top: 1.875rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-page-contact__body {
    margin-top: 3.4375rem;
    max-width: 43.75rem;
    margin-inline: auto;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-contact__body--achievements {
    max-width: 62.5rem;
  }
}

.p-page-contact__text {
  font-size: 0.75rem;
  line-height: 2.3333333333;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-page-contact__text {
    line-height: 1.8571428571;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-page-contact__text-bold {
  font-weight: 700;
}

.p-page-contact__text--achievements {
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 0.875rem;
  line-height: 1.8571428571;
}
@media screen and (min-width: 768px) {
  .p-page-contact__text--achievements {
    font-size: clamp(14px, -19.391px + 4.348vw, 18px);
  }
}

.p-page-contact__list {
  margin-top: 2.1875rem;
  width: 100%;
}
.p-page-contact__box {
  background-color: #f2f2f2;
}
@media screen and (min-width: 1120px) {
  .p-page-contact__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-page-contact__box:nth-child(2) {
  margin-top: 0.25rem;
}

.p-page-contact__dtitle {
  text-align: center;
  background-color: #e2eee7;
}
@media screen and (min-width: 1120px) {
  .p-page-contact__dtitle {
    max-width: 213px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-page-contact__dtitle {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-page-contact__dtitle-title {
  font-size: 0.875rem;
  line-height: 4.2857142857;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-page-contact__dtitle-title {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}
@media screen and (min-width: 1120px) {
  .p-page-contact__dtitle-title {
    line-height: 7.75;
  }
}

.p-page-contact__data {
  padding-block: 2.1875rem 1.5625rem;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  .p-page-contact__data {
    max-width: 31.25rem;
    width: 100%;
    height: 100%;
    padding-block: 1.5625rem 1.125rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-page-contact__data-text {
  max-width: 16.25rem;
  width: 100%;
  margin-inline: auto;
  font-size: 0.75rem;
  line-height: 2.1666666667;
  font-weight: 700;
  letter-spacing: 0.04em;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-page-contact__data-text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.625;
    pointer-events: none;
    max-width: 18.75rem;
    margin-left: 2.1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .p-page-contact__data-text:has(span) {
    pointer-events: initial;
    max-width: none;
    max-width: initial;
  }
}

.p-page-contact__text a,
.p-page-contact__data-text span {
  color: #0092c3;
  display: inline-block;
  text-decoration: underline;
}

.p-page-link {
  max-width: 20rem;
  width: 100%;
  margin-inline: auto;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-page-link {
    max-width: 30.9375rem;
    margin-top: 3.4375rem;
  }
}

.p-page-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-page-link__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-page-link__item {
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-page-link__item {
    max-width: 15rem;
  }
}

.p-page-link__item a {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 3.75;
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-link__item a {
    font-size: 1.125rem;
    line-height: 3.8888888889;
  }
}

.p-page-link__item a::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  background-image: url(../images/common/icon-arrow-right.svg);
  top: 50%;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.l-page-message {
  padding-top: 6.25rem;
  padding-bottom: 3.25rem;
}
@media screen and (min-width: 768px) {
  .l-page-message {
    padding-top: 5rem;
    padding-bottom: 6.25rem;
  }
}

.p-page-message__inner {
  padding-inline: 2.3125rem;
}
@media screen and (min-width: 768px) {
  .p-page-message__inner {
    padding-inline: 1.5625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-page-message__head-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.75rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .p-page-message__head {
    width: 100%;
  }
}

.p-page-message__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-page-message__head-title {
  margin-top: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-page-message__head-title {
    font-size: 1.875rem;
    margin-top: 2.5rem;
    line-height: 1.7333333333;
  }
}

.p-page-message__img {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-page-message__img {
    max-width: 32.5625rem;
    width: 100%;
  }
}

.p-page-message__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 301/322;
}
@media screen and (min-width: 768px) {
  .p-page-message__img img {
    aspect-ratio: 521/600;
  }
}

.p-page-message__body {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-page-message__body {
    margin-top: 3.125rem;
    max-width: 62.5rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-page-message__text {
  font-size: 0.75rem;
  line-height: 2.3333333333;
  letter-spacing: 0.06em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-page-message__text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
  }
}

.p-page-message__president {
  margin-top: 0.9375rem;
  letter-spacing: 0.05em;
  font-size: 0.625rem;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-page-message__president {
    margin-top: 2.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0rem;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.75;
  }
}

.p-page-message__president span {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.7777777778;
}
@media screen and (min-width: 768px) {
  .p-page-message__president span {
    font-size: 1.5rem;
    line-height: 1.75;
  }
}

.p-page-people {
  background-color: #fff;
}

.l-page-people {
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .l-page-people {
    padding-top: 3.75rem;
  }
}

.p-page-privacy {
  background-color: #fff;
}

.l-page-privacy {
  padding-top: 7.5rem;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .l-page-privacy {
    padding-top: 14.0625rem;
    padding-bottom: 5.9375rem;
  }
}

.p-page-privacy__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-page-privacy__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-page-privacy__body {
  margin-top: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__body {
    margin-top: 4.375rem;
    max-width: 56.25rem;
    margin-inline: auto;
  }
}

.p-page-privacy__text {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__text {
    letter-spacing: 0.056em;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-page-privacy__list {
  margin-top: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__list {
    gap: 0.5rem;
    margin-top: 0.625rem;
  }
}

.p-page-privacy__box {
  background-color: #fff;
  padding: 1.5625rem 0rem 0rem;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__box {
    padding: 2.8125rem 0rem 0rem;
  }
}

.p-page-privacy__dtitle {
  color: #046C2F;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.75;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__dtitle {
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.p-page-privacy__dtitle::after {
  width: 100%;
  height: 1px;
  background-color: #B3B3B3;
  position: absolute;
  bottom: -0.4375rem;
  left: 0;
  content: "";
}

.p-page-privacy__dtitle--indent {
  padding-left: 1.375rem;
  text-indent: -1.375rem;
}

.p-page-privacy__data {
  margin-top: 0.9375rem;
}

.p-page-privacy__dtext {
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__dtext {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-page-privacy__indent {
  display: inline-block;
  padding-left: 0.5rem;
  text-indent: -0.5rem;
}

.p-page-privacy__indent3 {
  display: inline-block;
  padding-left: 0.5rem;
}

.p-page-privacy__indent2 {
  display: inline-block;
  padding-left: 1rem;
}

.p-page-privacy__dtext a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre;
  text-decoration: underline;
  color: #3FA9F5;
}

.p-page-privacy__dtext img {
  max-width: 0.5625rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 9/11;
}

.p-page-privacy__dtext-link {
  word-break: break-all;
  white-space: normal;
  white-space: initial;
}

.p-page-privacy__dtext .p-page-privacy__dtext-tel {
  text-decoration: none;
  color: #000;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__dtext .p-page-privacy__dtext-tel {
    text-decoration: none;
    pointer-events: none;
  }
}

.p-page-privacy__foot {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__foot {
    max-width: 19.6875rem;
    width: 100%;
    margin-left: auto;
    -webkit-transform: translateX(-4.375rem);
            transform: translateX(-4.375rem);
  }
}

.p-page-privacy__foot-text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-style: normal;
  font-style: initial;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-page-privacy__foot-text {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-page-privacy__foot time:nth-of-type(2) {
  margin-bottom: 0.75rem;
}

.p-page-process {
  background-color: #fff;
}

.l-page-process {
  padding-block: 3.125rem 3.75rem;
}
@media screen and (min-width: 768px) {
  .l-page-process {
    padding-block: 6.25rem 5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-page-process__inner {
    max-width: 68.125rem;
  }
}

.p-page-process__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
  .p-page-process__head .c-sec-title__en {
    font-size: 2.8125rem;
  }
}

.p-page-process__head .c-sec-title {
  margin-top: 0.3125rem;
  font-weight: 400;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-page-process__head .c-sec-title {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-page-process__process-img {
  margin-top: 1.875rem;
  max-width: 18.75rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-process__process-img {
    margin-top: 2.5rem;
    max-width: 56.25rem;
  }
}

.p-page-process__process-img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.p-page-process__process-caution {
  margin-top: 0.625rem;
  max-width: 18.75rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-process__process-caution {
    margin-top: 1.25rem;
    max-width: 56.25rem;
  }
}

.p-page-process__process-text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .p-page-process__process-text {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-page-process__process-text span {
  text-indent: -1.5625rem;
  padding-left: 1.5625rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-page-process__process-text span {
    text-indent: 0rem;
    padding-left: 0rem;
  }
}

body:has(.p-page-question) {
  background: #fff;
}

.p-page-question {
  position: relative;
}

.l-page-question {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .l-page-question {
    padding-top: 7.8125rem;
    padding-bottom: 6.25rem;
  }
}

.p-page-question__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-question__inner {
    padding-inline: 1.5625rem;
    max-width: 66.125rem;
  }
}

.p-page-question__head {
  text-align: center;
}

.p-page-question__title {
  font-size: 1rem;
  line-height: 1.5555555556;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-page-question__title {
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.p-page-question__list {
  margin-top: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-page-question__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 8.4375rem;
  }
}

.p-page-question__item {
  width: 100%;
  max-width: 20rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-question__item {
    max-width: 15rem;
  }
}

.p-page-question__btn {
  position: relative;
  display: block;
  padding-inline: 1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: #fff;
  font-size: 1rem;
  line-height: 3.75;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-page-question__btn {
    font-size: 1.125rem;
    line-height: 3.8888888889;
  }
}

.p-page-question__btn::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/questionnaire/under-arrow.webp) no-repeat center center/contain;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.p-page-question__btn:hover::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

.p-page-requirements {
  overflow-x: hidden;
}

.l-page-requirements {
  padding-top: 7.8125rem;
  padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
  .l-page-requirements {
    padding-top: 13.9375rem;
    padding-bottom: 6.25rem;
  }
}

.p-page-requirements__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__inner {
    max-width: 68.125rem;
  }
}

.p-page-requirements__head .c-sec-title {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__head .c-sec-title {
    margin-top: 0.625rem;
  }
}

.p-page-requirements .c-tab-list {
  margin-top: 4rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements .c-tab-list {
    margin-top: 5.0625rem;
  }
}

.p-page-requirements__body {
  margin-top: -0.9375rem;
  background-color: #e5e5e5;
  z-index: 1;
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-top: 4rem;
  padding-bottom: 3.5rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__body {
    background-color: transparent;
    background-color: initial;
    margin-top: 1.875rem;
    max-width: 51.625rem;
    margin-inline: auto;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.p-page-requirements__content {
  display: none;
  width: 85.6%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__content {
    width: 100%;
  }
}

.js-tab-content {
  display: none;
}

.js-tab-content.current {
  display: block;
  -webkit-animation: opacity 1s ease-in-out;
          animation: opacity 1s ease-in-out;
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  10% {
    display: none;
  }
  90% {
    display: block;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  10% {
    display: none;
  }
  90% {
    display: block;
  }
  100% {
    opacity: 1;
  }
}
.p-page-requirements__content-box {
  background-color: #fff;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__content-box {
    margin-top: 1.5625rem;
  }
}

.p-page-requirements__content-flex {
  padding-top: 1.5625rem;
  max-width: 17.75rem;
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__content-flex {
    max-width: 46.25rem;
    padding-top: 3.4375rem;
    padding-bottom: 1.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 1.5rem;
  }
}

.p-page-requirements__content-main {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  #mid-career .p-page-requirements__content-flex {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 768px) {
  .p-page-requirements__content-head {
    max-width: 5rem;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-requirements__content-head--mid {
    max-width: none;
    max-width: initial;
  }
}

.p-page-requirements__content-title {
  font-size: 1.125rem;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.p-page-requirements__content-head--mid .p-page-requirements__content-title {
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__content-head--mid .p-page-requirements__content-title {
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.p-page-requirements__content-body {
  padding-block: 0.3125rem 0rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__content-body {
    padding: 0;
  }
}

.p-page-requirements__content-text {
  text-indent: -0.75rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.015em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__content-text {
    letter-spacing: 0.02em;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-page-requirements__dlist {
  max-width: 17.75rem;
  margin-inline: auto;
  padding-block: 2rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__dlist {
    max-width: 46.25rem;
    padding-block: 1.375rem 3.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-page-requirements__dbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    position: relative;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

@media screen and (min-width: 768px) {
  .p-page-requirements__dbox::before {
    content: "";
    position: absolute;
    top: -1.125rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#80b73f), to(#018a8a));
    background: linear-gradient(to right, #80b73f, #018a8a);
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  #mid-career .p-page-requirements__dbox::before {
    background: -webkit-gradient(linear, left top, right top, from(#e5ac47), to(#e58e64));
    background: linear-gradient(to right, #e5ac47, #e58e64);
  }
}

#mid-career .p-page-requirements__dbox:first-child:before {
  display: none;
}

.p-page-requirements__dbox:not(:first-child) {
  margin-top: 2.375rem;
}

.p-page-requirements__dtitle {
  font-size: 1.125rem;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0.04em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__dtitle {
    max-width: clamp(60px, -1.935px + 8.065vw, 90px);
    width: 100%;
  }
}

.p-page-requirements__dtitle::before {
  content: "";
  position: absolute;
  top: -1.125rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#80b73f), to(#018a8a));
  background: linear-gradient(to right, #80b73f, #018a8a);
}
@media screen and (min-width: 768px) {
  .p-page-requirements__dtitle::before {
    display: none;
  }
}

#mid-career .p-page-requirements__dtitle::before {
  background: -webkit-gradient(linear, left top, right top, from(#e5ac47), to(#e58e64));
  background: linear-gradient(to right, #e5ac47, #e58e64);
}

#mid-career .p-page-requirements__dbox.p-page-requirements__dbox:first-child .p-page-requirements__dtitle::before {
  display: none;
}

.p-page-requirements__data {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.015em;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__data {
    letter-spacing: 0.02em;
    margin-top: 0;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-page-requirements__data--bold {
  font-weight: 700;
}

.p-page-requirements__dtext {
  font-size: 1rem;
  margin-top: 0.3125rem;
  letter-spacing: 0.015em;
  line-height: 1.875;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__dtext {
    letter-spacing: 0.02em;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-page-requirements__dtext span {
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
  margin-top: 0.3125rem;
}

.p-page-requirements__dtext-min {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-page-requirements__dtext-min {
    font-size: clamp(10px, -6.696px + 2.174vw, 12px);
  }
}

.p-page-requirements__dtext-bold {
  font-weight: 700;
}

.p-page-requirements__data a {
  color: #018a8a;
}

.l-page-step {
  padding-block: 4.625rem 4.4375rem;
}
@media screen and (min-width: 768px) {
  .l-page-step {
    padding-block: 8.125rem 10.625rem;
  }
}

.p-page-step__inner {
  padding-inline: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__inner {
    max-width: 68.125rem;
    padding-inline: 1.5625rem;
  }
}

.p-page-step__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-page-step__body {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__body {
    max-width: 62.5rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-page-step__text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-page-step__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    font-size: 1.125rem;
    line-height: 1.8571428571;
    letter-spacing: 0.04em;
  }
}

.p-page-step__items {
  margin-top: 2.5rem;
  position: relative;
  max-width: 20rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-step__items {
    margin-top: 3.9375rem;
    max-width: 50rem;
  }
}

.p-page-step__items::before {
  content: "";
  width: 1.875rem;
  height: 100%;
  position: absolute;
  top: 3.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/step/step-arrow.webp) no-repeat center center/cover;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-page-step__items::before {
    top: 0rem;
    height: calc(100% + 2.5rem);
    background-size: 100% 100%;
  }
}

.p-page-step__item {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.3125rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  position: relative;
  padding-block: 0.84375rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__item {
    padding-block: 1.0625rem;
  }
}

.p-page-step__item:not(:first-child) {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__item:not(:first-child) {
    margin-top: 1.25rem;
  }
}

.p-page-step__item--min {
  padding-block: 1rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__item--min {
    max-width: 25rem;
    margin-inline: auto;
    width: 100%;
    display: block;
    text-align: center;
    padding-block: 1.3125rem;
  }
}

.p-page-step__item--large {
  padding-block: 1.0625rem 1rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__item--large {
    padding-block: 1.5rem 1.4375rem;
  }
}

.p-page-step__item::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#80b73f), to(#018a8a));
  background: linear-gradient(to bottom, #80b73f, #018a8a);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.6875rem;
  z-index: -1;
}

.p-page-step__item--min::before {
  border-radius: 1.875rem;
}

.p-page-step__item::after {
  background: #fff;
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 0.625rem;
  z-index: -1;
}

.p-page-step__item--min::after {
  border-radius: 1.875rem;
}

.p-page-step__item-text {
  position: relative;
  z-index: 1;
  font-size: 1.125rem;
  line-height: 1.1111111111;
  letter-spacing: 0.04em;
  font-weight: 700;
}

.p-page-step__item-text-min {
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-page-step__item-text-min {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-page-step__item-box {
  max-width: 18.125rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-page-step__item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: center;
    gap: 2.5rem;
    max-width: 46.875rem;
  }
}

.p-page-step__item-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-page-step__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
}

.p-page-step__dtitle {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-page-step__dtitle {
    font-size: 1.5rem;
    line-height: 1;
  }
}

.p-page-step__sub {
  margin-top: 1.0625rem;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  letter-spacing: 0.04em;
  background-color: #e2eee7;
  padding-inline: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .p-page-step__sub {
    margin-top: 0.3125rem;
    max-width: 18.5rem;
    width: 100%;
    padding-inline: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.8888888889;
  }
}

.p-page-step__dtext {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-page-step__dtext {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.8571428571;
  }
}

.l-page-technology {
  padding-top: 3.75rem;
  background-color: #F2F2F2;
}
@media screen and (min-width: 768px) {
  .l-page-technology {
    padding-top: 5.625rem;
  }
}

.p-page-technology__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-technology__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-page-technology__items {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-page-technology__items {
    margin-top: 2.5rem;
  }
}

.p-page-technology__item {
  background-color: #fff;
  padding: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-page-technology__item {
    padding: 3.125rem;
    gap: 1.5625rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-page-technology__item:not(:first-child) {
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-page-technology__item:not(:first-child) {
    margin-top: 0.625rem;
  }
}

.p-page-technology__img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-page-technology__img {
    max-width: 12.5rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-page-technology__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 17.6875rem;
  aspect-ratio: 283/283;
}
@media screen and (min-width: 768px) {
  .p-page-technology__img img {
    height: 100%;
    aspect-ratio: 200/200;
  }
}

.p-page-technology__box {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-page-technology__box {
    margin-top: 0;
  }
}

.p-page-technology__box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .p-page-technology__box-head {
    gap: 0.375rem;
  }
}

.p-page-technology__box-head::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/achievements/tab-environment.svg) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-page-technology__box-head::before {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.p-page-technology__box-head--water::before {
  background: url(../images/achievements/tab-water.svg) no-repeat center center/cover;
}

.p-page-technology__box-head--smelting::before {
  background: url(../images/achievements/tab-smelting.svg) no-repeat center center/cover;
}

.p-page-technology__box-head--electronic::before {
  background: url(../images/achievements/tab-electronic.svg) no-repeat center center/cover;
}

.p-page-technology__box-head--metal::before {
  background: url(../images/achievements/tab-metal.svg) no-repeat center center/cover;
}

.p-page-technology__box-head--equipment::before {
  background: url(../images/achievements/tab-equipment.svg) no-repeat center center/cover;
}

.p-page-technology__box-title {
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-page-technology__box-title {
    font-weight: 400;
    font-size: 1.625rem;
  }
}

.p-page-technology__box-body {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-page-technology__box-body {
    margin-top: 0.9375rem;
  }
}

.p-page-technology__box-text {
  text-align: justify;
  font-size: 0.75rem;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-page-technology__box-text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.6875;
  }
}

body:has(.p-page-works) {
  background-color: #fff;
}

.p-page-works--project {
  background-color: #E6E6E6;
}

.l-page-works {
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .l-page-works {
    margin-top: 6.25rem;
  }
}

.p-page-works--project.l-page-works {
  margin-top: 3.75rem;
  padding-top: 3.75rem;
  padding-bottom: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-page-works--project.l-page-works {
    margin-top: 5.625rem;
    padding-top: 8.125rem;
    padding-bottom: 4.0625rem;
  }
}

.p-page-works__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-page-works__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-page-works__head .c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.1666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-page-works__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-page-works__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-page-works__body {
  margin-top: 1.875rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-works__body {
    margin-top: 2.8125rem;
    text-align: center;
  }
}

.p-page-works__text {
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-page-works__text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.8571428571;
    letter-spacing: 0.04em;
    text-align: left;
    display: inline-block;
  }
}

.p-page-works__img {
  margin-top: 2.5rem;
}

.p-page-works__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-tab-works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.3125rem;
  height: 2.625rem;
}
@media screen and (min-width: 768px) {
  .c-tab-works {
    gap: 0.625rem;
    height: 5rem;
  }
}

.c-tab-works__item {
  width: 100%;
  max-width: 3.5rem;
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  background-color: #999999;
  line-height: 2;
  height: 2rem;
  color: #fff;
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  -webkit-transition: initial;
  transition: initial;
}
@media screen and (min-width: 768px) {
  .c-tab-works__item {
    max-width: 12.5rem;
    height: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.75;
    text-align: left;
    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;
    gap: 0.9375rem;
  }
}

.c-tab-works__item.is-active {
  min-width: 5rem;
  height: 2.625rem;
  max-width: none;
  max-width: initial;
  text-align: left;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  font-size: 0.75rem;
  line-height: 1.3333333333;
  padding-left: 0.5rem;
}
@media screen and (min-width: 768px) {
  .c-tab-works__item.is-active {
    width: 12.5rem;
    height: 5rem;
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.c-tab-works__item span {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-tab-works__item span {
    display: inline-block;
    width: 7.1875rem;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .c-tab-works__item br {
    display: none;
  }
}

.c-tab-works__item.is-active span {
  display: inline;
  -webkit-animation: opacity 0.3s ease-in-out;
          animation: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .c-tab-works__item.is-active span {
    -webkit-animation: none;
            animation: none;
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-page-works__swiper {
  background-color: #fff;
}

.p-works-swiper__slide {
  padding-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__slide {
    padding-top: 2.5rem;
    padding-bottom: 2.625rem;
  }
}

.p-works-swiper__head {
  padding-inline: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__head {
    padding: 0;
    max-width: 60rem;
    width: 100%;
    gap: 0.9375rem;
    margin-inline: auto;
  }
}

.p-works-swiper__num {
  width: 2.5rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.2222222222;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__num {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    width: 2.25rem;
  }
}

.p-works-swiper__head-title {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7777777778;
}

@media screen and (min-width: 768px) {
  .p-works-swiper__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 60rem;
    width: 100%;
    gap: 1.5625rem;
    margin-inline: auto;
    margin-top: 1.25rem;
  }
}

.p-works-swiper__img {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__img {
    max-width: 37.5rem;
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin-top: 0;
  }
}

.p-works-swiper__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 296/167;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__img img {
    aspect-ratio: 600/338;
  }
}

.p-works-swiper__body {
  position: relative;
  padding-block: 1.25rem 1.5625rem;
  padding-inline: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__body {
    margin-top: -0.3125rem;
    padding: 0;
    max-width: 20.875rem;
    width: 100%;
  }
}

.p-works-swiper__body-title {
  position: absolute;
  top: -2.1875rem;
  left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 0.625rem;
  background-color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  width: 10.375rem;
  height: 2.875rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__body-title {
    text-align: left;
    position: static;
    padding: 0;
    width: auto;
    width: initial;
    height: auto;
    height: initial;
    font-size: clamp(14px, -19.391px + 4.348vw, 18px);
    line-height: 1.5;
  }
}

.p-works-swiper__body-text {
  text-align: justify;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__body-text {
    font-size: clamp(12px, -4.696px + 2.174vw, 14px);
    line-height: 2;
    margin-top: 0.9375rem;
  }
}

.p-works-swiper__button-next.swiper-button-next {
  background: url(../images/works/arrow-right.svg) no-repeat center center/cover;
  width: 2rem;
  height: 2rem;
  top: 60%;
  right: -0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__button-next.swiper-button-next {
    width: 3.5rem;
    height: 3.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -2.1875rem;
  }
}

.p-works-swiper__button-prev.swiper-button-prev {
  background: url(../images/works/arrow-left.svg) no-repeat center center/cover;
  width: 2rem;
  height: 2rem;
  top: 60%;
  left: -0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-works-swiper__button-prev.swiper-button-prev {
    width: 3.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 3.5rem;
    top: 50%;
    left: -2.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-works-swiper__button-prev.swiper-button-prev,
  .p-works-swiper__button-next.swiper-button-next {
    top: 21.875rem;
  }
}
.p-people-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 3.75rem;
}

.p-people-content::before {
  content: "";
  position: absolute;
  top: 19.375rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F2F2F2;
  z-index: -2;
}

.p-people-content__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__inner {
    padding-inline: 1.5625rem;
    max-width: 59.375rem;
  }
}

.p-people-content__inner2 {
  margin-inline: auto;
  max-width: 34.375rem;
}
@media screen and (min-width: 600px) {
  .p-people-content__inner2 {
    padding-inline: 1.71875rem;
  }
}
@media screen and (min-width: 768px) {
  .p-people-content__inner2 {
    padding-inline: 1.5625rem;
    max-width: 59.375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-content__head {
    max-width: 43.125rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-people-content__title {
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-people-content__title {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}

.p-people-content__text {
  margin-top: 1.25rem;
  font-size: 0.625rem;
  line-height: 2.2;
  letter-spacing: 0.04em;
  text-align: justify;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-people-content__text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.875;
  }
}

.p-people-content__content {
  margin-top: 4.375rem;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__content {
    padding-bottom: 6.25rem;
  }
}

.p-people-content__content-vw {
  margin-top: 0rem;
  padding-top: 6.25rem;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  background-color: #fff;
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__content-vw {
    padding-inline: 0rem;
  }
}

.p-people-content__content--03 {
  margin-top: 6.25rem;
  padding-bottom: 0;
}

.p-people-content__img {
  position: relative;
}

.p-people-content__img::before {
  content: "";
  position: absolute;
  top: -1.5625rem;
  left: 0.625rem;
  width: 5.0625rem;
  height: 5.0625rem;
  background: url(../images/people/num.svg) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-people-content__img::before {
    width: 8.1875rem;
    height: 8.1875rem;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: -5.625rem;
    right: 3.75rem;
  }
}

.p-people-content__img--02::before {
  top: -1.5625rem;
  left: 0.625rem;
  width: 6.1875rem;
  height: 5.0625rem;
  background: url(../images/people/num2.svg) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-people-content__img--02::before {
    width: 10.625rem;
    height: 8.75rem;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: -5.625rem;
    right: 3.75rem;
  }
}

.p-people-content__img--03::before {
  top: -1.5625rem;
  left: 0.625rem;
  width: 6.1875rem;
  height: 5.0625rem;
  background: url(../images/people/num3.svg) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-people-content__img--03::before {
    width: 10.625rem;
    height: 8.75rem;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: -5.625rem;
    right: 3.75rem;
  }
}

.p-people-content__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 320/320;
}
@media screen and (min-width: 768px) {
  .p-people-content__img img {
    aspect-ratio: 900/474;
  }
}

.p-people-content__read {
  margin-top: -0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__read {
    margin-top: -1.875rem;
    max-width: 50rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-people-content__read-head {
  width: 100%;
}

.p-people-content__read-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-people-content__read-title {
    font-size: 1.875rem;
    line-height: 2;
  }
}

.p-people-content__read-title span {
  background-color: #fff;
  padding: 0.0625rem 0.75rem;
}

.p-people-content__read-text {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.6363636364;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-people-content__read-text {
    margin-top: 1.5625rem;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.7142857143;
  }
}

.p-people-content__box {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box {
    max-width: 50rem;
    width: 100%;
    margin-inline: auto;
    margin-top: 2.8125rem;
  }
}

.p-people-content__box:nth-child(2) {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box:nth-child(2) {
    margin-top: 6.25rem;
  }
}

.p-people-content__box.p-people-content__box--min {
  margin-top: 2.5rem;
  padding-inline: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box.p-people-content__box--min {
    margin-top: 3.125rem;
    max-width: 51.25rem;
    width: 100%;
    margin-inline: auto;
    padding-inline: 0rem;
  }
}

.p-people-content__box-head {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-people-content__box--min .p-people-content__box-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.5625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-content__box--min .p-people-content__box-head::before,
  .p-people-content__box--min .p-people-content__box-head::after {
    content: "";
    display: block;
    width: 14.125rem;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
    background: linear-gradient(to right, #80B73F, #018A8A);
    position: static;
  }
}

.p-people-content__box-table .p-people-content__box-head {
  padding-inline: 1.71875rem;
  max-width: 34.375rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-table .p-people-content__box-head {
    padding-inline: 0rem;
    margin-inline: 0;
  }
}

.p-people-content__box-head::before {
  content: "";
  position: absolute;
  bottom: -0.9375rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-people-content__box-head::before {
    bottom: -1.375rem;
  }
}

.p-people-content__box-head--border::before {
  display: none;
}

.p-people-content__box-title {
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-title {
    font-size: 1.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-content__box--min .p-people-content__box-title {
    font-size: 1.25rem;
  }
}

.p-people-content__box-title.p-people-content__box-title--min {
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-title.p-people-content__box-title--min {
    font-size: 1.25rem;
    letter-spacing: 0.04em;
  }
}

.p-people-content__box-title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-people-content__box-body {
  margin-top: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-body {
    margin-top: 2.8125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-content__box--min .p-people-content__box-body {
    margin-top: 0.625rem;
  }
}

.p-people-content__box-body2 {
  margin-top: 0.9375rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-body2 {
    max-width: 51.25rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-people-content__box-text {
  font-size: 0.75rem;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-text {
    line-height: 1.8571428571;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

@media screen and (min-width: 768px) {
  .p-people-content__box-text--bold {
    font-weight: 700;
  }
}

.p-people-content__box2 {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2 {
    margin-top: 5.9375rem;
  }
}

.p-people-content__box2.p-people-content__box2--white {
  margin-top: 3.4375rem;
  position: relative;
  padding: 1.875rem 0.9375rem 1.875rem 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2.p-people-content__box2--white {
    margin-top: 4.375rem;
    padding: 2.1875rem;
  }
}

.p-people-content__box2.p-people-content__box2--margin {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2.p-people-content__box2--margin {
    margin-top: 2.5rem;
  }
}

.p-people-content__box2--white::before {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-people-content__box2--white::after {
  background: #fff;
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  left: 1px;
}

.p-people-content__box2-img {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-img {
    width: 100%;
    margin-left: 0;
  }
}

.p-people-content__box2-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 375/240;
  max-height: 21.875rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-img img {
    aspect-ratio: 900/435;
    max-height: none;
    max-height: initial;
  }
}

.p-people-content__box2-table {
  margin-top: 2.5rem;
  background-color: #fff;
  padding: 1.875rem 0.9375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-table {
    margin-top: 3.125rem;
    padding: 2.1875rem 2.5rem 2.5rem;
  }
}

.p-people-content__box2-table::before {
  content: "";
  position: absolute;
  bottom: -1.1875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.375rem;
  height: 1.5625rem;
  background: url(../images/people/people-arrow.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-table::before {
    bottom: -2.0625rem;
    width: 3.125rem;
    height: 2.0625rem;
  }
}

.p-people-content__box2-title {
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-title {
    font-size: 1.3125rem;
  }
}

.p-people-content__box2-title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-people-content__box2-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  background-color: #f2f2f2;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-items {
    background-color: transparent;
    background-color: initial;
    gap: 0.0625rem;
    margin-top: 2.5rem;
  }
}

.p-people-content__box2-items::before {
  content: "";
  position: absolute;
  top: 3.75rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .p-people-content__box2-items::before {
    display: none;
  }
}

.p-people-item {
  padding-top: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-people-item__career {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-people-item__career {
    display: block;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.75;
    letter-spacing: 0.04em;
    font-weight: 700;
    max-width: 8.9375rem;
    width: 100%;
    margin-inline: auto;
    padding-top: 0.3125rem;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
  }
}

@media screen and (min-width: 768px) {
  .p-people-item__career::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8.9375rem;
    height: 3.125rem;
    background: url(../images/people/people-box.webp) no-repeat center center/cover;
    z-index: -1;
  }
}

.p-people-item__year-box {
  position: relative;
  height: 56%;
}
@media screen and (min-width: 768px) {
  .p-people-item__year-box {
    margin-top: 1.5625rem;
    padding-top: 1.25rem;
    background-color: #f2f2f2;
    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;
    gap: 0.5rem;
  }
}

.p-people-item__year-box::before {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2px;
  height: 6px;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  .p-people-item__year-box::before {
    display: none;
  }
}

.p-people-item__year-box--last {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-people-item__year-box--last {
    margin-top: 1.5625rem;
  }
}

.p-people-item__year-box--last::before {
  top: 70%;
}
.p-people-item__year {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.04em;
  position: relative;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-people-item__year {
    font-size: 1.25rem;
    line-height: 1.75;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-item__year:first-child::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 2px;
    background-color: #000;
  }
}

.p-people-item__body {
  margin-top: 1.5625rem;
  padding-inline: 0.375rem;
  height: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-people-item__body {
    padding-block: 0.625rem 0.625rem;
    padding-inline: 1.375rem;
    margin-top: 0;
    background-color: #f2f2f2;
  }
}

.p-people-item__text {
  text-align: justify;
  font-size: 0.625rem;
  line-height: 1.8;
  display: inline-block;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-people-item__text {
    display: block;
    text-align: left;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.75;
    width: 100%;
    margin-inline: auto;
  }
}

.p-people-item__btn {
  margin-top: 0.9375rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-people-item__btn {
    margin-top: 0;
    background: #f2f2f2;
  }
}

.p-people-item__btn button {
  display: block;
  width: 100%;
  font-size: 0.6875rem;
  line-height: 4.3636363636;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-people-item__btn button {
    display: inline-block;
    line-height: 1;
    font-size: medium;
    font-size: initial;
    width: 1.4375rem;
    height: 1.4375rem;
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-people-item__btn span {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

.p-people-item__btn button.is-active {
  background: #000;
}
@media screen and (min-width: 768px) {
  .p-people-item__btn button.is-active {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
  }
}

.p-people-item__btn button::after {
  content: "";
  position: absolute;
  bottom: 0.4375rem;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
  width: 0.75rem;
  height: 0.375rem;
  background: url(../images/people/people-btn_sp.webp) no-repeat center center/cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-people-item__btn button::after {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
    width: 1.4375rem;
    height: 1.4375rem;
    background: url(../images/people/people-btn.webp) no-repeat center center/cover;
  }
}

.p-people-item__btn button.is-active::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}
@media screen and (min-width: 768px) {
  .p-people-item__btn button.is-active::after {
    -webkit-transform: translateX(-50%) rotate(360deg);
            transform: translateX(-50%) rotate(360deg);
    background: url(../images/people/black-arrow.webp) no-repeat center center/cover;
  }
}

.p-people-item__contents {
  background-color: #f2f2f2;
  position: relative;
  max-height: 18.75rem;
}

.p-people-item__contents:has(.is-active) {
  height: 100%;
}

.p-people-item__content {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #E6F1D9;
}

.p-people-item__content.is-active {
  visibility: visible;
}

.p-people-item__main {
  padding: 1.25rem;
  color: #018A8A;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-people-item__main {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.7142857143;
    padding: 1.53125rem 0.625rem 1.53125rem 1.25rem;
  }
}
@media screen and (min-width: 991px) {
  .p-people-item__main {
    padding: 1.53125rem 1.875rem;
  }
}

.p-people-content__box-table {
  margin-top: 2.5rem;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding-top: 1.5625rem;
  padding-bottom: 1.875rem;
  background-color: #F2F8EC;
}
@media screen and (min-width: 768px) {
  .p-people-content__box-table {
    width: 100%;
    position: relative;
    margin-inline: auto;
    padding: 2.1875rem 2.5rem 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-content__box-table::before {
    content: "";
    position: absolute;
    top: 53%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
    background: linear-gradient(to right, #80B73F, #018A8A);
    width: 100%;
    height: 1px;
  }
}

.p-people-swiper,
.p-people-swiper03 {
  margin-top: 1.25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-people-swiper,
  .p-people-swiper03 {
    margin-top: 2.1875rem;
    padding-bottom: 0.3125rem !important;
  }
}

.p-people-swiper__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .p-people-swiper__box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.625rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .p-people-swiper__box:nth-child(2) {
    margin-left: 9.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-people-swiper__box.p-people-swiper__box--margin {
    margin-left: 5.25rem;
  }
}

.swiper .p-people-swiper__slide {
  padding: 1.5rem 1.5rem 0.9375rem;
  background-color: #fff;
  height: 7.125rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .swiper .p-people-swiper__slide {
    height: 8.25rem;
    height: auto;
    padding: 1.5625rem 0.625rem 1.5625rem 0.625rem;
  }
}
@media screen and (min-width: 991px) {
  .swiper .p-people-swiper__slide {
    padding: 1.5625rem 0.625rem 1.5625rem 1.5625rem;
  }
}

.p-people-swiper03.swiper .p-people-swiper__slide {
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-people-swiper03.swiper .p-people-swiper__slide {
    min-height: 10.4375rem;
    height: 12.5rem;
    padding-right: 0.625rem;
  }
}
@media screen and (min-width: 991px) {
  .p-people-swiper03.swiper .p-people-swiper__slide {
    padding-right: 0.9375rem;
    height: 10.4375rem;
  }
}

.p-people-swiper__text {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
}

.p-people-swiper__text span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-people-swiper__text2 {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-people-swiper__text2 {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-people-swiper__pagination,
.p-people-swiper03__pagination {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 6.8125rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-people-swiper__pagination,
  .p-people-swiper03__pagination {
    margin-top: 2.8125rem;
    max-width: 2.8125rem;
    gap: 0.9375rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-people-swiper__pagination .swiper-pagination-bullet,
.p-people-swiper03__pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #CCCCCC;
  opacity: 1;
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .p-people-swiper__pagination .swiper-pagination-bullet,
  .p-people-swiper03__pagination .swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.p-people-swiper__pagination .swiper-pagination-bullet-active,
.p-people-swiper03__pagination .swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}

.p-people-swiper__button,
.p-people-swiper03__button {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  width: 0.5625rem;
  height: 1.125rem;
  background: url(../images/common/swiper-arrow.svg) no-repeat center center/cover;
  top: 38%;
  left: 14%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  z-index: 2;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-people-swiper__button,
  .p-people-swiper03__button {
    left: 43%;
    top: 94.5%;
  }
}

.p-people-swiper__button.p-people-swiper__button--next,
.p-people-swiper03__button.p-people-swiper03__button--next {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  left: auto;
  left: initial;
  right: 14%;
}
@media screen and (min-width: 768px) {
  .p-people-swiper__button.p-people-swiper__button--next,
  .p-people-swiper03__button.p-people-swiper03__button--next {
    right: 43%;
    top: 94.5%;
  }
}

.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.p-people-swiper__button.p-people-swiper__button--prev.swiper-button-disabled,
.p-people-swiper__button.p-people-swiper__button--next.swiper-button-disabled,
.p-people-swiper03__button.p-people-swiper03__button--prev.swiper-button-disabled,
.p-people-swiper03__button.p-people-swiper03__button--next.swiper-button-disabled {
  display: none;
}

.p-people {
  background-color: #E2EEE7;
}

.l-people {
  padding-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .l-people {
    padding-top: 5.9375rem;
  }
}

.p-people__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-people__inner {
    gap: 5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 68.125rem;
  }
}

.p-people__head .c-sec-title__en {
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .p-people__head .c-sec-title {
    margin-top: 0.625rem;
  }
}

.p-people__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-people__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3.125rem;
  }
}

.p-people__item {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-people__item {
    max-width: 22.3125rem;
  }
}

.p-people__item-img {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-people__item-img {
    max-width: 22.3125rem;
  }
}

.p-people__item:has(.p-people__item-btn:hover) .p-people__item-img img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

.p-people__item-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 357/339;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-people__item-img img {
    aspect-ratio: 357/339;
  }
}

.p-people__item-head {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-people__item-head {
    margin-top: 1.5625rem;
  }
}

.p-people__item-title {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-people__item-title {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.p-people__item-btn {
  margin-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-people__item-btn {
    margin-top: 1.25rem;
    text-align: left;
  }
}

.l-plant {
  padding-top: 4.375rem;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .l-plant {
    padding-top: 5.625rem;
    padding-bottom: 0rem;
  }
}

.p-plant {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-plant {
    background-color: #fff;
  }
}

.p-plant__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-plant__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-plant__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-plant__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-plant__head .c-sec-title {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-plant__head .c-sec-title {
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-plant__body {
  margin-top: 0.9375rem;
  position: relative;
  z-index: 6;
}
@media screen and (min-width: 768px) {
  .p-plant__body {
    margin-top: 2.1875rem;
    max-width: 68.75rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-plant__text {
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-plant__text {
    font-size: clamp(14px, -19.391px + 4.348vw, 18px);
    line-height: 2;
  }
}

.p-plant__text2 {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-plant__text2 {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 1.8571428571;
    letter-spacing: 0.04em;
  }
}

.p-plant__maps {
  height: 48.9375rem;
  margin-top: -1.5625rem;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  overflow-x: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 3;
}
.p-plant__maps::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-plant__maps {
    margin-top: 1.5625rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(48%, #fff), color-stop(48%, #efefef));
    background: linear-gradient(to bottom, #fff, #fff 48%, #efefef 48%);
    padding-bottom: 3.75rem;
  }
}

.p-plant__svg {
  position: absolute;
  width: 72.9375rem;
  height: 48.9375rem;
  top: 0;
  left: 0%;
}
@media screen and (min-width: 768px) {
  .p-plant__svg {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.p-plant__svg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 70% 0;
     object-position: 70% 0;
}

.p-plant__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.p-plant__map::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 41.5%;
  left: 49.8%;
  background: url(../images/business/map-icon2.webp) no-repeat center center/contain;
  width: 5.5625rem;
  height: 5.0625rem;
}

@media screen and (min-width: 768px) {
  .p-plant__scroll-hint {
    display: none !important;
  }
}

.p-plant__plant {
  cursor: pointer;
  position: absolute;
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
}

.p-plant__plant:nth-child(even) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.p-plant__plant:before {
  content: "";
  position: absolute;
  background: url(../images/business/map-icon.svg) no-repeat center center/contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.375rem;
  height: 3.625rem;
}

.p-plant__plant[data-plant=hydroelectric] {
  top: 16%;
  left: 24%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=hydroelectric] {
    top: 16%;
    left: 22.5%;
  }
}

.p-plant__plant[data-plant=water-treatment] {
  top: 12%;
  left: 29%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=water-treatment] {
    top: 11%;
    left: 28%;
  }
}

.p-plant__plant[data-plant=solar-panel] {
  top: 29.5%;
  left: 11%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=solar-panel] {
    top: 30%;
    left: 10%;
  }
}

.p-plant__plant[data-plant=incinerator] {
  top: 27%;
  left: 53.5%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=incinerator] {
    top: 27%;
    left: 52.5%;
  }
}

.p-plant__plant[data-plant=precious-metal] {
  top: 44.5%;
  left: 40%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=precious-metal] {
    top: 44.5%;
    left: 39%;
  }
}

.p-plant__plant[data-plant=asphalt-raw-material] {
  top: 49%;
  left: 19%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=asphalt-raw-material] {
    top: 48%;
    left: 17.5%;
  }
}

.p-plant__plant[data-plant=magnetic-tape] {
  top: 38%;
  left: 54.5%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=magnetic-tape] {
    top: 38%;
    left: 52.5%;
  }
}

.p-plant__plant[data-plant=recycling-plant] {
  top: 59%;
  right: 56%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=recycling-plant] {
    top: 57%;
    right: 54%;
  }
}

.p-plant__plant[data-plant=refrigerator] {
  top: 47%;
  right: 35%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=refrigerator] {
    top: 49%;
    right: 33.5%;
  }
}

.p-plant__plant[data-plant=pharmaceutical] {
  top: 57.5%;
  left: 51.1%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=pharmaceutical] {
    top: 57.5%;
    left: 49.7%;
  }
}

.p-plant__plant[data-plant=copy-machine] {
  top: 58%;
  left: 46%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=copy-machine] {
    top: 62%;
    left: 44%;
  }
}

.p-plant__plant[data-plant=polluted-soil] {
  top: 47%;
  right: 18%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=polluted-soil] {
    top: 47%;
    right: 18%;
  }
}

.p-plant__plant[data-plant=fuel-cell] {
  top: 57%;
  right: 28.5%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=fuel-cell] {
    top: 58%;
    right: 27.5%;
  }
}

.p-plant__plant[data-plant=automobile] {
  top: 66%;
  right: 31.5%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=automobile] {
    top: 66%;
    right: 30.5%;
  }
}

.p-plant__plant[data-plant=smartphone] {
  top: 72.5%;
  left: 50%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=smartphone] {
    top: 72.5%;
    left: 49%;
  }
}

.p-plant__plant[data-plant=biological-diesel] {
  top: 55%;
  right: 11%;
}
@media screen and (min-width: 768px) {
  .p-plant__plant[data-plant=biological-diesel] {
    top: 54%;
    right: 9.5%;
  }
}

.p-plant__plant span {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .p-plant__plant span {
    font-size: 1.125rem;
    line-height: 1.1666666667;
    text-align: center;
    background-color: #ff0000;
    padding-inline: 0.625rem;
    color: #fff;
    position: relative;
    z-index: 1;
  }
}

.p-plant__contents {
  display: none;
  z-index: 1;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
  opacity: 0;
  position: fixed;
  inset: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, .6);
  overflow-y: auto;
}

.p-plant__contents.is-active {
  opacity: 1;
  overflow-x: clip;
}

.p-plant__close {
  cursor: pointer;
  position: absolute;
  top: -1.5625rem;
  right: 0rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/business/close.svg) no-repeat center center/cover;
  z-index: 4;
}

.p-plant__modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 85.6%;
}
@media screen and (min-width: 768px) {
  .p-plant__modal-box {
    width: 100%;
    top: 26.875rem;
    max-width: 36.25rem;
  }
}
.p-plant__modal-box .p-plant__modal {
  display: none;
  background-color: #fff;
  padding: 1.25rem;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-plant__modal-box .p-plant__modal {
    padding: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-plant__modal-img {
    max-width: 31.875rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-plant__modal-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 273/160;
}
@media screen and (min-width: 768px) {
  .p-plant__modal-img img {
    aspect-ratio: 510/300;
  }
}

.p-plant__modal-body {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-plant__modal-body {
    margin-top: 0.9375rem;
  }
}

.p-plant__modal-title {
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.p-plant__modal-text {
  text-align: justify;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
}
@media screen and (min-width: 768px) {
  .p-plant__modal-text {
    margin-top: 0.3125rem;
    letter-spacing: 0.04em;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.8571428571;
  }
}

body:has(.p-project) {
  background-color: #fff;
}

.p-project {
  background-color: #fff;
  overflow: hidden;
}

.l-project {
  padding-top: 14.375rem;
  padding-bottom: 4.375rem;
}
@media screen and (min-width: 768px) {
  .l-project {
    padding-top: 4.0625rem;
    padding-bottom: 0rem;
  }
}

.p-project__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-project__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-project__head {
    max-width: 19.9375rem;
    width: 100%;
  }
}

.p-project__title {
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-project__title {
    text-align: right;
    padding-inline: 0.8125rem;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
  }
}

.p-project__title::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.71875rem;
  width: 11.75rem;
  height: 2.375rem;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-project__title::before {
    width: 100%;
    left: 0;
    height: 2.875rem;
  }
}

.p-project__body {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-project__body {
    margin-top: 2.5rem;
    max-width: 53.125rem;
    width: 100%;
    margin-inline: auto;
    -webkit-transform: translateX(1.5625rem);
            transform: translateX(1.5625rem);
  }
}

.p-project__text {
  font-size: 0.75rem;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-project__text {
    font-size: 1.125rem;
    line-height: 2.2222222222;
    letter-spacing: 0.08em;
  }
}

.p-project__text span {
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-project__text span {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-project__caution {
  font-size: 0.75rem;
  line-height: 1.8333333333;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-project__caution {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    margin-top: 0.625rem;
    white-space: nowrap;
  }
}

.p-project__contents {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-project__contents {
    margin-top: 6.125rem;
  }
}

.p-project__content:not(:first-child) {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-project__content:not(:first-child) {
    margin-top: 5rem;
  }
}

.p-project__content-flex .p-project__content {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-flex .p-project__content {
    margin-top: 0;
  }
}

.p-project__content-flex {
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-flex {
    margin-top: 8.125rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
    max-width: 63.75rem;
    width: 100%;
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-project__content-flex--margin {
    margin-top: 5.625rem;
  }
}

.p-process--margin {
  margin-top: 3.75rem;
}

.p-process__img {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
@media screen and (min-width: 768px) {
  .p-process__img {
    width: 100%;
    margin-inline: 0;
  }
}

.p-process__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 375/308;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-process__img img {
    aspect-ratio: 1040/650;
  }
}

.p-process__main {
  margin-top: -5rem;
}
@media screen and (min-width: 768px) {
  .p-process__main {
    margin-top: -10rem;
    max-width: 54.375rem;
    background-color: #fff;
    width: 100%;
    margin-inline: auto;
    position: relative;
  }
}

.p-process__head {
  margin-inline: auto;
  background-color: #fff;
  position: relative;
  padding-block: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-process__head {
    padding-block: 3.125rem;
  }
}

.p-process__head.p-process__head--bg {
  padding: 0;
}

.p-process__head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.375rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}

.p-process__head--bg::after {
  content: "";
  display: none;
}

.p-process__title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2222222222;
  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;
  gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-process__title {
    font-size: 1.5rem;
    line-height: 1.75;
    gap: 0.625rem;
  }
}

.p-process__title::before,
.p-process__title::after {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 1.5rem;
  background: url(../images/project/project01-process-arrow.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-process__title::before,
  .p-process__title::after {
    width: 0.625rem;
    height: 2.0625rem;
  }
}

.p-process__title::after {
  background: url(../images/project/process-arrow-right.webp) no-repeat center center/cover;
}

.p-process__title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
}

.p-process__items {
  margin-top: 0.9375rem;
  padding-inline: 2.1875rem 1.5625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-process__items {
    max-width: 46.875rem;
    width: 100%;
    margin-inline: auto;
    padding-inline: 2.1875rem 0rem;
  }
}

.p-process__items::before {
  content: "";
  position: absolute;
  top: 0.9375rem;
  left: 1.125rem;
  width: 1px;
  height: 84%;
  background: -webkit-gradient(linear, left top, left bottom, from(#80B73F), to(#018A8A));
  background: linear-gradient(to bottom, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-process__items::before {
    height: 88%;
    left: 0.375rem;
  }
}
@media screen and (min-width: 991px) {
  .p-process__items::before {
    height: 88%;
  }
}

.p-process__items.p-process__items--02::before {
  height: 79.7%;
}
@media screen and (min-width: 375px) {
  .p-process__items.p-process__items--02::before {
    height: 80%;
  }
}
@media screen and (min-width: 768px) {
  .p-process__items.p-process__items--02::before {
    height: 84%;
  }
}
@media screen and (min-width: 991px) {
  .p-process__items.p-process__items--02::before {
    height: 84%;
  }
}

.p-process__items--03::before {
  height: 60%;
}
@media screen and (min-width: 420px) {
  .p-process__items--03::before {
    height: 63%;
  }
}
@media screen and (min-width: 433px) {
  .p-process__items--03::before {
    height: 62%;
  }
}
@media screen and (min-width: 438px) {
  .p-process__items--03::before {
    height: 59%;
  }
}
@media screen and (min-width: 448px) {
  .p-process__items--03::before {
    height: 62%;
  }
}
@media screen and (min-width: 511px) {
  .p-process__items--03::before {
    height: 61%;
  }
}
@media screen and (min-width: 540px) {
  .p-process__items--03::before {
    height: 63%;
  }
}
@media screen and (min-width: 768px) {
  .p-process__items--03::before {
    height: 65%;
  }
}
@media screen and (min-width: 991px) {
  .p-process__items--03::before {
    height: 66%;
  }
}

.p-process__items--04::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-process__items--04::before {
    height: 65%;
    display: block;
  }
}

.p-process__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-process__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
  }
}

.p-process__items--04 .p-process__item:nth-child(1):before {
  content: "";
  position: absolute;
  top: 0.9375rem;
  left: -1.03125rem;
  width: 1px;
  height: 112%;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 600px) {
  .p-process__items--04 .p-process__item:nth-child(1):before {
    height: 115%;
  }
}
@media screen and (min-width: 768px) {
  .p-process__items--04 .p-process__item:nth-child(1):before {
    display: none;
  }
}

.p-process__item:not(:first-child) {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-process__item:not(:first-child) {
    margin-top: 4.375rem;
  }
}

.p-process__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-process__item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 10.625rem;
    width: 100%;
    height: 100%;
  }
}

.p-process__item-head::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.375rem;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-process__item-head::before {
    top: 28%;
    left: -2.1875rem;
    width: 0.875rem;
    height: 0.875rem;
  }
}

.p-process__item-title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-process__item-title {
    font-size: 1.25rem;
  }
}

.p-process__period {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.8333333333;
}
@media screen and (min-width: 768px) {
  .p-process__period {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.75;
  }
}

.p-process__item-body {
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .p-process__item-body {
    margin-top: 0;
    max-width: 34.0625rem;
    width: 100%;
  }
}

.p-process__item-text {
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  line-height: 1.8333333333;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-process__item-text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-project__content-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
}

.p-project__content-head.p-project__content-head--large {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head.p-project__content-head--large {
    margin-top: 0;
  }
}

.p-project__content-head--margin {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head--margin {
    margin-top: 0;
  }
}

.p-project__content-head.p-project__content-head--large::before {
  height: 4.75rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head.p-project__content-head--large::before {
    height: 3.1875rem;
  }
}

.p-project__content-head.p-project__content-head--margin.p-project__content-head--large::before {
  height: 2.875rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head.p-project__content-head--margin.p-project__content-head--large::before {
    height: 3.1875rem;
  }
}

.p-project__content-head.p-project__content-head--02::before {
  height: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head.p-project__content-head--02::before {
    height: 3.1875rem;
  }
}

.p-project__content-head.p-project__content-head--02-3::before {
  height: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head.p-project__content-head--02-3::before {
    height: 5.0625rem;
  }
}

.p-project__content-head.p-project__content-head--02-2::before {
  height: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-head.p-project__content-head--02-2::before {
    height: 3.1875rem;
  }
}

.p-project__content-head::before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 3rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-project__content-head::before {
    height: 3.1875rem;
  }
}

.p-project__content-title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.3333333333;
}
@media screen and (min-width: 768px) {
  .p-project__content-title {
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.p-project__content-title--large {
  line-height: 1.4444444444;
}

.p-project__content-body {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-project__content-body {
    margin-top: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-project__content-body-min {
    max-width: 29.125rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-project__content-text {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 2;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-project__content-text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    line-height: 2;
    letter-spacing: 0.08em;
  }
}

.p-project__content-img {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

@media screen and (min-width: 768px) {
  .p-project__content-img2 {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
}

.p-project__content-img2 img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1280/390;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-project__content-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 375/250;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper.p-process__swiper {
  padding-top: 3.75rem;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  overflow: visible;
  overflow: initial;
}
@media screen and (min-width: 768px) {
  .swiper.p-process__swiper {
    width: 100%;
    margin-inline: 0;
    overflow: hidden;
    padding-bottom: 6.25rem;
  }
}

.swiper .p-process__swiper-item {
  background-color: #F2F8EC;
  height: 10rem;
  padding-top: 2.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
  padding-inline: 1.25rem;
}

.p-process__swiper-head {
  position: absolute;
  top: -0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-process__swiper-year {
  width: 100%;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-process__swiper-year {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-process__swiper-year::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
  left: 50%;
  width: 8.9375rem;
  height: 3.125rem;
  background: url(../images/project/project01-year.webp) no-repeat center center/cover;
  z-index: -1;
}

.p-process__swiper-text {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  line-height: 1.7142857143;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-process__swiper-text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-process__swiper-text span {
  color: #018A8A;
  font-weight: 700;
}

.p-project__content .swiper-pagination.p-process__swiper-pagination {
  position: absolute;
  bottom: -3.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.625rem;
  max-width: 5.3125rem;
  width: 100%;
  margin-inline: auto;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-project__content .swiper-pagination.p-process__swiper-pagination {
    bottom: 1.5625rem;
    gap: 0.9375rem;
    right: 0;
  }
}

.p-project__content .swiper-pagination.p-process__swiper-pagination--04 {
  bottom: -5rem;
}
@media screen and (min-width: 768px) {
  .p-project__content .swiper-pagination.p-process__swiper-pagination--04 {
    bottom: 1.5625rem;
  }
}

.p-process--relative {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-process--relative::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 0;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
    width: 200vw;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
    background: linear-gradient(to right, #80B73F, #018A8A);
  }
}
@media screen and (min-width: 1440px) {
  .p-process--relative::before {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
  }
}

.p-process__swiper-pagination .swiper-pagination-bullet {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 6.8125rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-process__swiper-pagination .swiper-pagination-bullet {
    margin-top: 2.8125rem;
    max-width: 2.8125rem;
    gap: 0.9375rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-process__swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #CCCCCC;
  opacity: 1;
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .p-process__swiper-pagination .swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.p-process__swiper-pagination .swiper-pagination-bullet-active {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}

.p-process__swiper-button-next.swiper-button-next,
.p-process__swiper-button-prev.swiper-button-prev {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  width: 0.5625rem;
  height: 1.125rem;
  background: url(../images/common/swiper-arrow.svg) no-repeat center center/cover;
  top: 73%;
  left: 14%;
  right: auto;
  right: initial;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  z-index: 10;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-process__swiper-button-next.swiper-button-next,
  .p-process__swiper-button-prev.swiper-button-prev {
    left: 43%;
    top: auto;
    top: initial;
    bottom: 7%;
  }
}

.p-process__swiper-button-next.swiper-button-next {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  left: auto;
  left: initial;
  right: 14%;
}
@media screen and (min-width: 768px) {
  .p-process__swiper-button-next.swiper-button-next {
    right: 43%;
    top: auto;
    top: initial;
    bottom: 7%;
  }
}

.p-question-about {
  position: relative;
  background-color: #F2F2F2;
}

.p-question-about::after {
  content: "";
  width: 2px;
  height: 4rem;
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-question-about::after {
    top: -2.8125rem;
    height: 5.625rem;
  }
}

.l-question-about {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .l-question-about {
    padding-top: 5.625rem;
    padding-bottom: 6.25rem;
    margin-top: 6.25rem;
  }
}

.p-question-about__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-question-about__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-question-about__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-question-about__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-question-about__head .c-sec-title {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-question-about__head .c-sec-title {
    white-space: nowrap;
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-question-about__body {
  margin-top: 1.25rem;
  max-width: 20rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-question-about__body {
    max-width: none;
    max-width: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-question-about__items {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .p-question-about__items:nth-child(2) {
    background-color: #fff;
  }
}

.p-about-item {
  padding: 1.25rem;
  background-color: #fff;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-about-item {
    padding: 1.375rem 1.5rem 2.1875rem;
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-about-item--3 {
    padding-bottom: 1.8125rem;
  }
}

.p-about-item__title {
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-about-item__title {
    font-size: 1.25rem;
    position: relative;
  }
}

.p-about-item__num-box {
  margin-top: 1.5625rem;
  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;
  gap: 2.8125rem;
  position: relative;
  border-bottom: 3px solid #F2F2F2;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-about-item__num-box {
    gap: 3.125rem;
    border: none;
    margin-top: 0.9375rem;
    padding-bottom: 0rem;
  }
}

.p-about-item__num-box::before,
.p-about-item__num-box::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  top: 2.1875rem;
  left: 45%;
  width: 0.625rem;
  height: 0.625rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-about-item__num-box::before,
  .p-about-item__num-box::after {
    left: 47%;
  }
}

.p-about-item__num-box::after {
  top: 4.0625rem;
}

.p-about-item__num {
  width: 6.1875rem;
  height: 6.1875rem;
  border-radius: 999px;
  background-color: #E5F1E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  font-weight: 500;
  line-height: 1.2222222222;
}

.p-about-item__num:nth-child(2) {
  width: 7.5rem;
  height: 7.5rem;
}

.p-about-item__num span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 3.125rem;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "din-alternate-bold", sans-serif;
}

.p-about-item__text-box {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-about-item__text-box {
    margin-top: 0;
    text-align: center;
  }
}

.p-about-item__text {
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-about-item__text {
    font-size: 1.125rem;
    letter-spacing: 0.08em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-about-item__text:before,
  .p-about-item__text:after {
    content: "";
    width: 1.46875rem;
    height: 1px;
    background-color: #000;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
}

@media screen and (min-width: 768px) {
  .p-about-item__text:after {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}

.p-about-item__text2 {
  margin-top: 0.9375rem;
  padding: 0.8125rem 0.9375rem;
  background-color: #F2F2F2;
  max-width: 16.0625rem;
  width: 100%;
  margin-left: 1.25rem;
  position: relative;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-about-item__text2 {
    padding: 0.75rem 1.5rem;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    max-width: 28.0625rem;
    margin-left: auto;
    margin-right: 1.25rem;
    text-align: left;
    margin-top: 0.3125rem;
  }
}

.p-about-item__text2 .p-about-item__text2--none {
  display: none;
}
@media screen and (min-width: 991px) {
  .p-about-item__text2 .p-about-item__text2--none {
    display: block;
  }
}

.p-about-item__text2:not(:nth-child(2)) {
  margin-top: 0.5rem;
}

.p-about-item__text2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/questionnaire/icon-left.webp) no-repeat center center/cover;
  left: -1.25rem;
}
@media screen and (min-width: 768px) {
  .p-about-item__text2::before {
    left: auto;
    left: initial;
    right: -1.25rem;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}

.p-about-item__text2--right {
  margin-left: auto;
  margin-right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-about-item__text2--right {
    max-width: 280px;
    margin-left: 1.25rem;
    padding-inline: 0;
    text-align: center;
    margin-right: auto;
    white-space: nowrap;
  }
}

.p-about-item__text2--right::before {
  content: "";
  right: -1.25rem;
  left: auto;
  left: initial;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
  .p-about-item__text2--right::before {
    left: -1.25rem;
    right: auto;
    right: initial;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@media screen and (min-width: 768px) {
  .p-about-item--2 {
    margin-top: 0.25rem;
  }
}

.p-about-item__img {
  margin-top: 1.5625rem;
  max-width: 17.9375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-about-item__img {
    margin-top: 0;
    max-width: 27.1875rem;
  }
}

.p-about-item__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 287/297;
}
@media screen and (min-width: 768px) {
  .p-about-item__img img {
    aspect-ratio: 435/206;
  }
}

.p-about-item__img2 {
  margin-top: 0.9375rem;
  max-width: 17.5rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-about-item__img2 {
    max-width: 28rem;
    margin-top: -1.25rem;
  }
}

.p-about-item__img2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 280/427;
}
@media screen and (min-width: 768px) {
  .p-about-item__img2 img {
    aspect-ratio: 448/670;
  }
}

.p-question-answer {
  position: relative;
  background-color: #F2F2F2;
}

.p-question-answer::after {
  content: "";
  width: 2px;
  height: 4rem;
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-question-answer::after {
    top: -2.8125rem;
    height: 5.625rem;
  }
}

.l-question-answer {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .l-question-answer {
    padding-top: 5.625rem;
    padding-bottom: 6.25rem;
  }
}

.p-question-answer__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-question-answer__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-question-answer__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-question-answer__head .c-sec-title {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-question-answer__head .c-sec-title {
    white-space: nowrap;
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-question-answer__body {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__body {
    margin-top: 2.5rem;
  }
}

.p-question-answer__list {
  max-width: 20rem;
  width: 100%;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__list {
    max-width: none;
    max-width: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-question-answer__item {
  background-color: #fff;
  padding: 1.25rem 1.25rem 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__item {
    padding: 1.25rem 1.4375rem 2.1875rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    max-width: 21.5rem;
  }
}

.p-question-answer__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2222222222;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-question-answer__title {
    font-size: 1.25rem;
  }
}

.p-question-answer__data {
  margin-top: 2.5rem;
  margin-inline: auto;
  max-width: 16.5rem;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-question-answer__data {
    max-width: 17.6875rem;
    margin-top: 3.125rem;
  }
}

.p-question-answer__data img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 264/184;
}
@media screen and (min-width: 768px) {
  .p-question-answer__data img {
    aspect-ratio: 284/161;
  }
}

.p-question-answer__box {
  position: absolute;
  top: -1.75rem;
  left: 0;
  width: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-question-answer__box {
    top: -2.8125rem;
    left: 1rem;
  }
}

.p-question-answer__num {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  font-family: "din-alternate-bold", sans-serif;
  height: 100%;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-question-answer__num {
    font-size: 2.5rem;
  }
}

.p-question-answer__percent {
  font-size: 1.125rem;
  margin-left: 0.125rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__percent {
    font-size: 1.375rem;
  }
}

.p-question-answer__num-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-question-answer__text {
  font-size: 0.75rem;
  line-height: 1.7916666667;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-question-answer__text {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-question-answer__box2 {
  position: absolute;
  top: 7.1875rem;
  right: 0.125rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-question-answer__box2 {
    top: 5.4375rem;
    right: 0rem;
  }
}

.p-question-answer__data-box {
  position: relative;
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.p-question-answer__data-box::after {
  content: "";
  width: 2px;
  height: 105%;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-question-answer__data-xl,
.p-question-answer__data-lg {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .p-question-answer__data-xl {
    gap: 0;
  }
}

.p-question-answer__num-lg {
  font-size: 3.875rem;
  font-weight: 700;
  line-height: 1.2;
  font-family: "din-alternate-bold", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-question-answer__num-lg {
    gap: 0;
    font-size: 4.25rem;
  }
}

.p-question-answer__percent2--large {
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__percent2--large {
    font-size: 2.25rem;
  }
}

.p-question-answer__num-xl {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
  font-family: "din-alternate-bold", sans-serif;
}

.p-question-answer__percent2--xl {
  font-size: 1.5rem;
}

.p-question-answer__data-xl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 105/93;
  max-width: 6.5625rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__data-xl img {
    max-width: 7.0625rem;
    aspect-ratio: 113/100;
  }
}

.p-question-answer__data-lg img {
  width: 100%;
  height: 100%;
  max-width: 5.0625rem;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 81/60;
  margin-left: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__data-lg img {
    max-width: 5.4375rem;
    aspect-ratio: 87/64;
  }
}

.p-question-answer__data-lg {
  gap: 1.5625rem;
}

.p-question-answer__box3 {
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__box3 {
    margin-top: 1.875rem;
  }
}

.p-question-answer__box3-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-question-answer__box3-img {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-question-answer__box3-img:not(:first-child) {
  margin-top: 0.8125rem;
}

.p-question-answer__num-xl2 {
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-family: "din-alternate-bold", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-question-answer__num-xl2 {
    margin-top: -0.3125rem;
  }
}

.p-question-answer__box3-img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-question-answer__percent2--xl2 {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-question-answer__percent2--xl2 {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-question-employees {
  position: relative;
  background-color: #F2F2F2;
}

.p-question-employees::after {
  content: "";
  width: 2px;
  height: 4rem;
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-question-employees::after {
    top: -2.8125rem;
    height: 5.625rem;
  }
}

.l-question-employees {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .l-question-employees {
    padding-top: 5.625rem;
    padding-bottom: 6.25rem;
    margin-top: 6.25rem;
  }
}

.p-question-employees__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-question-employees__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-question-employees__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-question-employees__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-question-employees__head .c-sec-title {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-question-employees__head .c-sec-title {
    white-space: nowrap;
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-question-employees__body {
  margin-top: 1.25rem;
  max-width: 20rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-question-employees__body {
    max-width: none;
    max-width: initial;
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-question-employees__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-employees-item {
  padding: 0.9375rem 1.25rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-employees-item {
    width: 100%;
    padding-bottom: 2.25rem;
  }
}

.p-employees-item:not(:first-child) {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item:not(:first-child) {
    margin-top: 0.25rem;
  }
}

.p-employees-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 2.625rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__head {
    margin-top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__head--mt {
    margin-top: 1.875rem;
  }
}

.p-employees-item__title {
  font-size: 1.25rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1.2;
}

.p-employees-item__wrap {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-employees-item__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 2.5rem;
    margin-top: 2.8125rem;
  }
}

.p-employees-item__body--mt {
  margin-top: 1.375rem;
}

@media screen and (min-width: 768px) {
  .p-employees-item__body--mt3 {
    margin-top: -0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__body--mt2 {
    margin-top: 1.25rem;
    max-width: 55rem;
    width: 100%;
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__body--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.5625rem;
  }
}

.p-employees-item__place {
  font-size: 0.9375rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1.4666666667;
  margin-right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__place {
    font-size: 2rem;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__place--sm {
    font-size: 1.375rem;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__place--19 {
    font-size: 1.1875rem;
    line-height: 1;
  }
}

.p-employees-item__place span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__place span {
    font-size: 2rem;
  }
}

.p-employees-item__place--sm span {
  font-size: 1.375rem;
}

@media screen and (min-width: 768px) {
  .p-employees-item__place--19 span {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__place--26 {
    font-size: 1.625rem;
    line-height: 1;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__place--26 span {
    font-size: 1.625rem;
  }
}

.p-employees-item__text {
  font-size: 1.125rem;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-employees-item__text {
    font-size: 1.875rem;
    margin-left: 0.625rem;
  }
}

.p-employees-item__text--sm {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__text--sm {
    margin-left: 0.625rem;
    font-size: 1.375rem;
  }
}

.p-employees-item__num {
  margin-left: auto;
  font-size: 3.25rem;
  font-weight: 700;
  font-family: "din-alternate-bold", sans-serif;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num {
    font-size: 2.75rem;
    margin-left: 1.25rem;
  }
}

.p-employees-item__num--sm {
  font-size: 3.25rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num--sm {
    font-size: 2.1875rem;
  }
}

.p-employees-item__num--ml {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .p-employees-item__num--ml2 {
    margin-left: 0;
    line-height: 1;
    font-size: 3.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__num--mt {
    margin-top: -0.625rem;
  }
}

.p-employees-item__num-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-employees-item__num-color--xl {
  font-size: 5rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num-color--xl {
    font-size: 2.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__num-color--35 {
    font-size: 2.1875rem;
  }
}

.p-employees-item__num-color--64 {
  font-size: 4rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num-color--64 {
    font-size: 2.1875rem;
  }
}

.p-employees-item__num-text {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__num-text--xl {
    font-size: 1.875rem;
  }
}

.p-employees-item__percent {
  font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__percent {
    font-size: 1.5rem;
  }
}

.p-employees-item__percent--xl {
  font-size: 2.625rem;
}

@media screen and (min-width: 768px) {
  .p-employees-item__percent--19 {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__percent--28 {
    font-size: 1.75rem;
  }
}

.p-employees-item__percent--32 {
  font-size: 2rem;
}

.p-employees-item__text-box {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__text-box {
    margin-top: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__text-box--mt {
    margin-top: 2.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__text-box--flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 0.625rem;
       -moz-column-gap: 0.625rem;
            column-gap: 0.625rem;
  }
}

.p-employees-item__text2 {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.6666666667;
  padding: 0.75rem 1.125rem;
  max-width: 16.0625rem;
  width: 100%;
  position: relative;
  background-color: #F2F2F2;
}
@media screen and (min-width: 768px) {
  .p-employees-item__text2 {
    max-width: none;
    max-width: initial;
    width: calc(100% - 1.25rem);
    margin-left: auto;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
    padding: 0.625rem 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__text-box--flex .p-employees-item__text2 {
    width: 100%;
    max-width: 12.875rem;
    margin-left: 1.25rem;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__text2--sm {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__text-box--flex .p-employees-item__text2:not(:first-child) {
    margin-top: 0.3125rem;
  }
}

.p-employees-item__text2:not(:first-child) {
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__text2:not(:first-child) {
    margin-top: 0.625rem;
  }
}

.p-employees-item__text2::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/questionnaire/icon-left.webp) no-repeat center center/cover;
  right: -1.25rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
  .p-employees-item__text2::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    left: -1.25rem;
  }
}

.p-employees-item__text2--right {
  margin-left: auto;
}

.p-employees-item__text2--right::before {
  left: -1.25rem;
  right: auto;
  right: initial;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

@media screen and (min-width: 768px) {
  .p-employees-item__box {
    width: 50%;
  }
}

.p-employees-item__img {
  max-width: 7.625rem;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img {
    max-width: 10.1875rem;
  }
}

.p-employees-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 122/84;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img img {
    aspect-ratio: 163/112;
  }
}

.p-employees-item__num-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__num-box--ssm {
    width: auto;
    width: initial;
  }
}

.p-employees-item__img2 {
  max-width: 8.0625rem;
  width: 100%;
  margin-left: 0.9375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.p-employees-item__img2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 129/84;
}

@media screen and (min-width: 768px) {
  .p-employees-item__num-box--sm .p-employees-item__place {
    font-size: 1.625rem;
  }
}

.p-employees-item__img3 {
  max-width: 6.25rem;
  width: 100%;
  margin-left: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img3 {
    margin-left: 0;
  }
}

.p-employees-item__img3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 100/84;
}

.p-employees-item__item2 {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item2 {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.p-employees-item__item2--gap {
  gap: 0.3125rem;
}

.p-employees-item__item2-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.625rem;
  padding-right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item2-box {
    padding-right: 0;
  }
}

.p-employees-item__item2:not(:first-child) {
  gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item2:not(:first-child) {
    gap: 1.25rem;
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
  }
}

.p-employees-item__item-flex {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
  max-width: 14.8125rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item-flex {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 7.75rem;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 1.75rem;
  }
}

.p-employees-item__time-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-employees-item__time-box {
    gap: 1.0625rem;
  }
}

.p-employees-item__time {
  font-weight: 700;
  font-size: 1.1875rem;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-employees-item__time {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-employees-item__num3 {
  font-size: 2.625rem;
  font-weight: 700;
  font-family: "din-alternate-bold", sans-serif;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num3 {
    font-size: 2.1875rem;
  }
}

.p-employees-item__num3--lg {
  font-size: 4rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num3--lg {
    line-height: 1;
    margin-top: -0.625rem;
    font-size: 3.3125rem;
  }
}

.p-employees-item__percent3 {
  font-size: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__percent3 {
    font-size: 1.1875rem;
  }
}

.p-employees-item__percent3--lg {
  font-size: 2.125rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__percent3--lg {
    font-size: 1.75rem;
  }
}

.p-employees-item__num3-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

@media screen and (min-width: 768px) {
  .p-employees-item__item--flex2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__img4 {
    width: 100%;
    height: 6.875rem;
    margin-bottom: 0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__img4 img {
    max-width: 6.875rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 110/110;
  }
}

.p-employees-item__img5 {
  max-width: 7.75rem;
  width: 100%;
}

.p-employees-item__img5 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 124/130;
}

.p-employees-item__img6 {
  max-width: 6.625rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img6 {
    margin-top: 0.625rem;
  }
}

.p-employees-item__img6 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 6.625rem;
  margin-inline: auto;
  aspect-ratio: 106/130;
}

.p-employees-item__img7 {
  max-width: 7.75rem;
  width: 100%;
}

.p-employees-item__img7 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 5.25rem;
  margin-inline: auto;
  aspect-ratio: 84/129;
}

.p-employees-item__img8 {
  max-width: 7.75rem;
  width: 100%;
}

.p-employees-item__img8 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 4.25rem;
  margin-inline: auto;
  aspect-ratio: 68/130;
}

.p-employees-item__img9 {
  max-width: 7.75rem;
  width: 100%;
}

.p-employees-item__img9 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 3.125rem;
  margin-inline: auto;
  aspect-ratio: 50/131;
}

@media screen and (min-width: 768px) {
  .p-employees-item__img10 {
    max-width: 6.125rem;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__img10 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 98/149;
  }
}

@media screen and (min-width: 768px) {
  .p-question-employees__item--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.p-question-employees__item--box .p-question-employees__item {
  margin-top: 0.25rem;
}

.p-employees-item__img11 {
  max-width: 7.0625rem;
  width: 100%;
  margin-left: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img11 {
    max-width: 8.625rem;
  }
}

.p-employees-item__img11 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img11 img {
    height: auto;
    aspect-ratio: 138/146;
  }
}

.p-employees-item__item2-box--pr {
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item2-box--pr {
    display: none;
  }
}

.p-employees-item__item2.p-employees-item__item2--mt {
  margin-top: 1.25rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item2.p-employees-item__item2--mt {
    -webkit-transform: none;
            transform: none;
    margin-top: 0;
  }
}

.p-employees-item__num-text--14 {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-employees-item__num-text--14 {
    font-size: 1.25rem;
  }
}

.p-employees-item__img12 {
  max-width: 17.1875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img12 {
    max-width: 29.375rem;
  }
}

.p-employees-item__img12 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 275/123;
}
@media screen and (min-width: 768px) {
  .p-employees-item__img12 img {
    aspect-ratio: 470/210;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__item {
    width: 100%;
    max-width: 28.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__box {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__box .p-employees-item__item {
    width: 100%;
  }
}

.p-employees-item__item2-wrap {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-employees-item__item2-wrap {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .p-employees-item__num-text-box {
    display: contents;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .p-employees-item__num-text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.5625rem;
    width: 100%;
  }
}

.p-employees-item--re {
  position: relative;
}

.p-employees-item--pa {
  padding: 0;
  padding-top: 1.25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-employees-item--pa {
    padding: 1.25rem;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 32.375rem;
    width: 100%;
  }
}

.p-employees-item--pa:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.25rem;
  height: 0.25rem;
  width: 20rem;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  .p-employees-item--pa:before {
    width: 0.25rem;
    left: -0.3125rem;
    height: 100%;
  }
}

.p-question-job {
  position: relative;
  background-color: #F2F2F2;
}

.p-question-job::after {
  content: "";
  width: 2px;
  height: 4rem;
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-question-job::after {
    top: -2.8125rem;
    height: 5.625rem;
  }
}

.l-question-job {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .l-question-job {
    padding-top: 5.625rem;
    padding-bottom: 6.25rem;
    margin-top: 6.25rem;
  }
}

.p-question-job__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-question-job__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-question-job__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-question-job__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-question-job__head .c-sec-title {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-question-job__head .c-sec-title {
    white-space: nowrap;
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-question-job__body {
  margin-top: 0.9375rem;
  background-color: #fff;
  padding: 0.9375rem 1.125rem 1.5625rem;
  max-width: 20rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-question-job__body {
    margin-top: 0rem;
    padding: 1.5625rem 0.9375rem;
    max-width: 43.125rem;
    width: 100%;
    margin-inline: initial;
  }
}

@media screen and (min-width: 768px) {
  .p-question-job__body:first-child {
    padding-right: 1.875rem;
  }
}

.p-question-job__body:not(:first-child) {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-question-job__body:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-question-job__body--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    max-width: initial;
    padding-bottom: 4.375rem;
  }
}

.p-question-job__body-item--bg {
  background-color: #fff;
  padding: 0.9375rem 1.125rem 1.5625rem;
}

@media screen and (min-width: 768px) {
  .p-question-job__body-item2 {
    max-width: 25.125rem;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-question-job__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2.5rem;
    gap: 0.25rem;
  }
}

.p-question-job__body-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-question-job__body-title {
    font-size: 1.25rem;
  }
}

.p-question-job__body-title span {
  font-size: 0.75rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-question-job__body-title span {
    display: inline;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-question-job__list {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-question-job__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5625rem;
    margin-top: 0.625rem;
  }
}

.p-job-item {
  margin-top: 1.5625rem;
  padding-right: 1.125rem;
  position: relative;
  padding-bottom: 1.5rem;
  padding-left: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-job-item {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.625rem;
    max-width: 20rem;
    width: 100%;
    margin-top: 0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-job-item:first-child {
    padding-left: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-job-item.p-job-item--pl {
    padding-left: 0;
    margin-top: 0;
  }
}

.p-job-item--2 {
  padding-right: 0;
}

@media screen and (min-width: 768px) {
  .p-job-item--pt {
    padding-top: 2.8125rem;
  }
}

.p-job-item:first-child::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-job-item:first-child::after {
    width: 1px;
    height: 100%;
    left: auto;
    left: initial;
    right: 0;
    top: -0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-job-item.p-job-item--pl::after {
    width: 18.75rem;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    top: initial;
  }
}

.p-job-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.p-job-item__num2 {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-job-item__num2 {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-job-item__num2 span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__num2 span {
    font-size: 1.5rem;
  }
}

.p-job-item__num2--sm span {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__num2--sm span {
    font-size: 1.25rem;
  }
}

.p-job-item__title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-job-item__title {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-job-item__title--sm {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__title--sm {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-job-item__body {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-job-item__body {
    gap: 0.9375rem;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media screen and (min-width: 768px) {
  .p-job-item__body--sb {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .p-job-item__body--mt {
    margin-top: 1.5625rem;
  }
}

.p-job-item__body--gap {
  gap: 0.9375rem;
}

.p-job-item__img {
  max-width: 7.5rem;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-job-item__img {
    max-width: 8.5625rem;
  }
}

.p-job-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 120/126;
}
@media screen and (min-width: 768px) {
  .p-job-item__img img {
    aspect-ratio: 137/144;
  }
}

.p-job-item__img2 {
  max-width: 9.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-job-item__img2 {
    margin-left: 0.625rem;
    max-width: 9.875rem;
  }
}

.p-job-item__img2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 150/66;
}
@media screen and (min-width: 768px) {
  .p-job-item__img2 img {
    aspect-ratio: 158/70;
  }
}

.p-job-item__img3 {
  max-width: 9.875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-job-item__img3 {
    margin-left: 0.625rem;
    max-width: 10rem;
  }
}

.p-job-item__img3 img {
  width: 100%;
  height: 100%;
  aspect-ratio: 158/60;
}
@media screen and (min-width: 768px) {
  .p-job-item__img3 img {
    aspect-ratio: 160/61;
  }
}

.p-job-item__img4 {
  max-width: 8rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__img4 {
    max-width: 10rem;
  }
}

.p-job-item__img4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 128/85;
}
@media screen and (min-width: 768px) {
  .p-job-item__img4 img {
    aspect-ratio: 161/106;
  }
}

.p-job-item__img5 {
  max-width: 8rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__img5 {
    margin-left: 1.125rem;
    max-width: 9.125rem;
  }
}

.p-job-item__img5 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 128/64;
}
@media screen and (min-width: 768px) {
  .p-job-item__img5 img {
    aspect-ratio: 146/73;
  }
}

.p-job-item__img6 {
  max-width: 9.5625rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__img6 {
    max-width: 10.4375rem;
    margin-left: 1.125rem;
  }
}

.p-job-item__img6 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 153/64;
}
@media screen and (min-width: 768px) {
  .p-job-item__img6 img {
    aspect-ratio: 167/70;
  }
}

.p-job-item__num-lg {
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: "din-alternate-bold", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-job-item__num-lg {
    font-size: 5.5rem;
  }
}

.p-job-item__num-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-job-item__percent {
  font-size: 2.625rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__percent {
    font-size: 2.9375rem;
  }
}

.p-job-item__num-xl {
  font-size: 4rem;
  font-weight: 700;
  font-family: "din-alternate-bold", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1;
}

.p-job-item__percent--sm {
  font-size: 2.5rem;
}

.p-job-item__text-box {
  margin-top: 0.9375rem;
}

.p-job-item__text-title {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-job-item__text-title {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-job-item__text {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
  background-color: #F2F2F2;
  border-radius: 20px;
  padding: 0.9375rem 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-job-item__text {
    border-radius: 8px;
    font-size: clamp(10px, 1.742px + 1.075vw, 14px);
    padding: 0.125rem 1.125rem;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .p-question-job__body.p-question-job__body-sm {
    max-width: 21.5rem;
  }
}

.p-job-item2 {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2 {
    margin-top: 2.8125rem;
  }
}

.p-job-item2--pb {
  padding-bottom: 2.8125rem;
  border-bottom: 3px solid #f2f2f2;
}
@media screen and (min-width: 768px) {
  .p-job-item2--pb {
    margin-top: 1.5625rem;
    padding-bottom: 0;
    border-bottom: none;
    padding-right: 1.5625rem;
    border-right: 3px solid #f2f2f2;
  }
}

.p-job-item2--margin {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2--margin {
    margin-top: 5rem;
  }
}

.p-job-item2__body {
  position: relative;
}

.p-job-item2__img {
  max-width: 16.5rem;
  width: 100%;
  margin-inline: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-job-item2__img {
    max-width: 18.75rem;
  }
}

.p-job-item2__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 264/187;
}
@media screen and (min-width: 768px) {
  .p-job-item2__img img {
    aspect-ratio: 300/210;
  }
}

.p-job-item2__img2 {
  max-width: 15.875rem;
  width: 100%;
  margin-inline: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-job-item2__img2 {
    max-width: 18.625rem;
  }
}

.p-job-item2__img2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 255/159;
}
@media screen and (min-width: 768px) {
  .p-job-item2__img2 img {
    aspect-ratio: 298/186;
  }
}

.p-job-item2__img4 {
  max-width: 17.0625rem;
  width: 100%;
  margin-inline: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-job-item2__img4 {
    max-width: 22.5rem;
  }
}

.p-job-item2__img4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 273/181;
}
@media screen and (min-width: 768px) {
  .p-job-item2__img4 img {
    aspect-ratio: 360/239;
  }
}

.p-job-item2__box {
  position: absolute;
  top: 8.875rem;
  left: 1.1875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box {
    left: 0.9375rem;
    top: 9.8125rem;
  }
}

.p-job-item2__box--02 {
  top: -0.875rem;
  left: auto;
  left: initial;
  right: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--02 {
    right: 0.875rem;
    top: -1.1875rem;
  }
}

.p-job-item2__box--03 {
  top: 8.5rem;
  left: auto;
  left: initial;
  right: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--03 {
    top: 9.375rem;
    right: 1.5625rem;
  }
}

.p-job-item2__box--04 {
  top: -2.4375rem;
  left: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--04 {
    top: -3.125rem;
    left: 0.625rem;
  }
}

.p-job-item2__box--05 {
  top: -2.4375rem;
  left: auto;
  left: initial;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--05 {
    top: -3.125rem;
    right: 1.125rem;
  }
}

.p-job-item2__box--06 {
  top: 7.1875rem;
  left: auto;
  left: initial;
  right: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--06 {
    top: 8.375rem;
    right: 0.3125rem;
  }
}

.p-job-item2__box--07 {
  top: -1.5rem;
  left: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--07 {
    top: -1.625rem;
    left: 0.625rem;
  }
}

.p-job-item2__box--08 {
  top: 2.8125rem;
  left: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--08 {
    top: 3.9375rem;
    left: 1.5625rem;
  }
}

.p-job-item2__box--09 {
  top: 7.375rem;
  left: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--09 {
    top: 9.875rem;
    left: 1.25rem;
  }
}

.p-job-item2__box--10 {
  top: -1.3125rem;
  left: auto;
  left: initial;
  right: 0rem;
}
.p-job-item2__box--11 {
  top: 8.625rem;
  left: auto;
  left: initial;
  right: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box--11 {
    top: 11.625rem;
    right: 1.25rem;
  }
}

.p-job-item2__num-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-job-item2__num {
  font-size: 2rem;
  font-weight: 700;
  font-family: "din-alternate-bold", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-job-item2__num {
    font-size: 2.5rem;
  }
}

.p-job-item2__percent {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__percent {
    font-size: 1.3125rem;
  }
}

.p-job-item2__text {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-job-item2__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-job-item2__box2 {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__box2 {
    margin-top: 0.9375rem;
    width: 100%;
  }
}

.p-job-item2__text-title2 {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-job-item2__text-title2 {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-job-item2__text-box2 {
  margin-top: 0.9375rem;
  position: relative;
  max-width: 16.0625rem;
  margin-left: auto;
  background-color: #F2F2F2;
  padding: 0.75rem 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-job-item2__text-box2 {
    background-color: transparent;
    margin-top: 1.25rem;
    padding: 0;
    max-width: none;
    max-width: initial;
    width: auto;
    width: initial;
    margin-left: 3.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-job-item2__text-box2:not(:nth-child(2)) {
    margin-top: 0.25rem;
  }
}

.p-job-item2__text-box2--left {
  margin-left: 0;
  margin-left: initial;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-job-item2__text-box2--left {
    text-align: right;
    margin-right: 4.25rem;
  }
}

.p-job-item2__text-box2::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/questionnaire/icon-left.webp) no-repeat center center/cover;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: -1.25rem;
}

.p-job-item2__text-box2--left::before {
  left: auto;
  left: initial;
  right: -1.25rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.p-job-item2__text3 {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .p-job-item2__text3 {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    padding: 0.75rem 0.9375rem;
    text-align: center;
    display: inline-block;
    background-color: #F2F2F2;
  }
}

.p-recruit {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}

.l-recruit {
  padding-block: 5.625rem;
}

.p-recruit__inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-recruit__inner {
    max-width: 68.125rem;
  }
}

.p-recruit__head {
  margin-top: -6.875rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-recruit__head {
    margin-top: -5.3125rem;
  }
}

.p-recruit__head span {
  position: relative;
  z-index: 2;
}

.p-recruit__head span::before {
  content: "";
  position: absolute;
  top: 72%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -0.9375rem;
  width: 80vw;
  height: 4.6875rem;
  background: #fff;
  z-index: -1;
  border-radius: 0 0px 10px 0px;
}
@media screen and (min-width: 768px) {
  .p-recruit__head span::before {
    top: 65%;
    right: -2.1875rem;
    height: 8.8125rem;
  }
}

.p-recruit__head .c-sec-title__en {
  font-size: 2.25rem;
  line-height: 1.1111111111;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-recruit__head .c-sec-title__en {
    font-size: 3rem;
    line-height: 1.25;
  }
}

.p-recruit__head .c-sec-title {
  color: #000;
  background: transparent;
  position: relative;
  padding-inline: 0;
  z-index: 2;
  line-height: 1;
  margin-top: 0;
}
.p-recruit__box {
  gap: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-recruit__box {
    margin-top: 0.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.p-recruit__btn {
  text-align: center;
}

.p-sakura {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background-color: pink;
}

.p-sakura__img {
  margin-top: 1.875rem;
}

.p-sakura__btn {
  margin-top: 1.875rem;
  text-align: center;
}

.p-step-plan {
  background-color: #fff;
}

.l-step-plan {
  padding-block: 1.875rem 2.5rem;
}
@media screen and (min-width: 768px) {
  .l-step-plan {
    padding-block: 5rem;
  }
}

.p-step-plan__inner {
  padding-inline: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .p-step-plan__inner {
    max-width: 68.125rem;
    padding-inline: 1.5625rem;
  }
}

.p-step-plan__head .c-sec-title {
  margin-top: 0.625rem;
}

.p-step-plan__body {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-step-plan__body {
    margin-top: 2.1875rem;
    max-width: 50rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-step-plan__title {
  font-size: 1.125rem;
  line-height: 1.1111111111;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-step-plan__title {
    font-size: 1.25rem;
  }
}

.p-step-plan__title span {
  background: -webkit-gradient(linear, left top, left bottom, from(#80B73F), to(#018A8A));
  background: linear-gradient(to bottom, #80B73F, #018A8A);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-step-plan__body-box {
  margin-top: 0.9375rem;
  position: relative;
  padding: 1rem 1rem 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-step-plan__body-box {
    padding: 1rem 2.5rem 1rem;
  }
}

.p-step-plan__body-box::before {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-step-plan__body-box::after {
  background: #fff;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
}

.p-step-plan__body-title {
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.04em;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-step-plan__body-title {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-step-plan__text {
  margin-top: 0.625rem;
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-step-plan__text {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-page-step__tab {
  background-color: #fff;
}

.p-under-more {
  background-color: #fff;
}

.l-under-more {
  padding-block: 3.4375rem 2.9375rem;
}
@media screen and (min-width: 768px) {
  .l-under-more {
    padding-block: 3.9375rem 5rem;
  }
}

.p-under-more--story {
  margin-top: 2.5rem;
  background-color: #E2EEE7;
}

.l-under-more.l-under-more--step {
  margin-top: -1.5625rem;
}
@media screen and (min-width: 768px) {
  .l-under-more.l-under-more--step {
    margin-top: -2.1875rem;
  }
}

.p-under-more__inner {
  padding-inline: 1.9375rem;
}
@media screen and (min-width: 768px) {
  .p-under-more__inner {
    padding-inline: 1.5625rem;
    max-width: 71.875rem;
  }
}

.p-under-more__title {
  font-size: 2.25rem;
  line-height: 1.1944444444;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .p-under-more__title {
    gap: 0.625rem;
    font-size: 2.5rem;
    line-height: 1.75;
  }
}

.p-under-more__title::before {
  content: "";
  display: inline-block;
  width: 2.8125rem;
  height: 0.125rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}
@media screen and (min-width: 768px) {
  .p-under-more__title::before {
    width: 5rem;
  }
}

.p-under-more__title span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-transform: uppercase;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-under-more__body {
  margin-top: 1.3125rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-under-more__body {
    margin-top: 1.875rem;
    max-width: none;
    max-width: initial;
  }
}

.p-under-more__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-under-more__items {
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-under-more__items--story {
    grid-template-columns: repeat(4, 1fr);
  }
}

.p-under-more__item {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.p-under-more__item:hover {
  opacity: 0.7;
}

.p-under-more__item a {
  display: block;
  width: 100%;
  position: relative;
}

.p-under-more__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 148/130;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-under-more__item img {
    aspect-ratio: 342/254;
  }
}

@media screen and (min-width: 768px) {
  .p-under-more__item .p-under-more__item-img {
    aspect-ratio: 252/254;
  }
}

.p-under-more__item-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  color: #fff;
  border: 1px solid #fff;
  padding-inline: 0.4375rem;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-under-more__item-title {
    font-size: 1.5rem;
    line-height: 1.9583333333;
    padding-inline: 0.875rem;
  }
}

.p-under-more__item a:hover .p-under-more__item-title {
  background-color: #fff;
  color: #000;
}

.p-under-more__text-box {
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
  .p-under-more__text-box {
    margin-top: 1.4375rem;
  }
}

.p-under-more__text {
  font-size: 0.75rem;
  line-height: 1.75;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-under-more__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1;
  }
}

@media screen and (min-width: 768px) {
  .p-under-more__text.p-under-more__text--story {
    font-size: 1.125rem;
  }
}

.p-under-more__text span {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
}

.p-under-more__text2 {
  font-size: 0.625rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-under-more__text2 {
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.6428571429;
  }
}

.p-under-more__text2 .p-under-more__text2--mobile {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-under-more__text2 .p-under-more__text2--mobile {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  .p-under-more__text2 .p-under-more__text2--mobile {
    display: block;
  }
}

.l-welfare-data {
  padding-top: 3.5rem;
}
@media screen and (min-width: 768px) {
  .l-welfare-data {
    padding-top: 3.6875rem;
  }
}

.p-welfare-data__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-data__head .c-sec-title__en {
    font-size: 2.875rem;
  }
}

.p-welfare-data__head .c-sec-title {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__head .c-sec-title {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 2.0714285714;
    letter-spacing: 0.04em;
    font-weight: 700;
  }
}

.p-welfare-data__body {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__body {
    margin-top: 2.5rem;
  }
}

.p-welfare-data__items.row-3 {
  display: grid;
  gap: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__items.row-3 {
    margin-top: 0.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-welfare-data__item {
  padding: 1.25rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__item {
    padding: 1.5rem 0.9375rem 1.125rem 1.25rem;
  }
}

.p-welfare-data__items.row-3 .p-welfare-data__item:nth-child(2) {
  padding: 1.25rem 0.875rem 1.5rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__items.row-3 .p-welfare-data__item:nth-child(2) {
    padding: 1.5rem 0.9375rem 1.125rem 1.25rem;
  }
}

.p-welfare-data__items.row-3 .p-welfare-data__item:nth-child(3) {
  padding: 1.25rem 0.875rem 1.875rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__items.row-3 .p-welfare-data__item:nth-child(3) {
    padding: 1.5rem 0.9375rem 1.125rem 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-data__flex-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3.4375rem;
    margin-left: 0.3125rem;
  }
}

.p-welfare-data__item-flex {
  display: grid;
  gap: 0.25rem;
}

.p-welfare-data__item-title {
  font-size: 1.125rem;
  line-height: 1.2222222222;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__item-title {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.p-welfare-data__circle {
  margin-top: 1.25rem;
  border-radius: 4px;
  background-color: #f2f2f2;
  max-width: 17.5rem;
  width: 100%;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.3125rem;
  padding: 0.40625rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__circle {
    margin-top: 0;
    max-width: none;
    max-width: initial;
    margin-inline: initial;
    width: 7.625rem;
    height: 7.625rem;
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0rem;
  }
}

.p-welfare-data__circle-title {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__circle-title {
    font-size: 1.125rem;
  }
}

.p-welfare-data__circle-num {
  font-size: 2rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__circle-num {
    font-size: 3.125rem;
  }
}

.p-welfare-data__circle-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-welfare-data__circle-unit {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__circle-unit {
    font-size: 1.5rem;
  }
}

.p-welfare-data__dlist {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__dlist {
    margin-top: 0rem;
    padding-inline: 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-data__item:first-child .p-welfare-data__dlist {
    padding-top: 1.5625rem;
    padding-inline: 1.875rem 2.8125rem;
  }
}

.p-welfare-data__ditem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.9375rem;
}

.p-welfare-data__ditem:not(:first-child) {
  margin-top: 0.625rem;
}

.p-welfare-data__dtitle {
  width: 100%;
  max-width: 13.625rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__dtitle {
    max-width: 20.4375rem;
  }
}

.p-welfare-data__ditem:nth-child(2) .p-welfare-data__dtitle {
  max-width: 10rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__ditem:nth-child(2) .p-welfare-data__dtitle {
    max-width: 15.9375rem;
  }
}

.p-welfare-data__ditem:nth-child(3) .p-welfare-data__dtitle {
  max-width: 4.5rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__ditem:nth-child(3) .p-welfare-data__dtitle {
    max-width: 10.875rem;
  }
}

.p-welfare-data__ditem:nth-child(4) .p-welfare-data__dtitle {
  max-width: 4rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__ditem:nth-child(4) .p-welfare-data__dtitle {
    max-width: 10.375rem;
  }
}

.p-welfare-data__item:nth-child(2) .p-welfare-data__ditem:nth-child(2) .p-welfare-data__dtitle {
  max-width: 4rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__item:nth-child(2) .p-welfare-data__ditem:nth-child(2) .p-welfare-data__dtitle {
    max-width: 9.75rem;
  }
}

.p-welfare-data__dtitle img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-welfare-data__data {
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-welfare-data__data-num {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-welfare-data__icon {
  font-size: 0.8125rem;
  line-height: 1.6923076923;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__icon {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.7142857143;
  }
}

.p-welfare-data__chart {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart {
    margin-top: 0rem;
  }
}

.p-welfare-data__chart-img {
  max-width: 16.125rem;
  width: 100%;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-img {
    max-width: 17.5rem;
  }
}

.p-welfare-data__chart-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 258/184;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-img img {
    aspect-ratio: 280/200;
  }
}

.p-welfare-data__chart-img2 {
  max-width: 16.125rem;
  width: 100%;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-img2 {
    max-width: 16.5rem;
  }
}

.p-welfare-data__chart-img2 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 258/160;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-img2 img {
    aspect-ratio: 264/168;
  }
}

.p-welfare-data__chart-item {
  position: absolute;
  top: -0.9375rem;
  left: 3.75rem;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item {
    font-size: 1.875rem;
    top: -1.125rem;
    left: 4.0625rem;
  }
}

.p-welfare-data__chart-item:nth-of-type(2) {
  left: auto;
  left: initial;
  right: 0.0625rem;
  top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item:nth-of-type(2) {
    top: 2.625rem;
  }
}

.p-welfare-data__chart-item:nth-of-type(3) {
  left: auto;
  left: initial;
  top: auto;
  top: initial;
  right: 2.5rem;
  bottom: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item:nth-of-type(3) {
    right: 2.8125rem;
  }
}

.p-welfare-data__chart-item:nth-of-type(4) {
  left: 0.0625rem;
  top: auto;
  top: initial;
  bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item:nth-of-type(4) {
    bottom: 2.3125rem;
  }
}

.p-welfare-data__chart-item:nth-of-type(5) {
  left: 0.0625rem;
  top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item:nth-of-type(5) {
    top: 0.875rem;
  }
}

.p-welfare-data__chart-item--graduation:nth-child(2) {
  top: -0.625rem;
  left: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item--graduation:nth-child(2) {
    top: -0.6875rem;
    left: 0.4375rem;
  }
}

.p-welfare-data__chart-item--graduation:nth-child(3) {
  top: 4.625rem;
  left: 0;
  right: auto;
  right: initial;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item--graduation:nth-child(3) {
    top: 4.75rem;
  }
}

.p-welfare-data__chart-item--graduation:nth-child(4) {
  top: 5.5rem;
  right: 0;
  left: auto;
  left: initial;
  bottom: auto;
  bottom: initial;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item--graduation:nth-child(4) {
    top: 5.625rem;
  }
}

.p-welfare-data__chart-item--graduation:nth-child(5) {
  top: -0.625rem;
  left: auto;
  left: initial;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-item--graduation:nth-child(5) {
    right: -0.25rem;
  }
}

.p-welfare-data__chart-text {
  font-size: 1rem;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-text {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-welfare-data__chart-num {
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-num {
    font-size: 1.875rem;
  }
}

.p-welfare-data__chart-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-welfare-data__chart-color--ml30 {
  margin-left: 1.875rem;
}

.p-welfare-data__chart-color--ml50 {
  margin-left: 3.125rem;
}

.p-welfare-data__chart-icon {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__chart-icon {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-welfare-data__items.row-2 {
  display: grid;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__items.row-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-welfare-data__items.row-4 {
  display: grid;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__items.row-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.p-welfare-data__items.row-4 .p-welfare-data__item {
  padding: 1.25rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__items.row-4 .p-welfare-data__item {
    padding: 0.8125rem 0.9375rem 1.75rem 1.1875rem;
  }
}

.p-welfare-data__img-box {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__img-box {
    margin-top: 2.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-data__img-box--mt {
    margin-top: 0.9375rem;
  }
}

.p-welfare-data__img {
  width: 100%;
  max-width: 5.875rem;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-welfare-data__img4 {
  max-width: 12.5rem;
  width: 100%;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-welfare-data__img4 img,
.p-welfare-data__img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.p-welfare-data__num {
  text-align: center;
  font-size: 3.125rem;
  line-height: 1;
  margin-top: 0.9375rem;
}

.p-welfare-data__num-xl {
  font-size: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.3125rem;
  max-width: 9.375rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__num-xl {
    margin-top: 0;
  }
}

.p-welfare-data__num-xl:nth-child(3),
.p-welfare-data__num-xl:nth-child(4) {
  margin-top: 0.3125rem;
}

.p-welfare-data__num-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.04em;
}

.p-welfare-data__num-title::before {
  content: "";
  display: inline-block;
  width: 0.8125rem;
  height: 0.8125rem;
  background-color: #AAD098;
}

.p-welfare-data__num-title--blue::before {
  background-color: #8AB0E6;
}

.p-welfare-data__num-title--orange::before {
  background-color: #E6BF8A;
}

.p-welfare-data__num-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.3125rem;
  gap: 3.125rem;
  font-size: 2.25rem;
  max-width: 12.5rem;
  margin-inline: auto;
  width: 100%;
}

.p-welfare-data__num-title {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.04em;
}

.p-welfare-data__unit {
  font-size: 1.5rem;
}

.p-welfare-data__unit--sm {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__unit--sm {
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-welfare-data__num-color {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.p-welfare-data__img--80 {
  max-width: 6rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__img--80 {
    margin-inline: 0;
    max-width: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-data__img--80 img {
    aspect-ratio: 80/80;
    height: auto;
  }
}

.p-welfare-data__img--67 {
  max-width: 5.125rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__img--67 {
    margin-inline: 0;
    max-width: 4.1875rem;
  }
}

.p-welfare-data__img--67 img {
  aspect-ratio: 82/96;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__img--67 img {
    aspect-ratio: 67/80;
    height: auto;
  }
}

.p-welfare-data__img5 {
  max-width: 17.5rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__img5 {
    max-width: 18.4375rem;
  }
}

.p-welfare-data__img5 img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 260/80;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__img5 img {
    aspect-ratio: 295/85;
  }
}

.p-welfare-data__flex {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-data__flex {
    margin-top: -1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 0.3125rem;
    padding-right: 1.25rem;
  }
}

.l-welfare-proguram {
  padding-top: 3.75rem;
  padding-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
  .l-welfare-proguram {
    padding-top: 5.9375rem;
  }
}

.p-welfare-proguram__inner {
  padding-inline: 1.71875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__inner {
    padding-inline: 1.5625rem;
    max-width: 68.125rem;
  }
}

.p-welfare-proguram__text-box {
  margin-top: 1.25rem;
  padding-inline: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__text-box {
    padding-inline: 0rem;
    margin-top: 2.3125rem;
    max-width: 62.5rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-welfare-proguram__text {
  font-size: 0.875rem;
  line-height: 1.8571428571;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    font-size: 1.125rem;
  }
}

.p-welfare-proguram__text a {
  color: #018a8a;
}

.p-welfare-proguram__head .c-sec-title__en {
  letter-spacing: -0.01em;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__head .c-sec-title__en {
    font-size: 2.875rem;
  }
}

.p-welfare-proguram__head .c-sec-title {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__head .c-sec-title {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 2.0714285714;
    letter-spacing: 0.04em;
    font-weight: 700;
  }
}

.p-welfare-proguram__body {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__body {
    margin-top: 2.3125rem;
    max-width: 56.25rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-welfare-proguram__item {
  background-color: #fff;
  padding-block: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__item {
    padding-block: 2.5rem;
  }
}

.p-welfare-proguram__item:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__item:not(:first-child) {
    margin-top: 0.5rem;
  }
}

.p-welfare-proguram__item-box {
  width: 90.9375%;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__item-box {
    width: 100%;
    max-width: 51.25rem;
  }
}

.p-welfare-proguram__item-head {
  position: relative;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__item-head {
    padding-bottom: 0.625rem;
  }
}

.p-welfare-proguram__item-head:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#80b73f), to(#018a8a));
  background: linear-gradient(to right, #80b73f, #018a8a);
}

.p-welfare-proguram__item-title {
  font-size: 1rem;
  letter-spacing: 0.08em;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__item-title {
    font-size: 1.25rem;
  }
}

.p-welfare-proguram__dlist {
  padding-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__dlist {
    padding-top: 1.4375rem;
    margin-left: 2.0625rem;
  }
}

.p-welfare-proguram__ditem {
  padding-block: 0.9375rem 0.75rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__ditem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-block: 1.0625rem;
    gap: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-proguram__ditem--pading {
    padding-top: 0.9375rem;
  }
}

.p-welfare-proguram__ditem:first-child {
  padding-top: 0;
}

.p-welfare-proguram__ditem:last-child {
  padding-bottom: 0;
}
.p-welfare-proguram__ditem::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: #e6e6e6;
}

.p-welfare-proguram__ditem:last-child::after {
  display: none;
}

.p-welfare-proguram__dtitle {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__dtitle {
    width: 100%;
    max-width: clamp(140px, 73.793px + 8.621vw, 160px);
    font-size: clamp(18px, 7.871px + 0.538vw, 20px);
  }
}

.p-welfare-proguram__data {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__data {
    margin-top: 0rem;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-welfare-proguram__voice {
  margin-top: 2.875rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice {
    margin-top: 1.25rem;
  }
}

.p-welfare-proguram__voice-title {
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.08em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-title {
    font-size: 1.125rem;
    line-height: 1.75;
  }
}

.p-welfare-proguram__voice-body {
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-body {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #e2eee7;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-welfare-proguram__voice-dtitle {
  position: relative;
  z-index: 1;
  width: 89.3103448276%;
  padding-block: 0.875rem;
  margin-inline: auto;
  color: #046c2f;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: 400;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-dtitle {
    width: 100%;
    max-width: 9.625rem;
    padding: 0.9375rem;
    line-height: 1.375;
    margin-inline: 0;
    padding-top: 0.625rem;
    padding-left: 1.0625rem;
    padding-bottom: 0.9375rem;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-welfare-proguram__voice-dtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 111.9691119691%;
  height: 100%;
  background-color: #e2eee7;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-dtitle::before {
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.p-welfare-proguram__voice-dtitle span {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-dtitle span {
    line-height: 1.6666666667;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-welfare-proguram__voice-data {
  font-size: 1rem;
  line-height: 1.3125;
  letter-spacing: 0.04em;
  font-weight: 500;
  position: relative;
  z-index: 1;
  width: 90%;
  margin-inline: auto;
  padding-block: 0.625rem 0.9375rem;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-data {
    padding-block: 1.125rem 0.9375rem;
    padding-inline: 1rem;
    width: 100%;
    margin-inline: 0;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-welfare-proguram__voice-data::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 111.1111111111%;
  height: 100%;
  background-color: #f2f2f2;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-data::before {
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.p-welfare-proguram__voice-text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-text {
    letter-spacing: 0.02em;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-welfare-proguram__voice-text2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-welfare-proguram__voice-text2 {
    margin-top: 0rem;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-welfare-proguram__voice-text2--man::after {
  content: "";
  display: inline-block;
  width: 0.8125rem;
  height: 1.125rem;
  background-color: #f2f2f2;
  background: url(../images/common/icon-man.svg) no-repeat center center/cover;
}

.p-welfare-proguram__voice-text2--woman::after {
  content: "";
  display: inline-block;
  width: 0.8125rem;
  height: 1.125rem;
  background-color: #f2f2f2;
  background: url(../images/common/icon-woman.svg) no-repeat center center/cover;
}

@media screen and (min-width: 768px) {
  .l-work-flow {
    margin-top: 3.75rem;
  }
}

.p-work-flow {
  padding-inline: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-work-flow {
    padding-inline: 3.4375rem;
  }
}

.p-work-flow__inner {
  padding-top: 2.5rem;
  padding-bottom: 3.125rem;
  padding-inline: 1.21875rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-work-flow__inner {
    padding-top: 4.375rem;
    padding-bottom: 4.5625rem;
    padding-inline: 3.125rem;
    max-width: 73rem;
    margin-inline: auto;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .p-work-flow__head-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.375rem;
  }
}

.p-work-flow__head .c-sec-title__en {
  font-size: 2.25rem;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-work-flow__head .c-sec-title__en {
    font-size: 2.8125rem;
    letter-spacing: -0.01em;
  }
}

.p-work-flow__head .c-sec-title {
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-work-flow__head .c-sec-title {
    white-space: nowrap;
    margin-top: 0.3125rem;
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
  }
}

.p-work-flow__body {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-work-flow__body {
    margin-top: 0rem;
    z-index: 2;
    padding-right: 2.5rem;
  }
}

.p-work-flow__text {
  font-size: 0.75rem;
  text-align: justify;
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
}
@media screen and (min-width: 768px) {
  .p-work-flow__text {
    font-size: clamp(14px, 9.871px + 0.538vw, 16px);
  }
}

.p-work-flow__items {
  margin-top: 2.5rem;
  margin-inline: auto;
  background-color: #EFEFEF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-work-flow__items {
    margin-top: 9.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-work-flow__items::before {
  content: "";
  position: absolute;
  top: 3.4375rem;
  left: 2.5625rem;
  width: 2px;
  height: 89%;
  background: -webkit-gradient(linear, left top, left bottom, from(#80B73F), to(#018A8A));
  background: linear-gradient(to bottom, #80B73F, #018A8A);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-work-flow__items::before {
    display: none;
    height: 2px;
    width: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 51.5%;
  }
}

.p-work-flow__item {
  padding: 0.9375rem 1.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item {
    padding: 2.8125rem 0.625rem 0.9375rem;
    width: 13.3125rem;
  }
}
@media screen and (min-width: 991px) {
  .p-work-flow__item {
    padding: 2.8125rem 1.25rem 0.9375rem;
  }
}

.p-work-flow__item:nth-child(even) {
  background-color: #E3E3E3;
}

.p-work-flow__item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
  width: 74.5%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-flex {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    gap: 4.0625rem;
  }
}

.p-work-flow__item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-work-flow__item-title {
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
}

.p-work-flow__item-img {
  max-width: 5.375rem;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-work-flow__item:nth-child(3) .p-work-flow__item-img::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 66vw;
    max-width: 52.8125rem;
    top: 135.5%;
    left: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#80B73F), to(#018A8A));
    background: linear-gradient(to bottom, #80B73F, #018A8A);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .p-work-flow__item-img::after {
    content: "";
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
    background: linear-gradient(to right, #80B73F, #018A8A);
    z-index: 2;
  }
}

.p-work-flow__item-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}

.p-work-flow__item-body {
  margin-left: auto;
  background-color: #fff;
  padding: 0.9375rem 0.9375rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-body {
    padding: 0.625rem 0.3125rem;
    min-height: 9.375rem;
  }
}
@media screen and (min-width: 991px) {
  .p-work-flow__item-body {
    padding: 0.625rem 0.875rem;
    min-height: 8.625rem;
  }
}

.p-work-flow__item-subTitle {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3125rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-subTitle {
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
    white-space: normal;
    white-space: initial;
  }
}

.p-work-flow__item-subTitle::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 0.125rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  z-index: 1;
}

.p-work-flow__item-text {
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-text {
    line-height: 2;
    margin-top: 0.9375rem;
    font-size: clamp(10px, 5.871px + 0.538vw, 12px);
  }
}

.p-work-flow__item-text--inline {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-text--inline {
    display: block;
  }
}

.p-work-flow__item-text--inline2 {
  display: inline-block;
  margin-left: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-text--inline2 {
    display: block;
    margin-left: 0;
  }
}

.p-work-flow__item-text:not(:nth-child(2)) {
  margin-top: 0rem;
}

.p-work-flow__item-circle {
  position: absolute;
  top: 2.9375rem;
  left: 2.1875rem;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-circle {
    display: none;
  }
}

.p-work-flow__item-band {
  position: absolute;
  top: 0.9375rem;
  left: 0.3125rem;
  width: 5.4375rem;
  height: 5rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-band {
    width: 8rem;
    height: 9.0625rem;
    top: -6.875rem;
    left: 19%;
  }
}

.p-work-flow__item-band img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 87/80;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item-band img {
    aspect-ratio: 128/145;
  }
}

.p-work-flow__items2 {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-work-flow__items2 {
    margin-top: 2.8125rem;
  }
}

.p-work-flow__item2 {
  background-color: #EFEFEF;
  padding: 1.5rem 1.375rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.0625rem;
    padding: 1.75rem 1.875rem 1.75rem 2.8125rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-work-flow__item2:has(.p-work-flow__item2-band) {
  padding-top: 4.5rem;
}

.p-work-flow__item2:not(:first-child) {
  margin-top: 0.3125rem;
}

.p-work-flow__item2:nth-child(even) {
  background-color: #E3E3E3;
}

@media screen and (min-width: 768px) {
  .p-work-flow__item2__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    max-width: 12.5rem;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-work-flow__item2-img {
  max-width: 5.375rem;
  width: 100%;
  margin-inline: auto;
}

.p-work-flow__item2-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}

.p-work-flow__item2-head {
  margin-top: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item2-head {
    margin-top: 0;
    max-width: 5.625rem;
    width: 100%;
    margin-inline: auto;
  }
}

.p-work-flow__item2-head::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.0625rem;
  background: #000;
  top: 2.125rem;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item2-head::after {
    width: 0.0625rem;
    height: 5.125rem;
    right: -8.875rem;
    left: auto;
    left: initial;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.p-work-flow__item2-title {
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}

.p-work-flow__item2-body {
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item2-body {
    margin-top: 0;
  }
}

.p-work-flow__item2-text {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item2-text {
    line-height: 1.8571428571;
    font-size: clamp(14px, -2.696px + 2.174vw, 16px);
  }
}

.p-work-flow__item2-band {
  max-width: 17.5625rem;
  width: 100%;
  margin-inline: auto;
  position: absolute;
  top: 0rem;
  left: 0rem;
}

.p-work-flow__item2-band img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 281/85;
}
@media screen and (min-width: 768px) {
  .p-work-flow__item2-band img {
    aspect-ratio: 281/85;
  }
}

.p-works {
  position: relative;
}

.l-works {
  margin-top: 3.75rem;
  padding-block: 2.5rem;
}
@media screen and (min-width: 768px) {
  .l-works {
    margin-top: 5rem;
    padding-block: 7.0625rem 7.3125rem;
  }
}

.p-works__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-works__bg picture {
  height: 100%;
}
.p-works__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 375/1112;
}
@media screen and (min-width: 768px) {
  .p-works__bg img {
    aspect-ratio: 1280/1115;
  }
}

.p-works__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
}

@media screen and (min-width: 768px) {
  .p-works__inner {
    max-width: 68.3125rem;
  }
}

.p-works__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-works__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.4375rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-works__wrap:nth-child(2) {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-works__wrap:nth-child(2) {
    margin-top: 3.4375rem;
    gap: 3.25rem;
  }
}

.p-works__imgBox {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 18.8125rem;
  width: 100%;
  height: 14.1875rem;
  position: relative;
  margin-inline: auto;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-works__imgBox {
    margin-top: 0;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    height: 26rem;
    max-width: 34.5rem;
  }
}

.p-works__imgBox img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  aspect-ratio: 203/203;
  max-width: 12.6875rem;
}
@media screen and (min-width: 768px) {
  .p-works__imgBox img {
    max-width: 23.125rem;
    aspect-ratio: 370/370;
  }
}

.p-works__imgBox img:nth-child(2) {
  top: 1.5625rem;
  right: 0;
  left: auto;
  left: initial;
  z-index: 1;
  aspect-ratio: 224/202;
  max-width: 14rem;
}
@media screen and (min-width: 768px) {
  .p-works__imgBox img:nth-child(2) {
    top: 2.8125rem;
    max-width: 25.6875rem;
    aspect-ratio: 411/370;
  }
}

.p-works__main {
  margin-top: 1.5625rem;
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-works__main {
    margin-top: 1.5625rem;
    display: block;
    width: 100%;
  }
}

.p-works__head {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .p-works__head {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}

.p-works__head .c-sec-title__en {
  background-color: transparent;
}

.p-works__head .c-sec-title {
  color: #000;
  background: #fff;
}

.p-works__head .c-sec-title__en span {
  color: #fff;
}

.p-works__body {
  margin-top: 0.625rem;
  text-align: center;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  max-width: 18.8125rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-works__body {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    text-align: left;
    margin-top: 1.25rem;
    max-width: none;
    margin-inline: 0;
  }
}

.p-works__text {
  font-size: 0.75rem;
  line-height: 2.3333333333;
  letter-spacing: 0.04em;
  color: #fff;
  display: inline-block;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-works__text {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 2;
    max-width: 22.875rem;
  }
}

.p-works__btn {
  margin-top: 0.625rem;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-works__btn {
    margin-top: 1.5625rem;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    text-align: left;
  }
}

.p-works__box {
  width: 100%;
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-works__box {
    display: block;
    max-width: 25rem;
  }
}

.p-works__head2 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .p-works__head2 {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}

.p-works__title2 {
  font-size: 1.875rem;
  line-height: 2.1666666667;
  letter-spacing: 0.04em;
  color: #fff;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-works__title2 {
    font-size: 1.875rem;
    line-height: 1;
  }
}

.p-works__list {
  margin-top: 1.25rem;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  max-width: 18.8125rem;
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-works__list {
    margin-top: 2.0625rem;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    max-width: none;
  }
}

.p-works__item {
  padding-block: 0.9375rem;
  border-bottom: 1px dashed #fff;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-works__item {
    padding-block: 1.1875rem;
  }
}

.p-works__item:first-child {
  padding-top: 0;
}

.p-works__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.p-works__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-works__item a {
    gap: 1.1875rem;
  }
}

.p-works__item a:hover {
  opacity: 1;
}

.p-works__item-num {
  width: 2.125rem;
  height: 2.125rem;
  background-color: #fff;
  border-radius: 50%;
  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;
  margin-left: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-works__item-num {
    margin-left: 0;
    width: 2.9375rem;
    height: 2.9375rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.p-works__item-num.current {
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
}

.p-works__item-num span {
  color: #004534;
  font-size: 0.75rem;
  line-height: 1.8333333333;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Oswald", sans-serif;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .p-works__item-num span {
    font-size: 1.0625rem;
    line-height: 1.2941176471;
  }
}

.p-works__item-num.current span {
  color: #fff;
}

.p-works__item-title {
  font-size: 0.75rem;
  line-height: 1.75;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-works__item-title {
    font-size: clamp(12px, 7.871px + 0.538vw, 14px);
    line-height: 1.7857142857;
  }
}

.p-works__modal {
  width: 100%;
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 18.8125rem;
  margin-inline: auto;
  height: 12.875rem;
}
@media screen and (min-width: 768px) {
  .p-works__modal {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    max-width: 37.125rem;
    height: 25.9375rem;
  }
}

.p-works__modal-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.p-works__modal-item:hover {
  opacity: 1 !important;
}

.p-works__modal-item[data-index="1"] {
  display: block;
  opacity: 1;
}

.p-works__modal-img {
  overflow: hidden;
}
.p-works__modal-item:hover .p-works__modal-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.p-works__modal-img img {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 301/134;
}
@media screen and (min-width: 768px) {
  .p-works__modal-img img {
    aspect-ratio: 594/264;
  }
}

.p-works__modal-head {
  position: absolute;
  top: 7.3125rem;
  left: 0.75rem;
  width: 2.75rem;
  background: -webkit-gradient(linear, left top, right top, from(#80B73F), to(#018A8A));
  background: linear-gradient(to right, #80B73F, #018A8A);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-works__modal-head {
    top: 14.375rem;
    left: 2.125rem;
    width: 5.4375rem;
  }
}

.p-works__modal-icon {
  font-size: 0.875rem;
  color: #fff;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-works__modal-icon {
    letter-spacing: 0.07em;
    font-size: 1.75rem;
  }
}

.p-works__modal-num {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-works__modal-num {
    font-size: 2.5rem;
    line-height: 1.6;
  }
}

.p-works__modal-body {
  background-color: #fff;
  padding: 0.9375rem 0.75rem 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-works__modal-body {
    padding: 2.8125rem 2.125rem 1.875rem;
  }
}

.p-works__modal-text {
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: 700;
  color: #000;
}
@media screen and (min-width: 768px) {
  .p-works__modal-text {
    font-size: 1.375rem;
    line-height: 1.7272727273;
  }
}

/*アニメーション要素のスタイル*/
.fade-up {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s, visibility 1s;
  transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.fade-left {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s, visibility 1s;
  transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.animation-delay1 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay1 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}

.animation-delay2 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay2 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

.animation-delay3 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay3 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}

.animation-delay4 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay4 {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.animation-delay5 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay5 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}

.animation-delay6 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay6 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

.animation-delay7 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay7 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}

.animation-delay8 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay8 {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.animation-delay9 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay9 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}

.animation-delay10 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay10 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

.animation-delay11 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .animation-delay11 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}

/*アニメーション要素までスクロールした時のスタイル*/
.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (min-width: 768px) {
  .animate-delay-1 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}

@media screen and (min-width: 768px) {
  .animate-delay-2 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

.u-desktop-lg {
  display: none;
}
@media screen and (min-width: 991px) {
  .u-desktop-lg {
    display: block;
  }
}

.u-desktop-flex {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.u-desktop-lg {
  display: none;
}
@media screen and (min-width: 991px) {
  .u-desktop-lg {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 991px) {
  .u-mobile-lg {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile-lg-block {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  .u-mobile-lg-block {
    display: none;
  }
}

/*アニメーション要素のスタイル*/
.scroll-hint {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}
.scroll-hint img {
  width: 13.125rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .scroll-hint {
    display: none;
  }
}

.scroll-hint.is-hidden {
  opacity: 0;
}
/*# sourceMappingURL=styles.css.map */