@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

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

button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

option {
  color: black;
}

html {
  font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media screen and (max-width: 767.98px) {
  html {
    font-size: 2.6666666667vw;
  }
}
body {
  color: #2A3233;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
}
body.is-fixed {
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}

main {
  overflow: hidden;
}

.u-hidden-sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-hidden-sp {
    display: initial;
  }
}

@media screen and (min-width: 768px) {
  .u-hidden-pc {
    display: none;
  }
}

.l-inner {
  padding-inline: 2rem;
  max-width: 124rem;
  margin-inline: auto;
}

.u-buttonHover a > * {
  position: relative;
  overflow: hidden;
  background: #FFF;
}
.u-buttonHover a > *::after {
  content: "";
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 110%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  opacity: 0;
  background: #DD7922;
  transition: opacity 0.5s, transform 0s;
  transform-origin: center center;
  transition-delay: 0s, 0.4s;
}
.u-buttonHover a p {
  position: relative;
  z-index: 20;
  color: #DD7922;
  transition: color 0.3s ease;
}
@media (any-hover: hover) {
  .u-buttonHover a:hover > * {
    border-color: #FFF;
  }
  .u-buttonHover a:hover > *::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition-delay: 0s;
    transition: opacity 0.8s, transform 0.6s ease-in-out;
  }
  .u-buttonHover a:hover > * p {
    color: #FFF;
  }
}
.u-buttonHover.is-active a > * {
  border-color: #FFF;
  background: #DD7922;
}
.u-buttonHover.is-active a > *::after {
  background: #FFF;
}
.u-buttonHover.is-active a > * p {
  color: #FFF;
}
@media (any-hover: hover) {
  .u-buttonHover.is-active a:hover > * {
    border: 0.1rem solid #DD7922;
  }
  .u-buttonHover.is-active a:hover > * p {
    color: #DD7922;
  }
}

.c-section_title {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .c-section_title {
    gap: 1.2rem;
  }
}
.c-section_title.center {
  align-items: center;
}
.c-section_title.colorBlue p, .c-section_title.colorBlue h2 {
  color: #27A7AD;
}
.c-section_title.colorWhite p, .c-section_title.colorWhite h2 {
  color: #FFF;
}
.c-section_title p {
  font-family: "Bruno Ace", sans-serif;
  font-size: 4.8rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-section_title p {
    font-size: 9.6rem;
  }
}
.c-section_title h2 {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .c-section_title h2 {
    font-size: 2rem;
  }
}

.p-fixCta {
  position: fixed;
  z-index: 90;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  transition: opacity 0.2s ease;
}
.p-fixCta.is-hidden {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-fixCta {
    display: none;
  }
}

.p-fixButton {
  width: 50%;
}

.p-fixBtnInner {
  width: 100%;
  height: 5.4rem;
  display: grid;
  place-items: center;
}
.p-fixBtnInner.recruit {
  background: #27A7AD;
}
.p-fixBtnInner.entry {
  background: #DD7922;
}
.p-fixBtnInner p {
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 800;
}

.u-fadeIn {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 1.5s ease-out 0.5s, transform 1.5s ease-out 0.5s;
}
.u-fadeIn.is-show {
  opacity: 1;
  transform: translateY(0);
}

.l-header {
  position: fixed;
  z-index: 120;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.6rem;
  background: none;
  transition: background 0.3s ease;
}
@media screen and (min-width: 768px) {
  .l-header {
    padding-top: 2rem;
  }
}
.l-header.is-checked {
  background: #FFF;
}

.l-header_inner {
  max-width: none;
}
@media screen and (min-width: 768px) {
  .l-header_inner {
    padding-inline: 4rem;
  }
}

.p-header_contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-header_logo a {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-header_logo a {
    gap: 0.4rem;
  }
}
.p-header_logo img {
  width: 3.4rem;
  height: 3.4rem;
}
@media screen and (min-width: 768px) {
  .p-header_logo img {
    width: 4.2rem;
    height: 4.2rem;
  }
}

.p-header_logoText {
  display: inline-block;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-header_logoText {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .p-header_navButton-sp {
    display: none;
  }
}
.p-header_navButton-sp {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background: #DD7922;
  position: relative;
}
.p-header_navButton-sp span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background: #FFF;
}
.p-header_navButton-sp span:nth-child(1) {
  top: calc(50% - 0.5rem);
}
.p-header_navButton-sp span:nth-child(2) {
  top: calc(50% + 0.5rem);
}
.p-header_navButton-sp.is-checked span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-header_navButton-sp.is-checked span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .l-drawer {
    display: none;
  }
}
.l-drawer {
  background: #DD7922;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding-top: 11.7rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  overflow-y: scroll;
}
.l-drawer.is-checked {
  opacity: 1;
  pointer-events: auto;
}

.p-drawer_nav {
  width: 100%;
  max-width: 29.6rem;
  margin-inline: auto;
}

.p-drawer_entryInner {
  width: 100%;
  height: 5rem;
  border-radius: 2.9rem;
  background: #FFF;
  border: 0.1rem solid #DD7922;
}
.p-drawer_entryInner p {
  text-align: center;
  color: #DD7922;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4;
}

.p-drawer_list {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}

.p-drawer_item {
  border-bottom: 0.1rem dotted #FFF;
}

.p-drawer_itemInner {
  padding-top: 1.5rem;
  padding-bottom: 1.7rem;
}
.p-drawer_itemInner p {
  color: #FFF;
  font-weight: 700;
}

.p-header_menu-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-header_menu-pc {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    z-index: 130;
    top: 4rem;
    right: 4.8rem;
  }
}

.p-header_navEntry {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.p-header_entryInner {
  width: 19.9rem;
  height: 5.7rem;
  border-radius: 3.4rem;
  background: #DD7922;
  padding-top: 1.1rem;
  padding-bottom: 1.4rem;
  border: 0.0888rem solid #DD7922;
}
.p-header_entryInner p {
  color: #FFF;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
}

.p-header_navObject {
  margin-top: 2rem;
  text-align: center;
}
.p-header_navObject img {
  width: 4.9rem;
  height: 6.4rem;
}

.p-header_navList {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.8rem;
}
.p-header_navList li:nth-child(n+2) {
  position: relative;
}
.p-header_navList li:nth-child(n+2)::before {
  content: "";
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  width: 0.2rem;
  height: 7.9rem;
  background: #DD7922;
  transition: transform 0.5s ease;
}
.p-header_navList li:nth-child(n+2).is-active::before {
  transform: translateX(-50%) scaleY(1);
}

.p-header_linkInner {
  border-radius: 3.0197rem;
  border: 0.0888rem solid #DD7922;
  padding: 0.53rem 3.1rem;
}
.p-header_linkInner p {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
}

.l-fv {
  position: relative;
  overflow: hidden;
  height: 68.6rem;
  background: linear-gradient(180deg, rgba(169, 222, 225, 0.74) 0%, rgba(255, 255, 255, 0.74) 200%);
}
@media screen and (min-width: 768px) {
  .l-fv {
    height: 95.7rem;
  }
}

.p-fv_bgImg {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
}
.p-fv_bgImg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-fv_inner {
  height: 100%;
  max-width: 144rem;
  margin-inline: auto;
  position: relative;
  z-index: 10;
}

.p-fv_images {
  position: absolute;
  z-index: 12;
  inset: 0;
}

.p-fv_image {
  position: absolute;
}
.p-fv_image img {
  width: 100%;
  height: 100%;
}
.p-fv_image.image1 {
  z-index: 12;
  top: 5.1rem;
  left: -3.1rem;
  width: 43.8rem;
  height: 43.8rem;
}
@media screen and (min-width: 768px) {
  .p-fv_image.image1 {
    top: -9.2rem;
    left: 27.4rem;
    width: 89.2rem;
    height: 89.2rem;
  }
}
.p-fv_image.image2 {
  bottom: 8.7rem;
  right: -0.9rem;
  width: 13.6rem;
  height: 13.6rem;
}
@media screen and (min-width: 768px) {
  .p-fv_image.image2 {
    bottom: 0;
    right: 0.2rem;
    width: 37.9rem;
    height: 38.5rem;
  }
}
.p-fv_image.image3 {
  bottom: 12.3rem;
  left: -1.7rem;
  width: 11.1rem;
  height: 11.1rem;
}
@media screen and (min-width: 768px) {
  .p-fv_image.image3 {
    bottom: 18.8rem;
    left: -2.3rem;
    width: 30.6rem;
    height: 30.6rem;
  }
}
.p-fv_image.image4 {
  z-index: 13;
  bottom: 5.1rem;
  left: 10.5rem;
  width: 10.4rem;
  height: 10.4rem;
}
@media screen and (min-width: 768px) {
  .p-fv_image.image4 {
    bottom: auto;
    top: 15.4rem;
    left: 12.4rem;
    width: 21.7rem;
    height: 21.7rem;
  }
}

.p-fv_catchphrase {
  position: absolute;
  z-index: 15;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-fv_catchphrase {
    transform: translateX(0);
  }
}
.p-fv_catchphrase p {
  color: #27A7AD;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-fv_catchphrase p {
    font-size: 4rem;
    line-height: 1.28236;
  }
}
.p-fv_catchphrase.firstLine {
  top: 6.3rem;
  left: 2rem;
}
@media screen and (min-width: 768px) {
  .p-fv_catchphrase.firstLine {
    top: 13rem;
    left: 13.2rem;
  }
}
.p-fv_catchphrase.firstLine p {
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .p-fv_catchphrase.firstLine p {
    font-size: 4rem;
  }
}
.p-fv_catchphrase.secondLine {
  bottom: 24.7rem;
  right: -0.2rem;
}
@media screen and (min-width: 768px) {
  .p-fv_catchphrase.secondLine {
    bottom: 24.95rem;
    left: auto;
    right: 15.05rem;
  }
}

.l-message {
  padding-top: 8.5rem;
  padding-bottom: 8rem;
  position: relative;
  background: linear-gradient(180deg, rgba(169, 222, 225, 0.74) -100%, rgba(255, 255, 255, 0.74) 100%);
}
@media screen and (min-width: 768px) {
  .l-message {
    padding-top: 10.3rem;
    padding-bottom: 10rem;
  }
}
.l-message::after {
  content: "";
  position: absolute;
  z-index: 8;
  bottom: -24.2rem;
  left: 0;
  width: 28.85rem;
  height: 82.2rem;
  background: url(../img/message_circle.webp) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .l-message::after {
    bottom: -13rem;
    width: 50.9rem;
    height: 100rem;
    background: url(../img/message_circle_pc.webp) no-repeat center center/contain;
  }
}

.p-message_bgImg {
  position: absolute;
  z-index: 10;
}
.p-message_bgImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-message_bgImg.image1 {
  top: 22.7rem;
  right: 0;
  width: 9.5rem;
  height: 7.6rem;
}
@media screen and (min-width: 768px) {
  .p-message_bgImg.image1 {
    top: 38.1rem;
    width: 36.375rem;
    height: 29.1rem;
  }
}
@media screen and (min-width: 1440px) {
  .p-message_bgImg.image1 {
    right: calc(50% - 72rem);
  }
}
.p-message_bgImg.image2 {
  bottom: 14.6rem;
  left: 0;
  width: 11.25rem;
  height: 9rem;
}
@media screen and (min-width: 768px) {
  .p-message_bgImg.image2 {
    bottom: 16.8rem;
    width: 36.375rem;
    height: 29.1rem;
  }
}
@media screen and (min-width: 1440px) {
  .p-message_bgImg.image2 {
    left: calc(50% - 72rem);
  }
}

.l-message_inner {
  position: relative;
  z-index: 12;
}

.p-message_contents {
  margin-top: 2.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-message_contents {
    margin-top: 4rem;
  }
}

.p-message_headText strong {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-message_headText strong {
    font-size: 5rem;
    line-height: 1.28;
  }
}

.p-message_mainText {
  margin-top: 8.2rem;
}
@media screen and (min-width: 768px) {
  .p-message_mainText {
    margin-top: 3.2rem;
  }
}
.p-message_mainText p {
  text-align: center;
  font-weight: 500;
  line-height: 1.875;
}
@media screen and (min-width: 768px) {
  .p-message_mainText p {
    font-size: 2.4rem;
    line-height: 2.16667;
  }
}
.p-message_mainText p .colorOrange {
  color: #DD7922;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-message_mainText p .colorOrange {
    font-size: 3rem;
    line-height: 1;
  }
}

.p-message_link {
  margin-top: 11.6rem;
}
@media screen and (min-width: 768px) {
  .p-message_link {
    margin-top: 4rem;
  }
}

.p-message_linkInner {
  border-radius: 7rem;
  background: #DD7922;
  width: 33.5rem;
  height: 5rem;
}
@media screen and (min-width: 768px) {
  .p-message_linkInner {
    width: 35.2rem;
    height: 4.9rem;
  }
}
.p-message_linkInner p {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4;
}

.l-work {
  padding-top: 8.5rem;
  padding-bottom: 8rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(239, 219, 201, 0.6) 100%);
}
@media screen and (min-width: 768px) {
  .l-work {
    padding-top: 11rem;
    padding-bottom: 13.2rem;
  }
}

.l-work_inner {
  position: relative;
  z-index: 10;
}

.p-work_title {
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-work_title {
    gap: 1.1rem;
  }
}

.p-work_cards {
  margin-top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media screen and (min-width: 768px) {
  .p-work_cards {
    margin-top: 3.6rem;
    flex-direction: row;
    gap: 2.4rem;
  }
}
.p-work_cards li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-work_cards li {
    width: calc((100% - 4.8rem) / 3);
  }
}
@media screen and (min-width: 768px) {
  .p-work_cards li:nth-child(1) {
    padding-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .p-work_cards li:nth-child(2) {
    padding-top: 4rem;
  }
}

.p-workCard {
  position: relative;
  border-radius: 0.4rem;
  background: #FFF;
  box-shadow: -0.349rem 0.349rem 0.8724rem 0 rgba(0, 0, 0, 0.1);
  padding: 1.2rem;
}
@media screen and (min-width: 768px) {
  .p-workCard {
    border-radius: 0.8rem;
    box-shadow: -0.4rem 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
}

.p-workCard_number {
  position: absolute;
  z-index: 20;
  top: -4.3rem;
  left: 0.8rem;
  color: #27A7AD;
  font-family: "Work Sans", sans-serif;
  font-size: 5.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-workCard_number {
    top: -4.9rem;
    left: 1.4rem;
    font-size: 6.2rem;
  }
}

.p-workCard_image {
  position: relative;
  z-index: 15;
}
.p-workCard_image img {
  width: 100%;
  height: 20.6rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-workCard_image img {
    height: 23.6rem;
  }
}

.p-workCard_title {
  margin-top: -1.5rem;
  margin-left: -0.8rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 0.8rem;
  background: #27A7AD;
  position: relative;
  z-index: 20;
}
@media screen and (min-width: 768px) {
  .p-workCard_title {
    margin-top: -2.5rem;
    margin-left: -0.4rem;
    padding: 0.4rem 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .p-workCard_title.pcMt-56 {
    margin-top: -5.6rem;
  }
}
.p-workCard_title h3 {
  color: #FFF;
  font-size: 2.0938rem;
  font-weight: 700;
  line-height: 1.16684;
}
@media screen and (min-width: 768px) {
  .p-workCard_title h3 {
    font-size: 2.4rem;
    line-height: 1.28755;
  }
}

.p-workCard_text {
  margin-top: 0.6rem;
}
@media screen and (min-width: 768px) {
  .p-workCard_text {
    margin-top: 1.2rem;
  }
}
.p-workCard_text p {
  text-align: justify;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42857;
}
@media screen and (min-width: 768px) {
  .p-workCard_text p {
    font-size: 1.5rem;
    line-height: 1.46667;
  }
}
.p-workCard_text p + p {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-workCard_text p + p {
    margin-top: 2.2rem;
  }
}

.l-experience {
  padding-top: 8.5rem;
  padding-bottom: 8rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-experience {
    padding-top: 11rem;
    padding-bottom: 15.7rem;
  }
}

.p-experience_bgImg {
  position: absolute;
  z-index: 8;
  inset: 0;
}
.p-experience_bgImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.p-experience_bgImg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(39, 167, 173, 0.85);
}

.l-experience_inner {
  position: relative;
  z-index: 10;
}

.p-experience_title {
  gap: 0.6rem;
}
@media screen and (min-width: 768px) {
  .p-experience_title {
    gap: 1rem;
  }
}

.p-experience_headText {
  margin-top: 2.6rem;
}
@media screen and (min-width: 768px) {
  .p-experience_headText {
    margin-top: 4rem;
  }
}
.p-experience_headText p {
  color: #FFF;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-experience_headText p {
    font-size: 5rem;
    line-height: 1.56;
  }
}

.p-experience_slideArea {
  margin-top: 3.2rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-experience_slideArea {
    margin-top: 4.9rem;
  }
}

.p-experience_slideImages {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding-right: 2.5rem;
  width: -moz-max-content;
  width: max-content;
  animation: slide 24s linear infinite;
}
@media screen and (min-width: 768px) {
  .p-experience_slideImages {
    gap: 3.3rem;
    padding-right: 3.3rem;
    animation: slide 40s linear infinite;
  }
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.p-experience_slideImg {
  flex-shrink: 0;
}
.p-experience_slideImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-experience_slideImg img {
    border-radius: 1.0446rem;
  }
}
.p-experience_slideImg.imageSmall {
  width: 14rem;
  height: 11.2rem;
}
@media screen and (min-width: 768px) {
  .p-experience_slideImg.imageSmall {
    width: 29.7rem;
    height: 23.8rem;
  }
}
.p-experience_slideImg.imageLarge {
  width: 18.6rem;
  height: 14.9rem;
}
@media screen and (min-width: 768px) {
  .p-experience_slideImg.imageLarge {
    width: 39.5rem;
    height: 31.6rem;
  }
}

.p-experience_contents {
  margin-top: 3.4rem;
}
@media screen and (min-width: 768px) {
  .p-experience_contents {
    margin-top: 8.8rem;
  }
}

.p-experience_contentsHeading p {
  text-align: center;
  color: #FFE5CE;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.11111;
}
@media screen and (min-width: 768px) {
  .p-experience_contentsHeading p {
    font-size: 4.2rem;
    line-height: 1.54762;
  }
}

.p-experience_cards {
  margin: 3.3rem auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  gap: 0.7rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-experience_cards {
    margin-top: 5rem;
    gap: 2.5rem;
  }
}

.p-eCard {
  width: 16.4rem;
  height: 13rem;
  border-radius: 0.4rem;
  background: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-eCard {
    width: 38.8rem;
    height: 31rem;
    border-radius: 0.8rem;
    gap: 1rem;
    padding-top: 1.4rem;
  }
}

.p-eCard_text h3 {
  color: #27A7AD;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57143;
}
@media screen and (min-width: 768px) {
  .p-eCard_text h3 {
    font-size: 3rem;
    line-height: 1.53333;
  }
}

.p-eCard_icon .icon1-img {
  width: 4rem;
  height: 4.3rem;
}
@media screen and (min-width: 768px) {
  .p-eCard_icon .icon1-img {
    width: 9.7rem;
    height: 10.5rem;
  }
}
.p-eCard_icon .icon2-img {
  width: 4.2rem;
  height: 4.3rem;
}
@media screen and (min-width: 768px) {
  .p-eCard_icon .icon2-img {
    width: 10.2rem;
    height: 10.4rem;
  }
}
.p-eCard_icon .icon3-img {
  width: 5.26rem;
  height: 4.45rem;
}
@media screen and (min-width: 768px) {
  .p-eCard_icon .icon3-img {
    width: 12.4rem;
    height: 10.5rem;
  }
}
.p-eCard_icon .icon4-img {
  width: 6.3rem;
  height: 3.4rem;
}
@media screen and (min-width: 768px) {
  .p-eCard_icon .icon4-img {
    width: 15.5rem;
    height: 8.6rem;
  }
}

.l-benefits {
  padding-top: 8.5rem;
  padding-bottom: 8rem;
  background: linear-gradient(180deg, #FFF 0%, #B6EEF1 166.66%);
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-benefits {
    padding-top: 11rem;
    padding-bottom: 10rem;
    background: linear-gradient(180deg, #FFF 0%, #B6EEF1 184.525%);
  }
}
.l-benefits::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: -0.5rem;
  right: 0;
  width: 31.8rem;
  height: 66.7rem;
  background: url(../img/benefits_circle_sp.webp) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .l-benefits::after {
    top: 2.7rem;
    width: 97.4rem;
    height: 142.9rem;
    background: url(../img/benefits_circle_pc.webp) no-repeat center center/contain;
  }
}

.l-benefits_inner {
  position: relative;
  z-index: 10;
}

.p-benefits_cards {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .p-benefits_cards {
    margin-top: 3.8rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 0.3rem;
  }
}

.p-benefits_card {
  width: 100%;
  height: 10rem;
  background: #27A7AD;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: 2rem;
}
@media screen and (min-width: 768px) {
  .p-benefits_card {
    height: 18rem;
    padding-inline: 10rem;
  }
}

.p-benefits_cardTitle {
  padding-left: 2.4rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-benefits_cardTitle {
    padding-left: 4.42rem;
  }
}
.p-benefits_cardTitle::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1.9127rem;
  aspect-ratio: 1/1;
  background: url(../img/icon_check.svg) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .p-benefits_cardTitle::before {
    width: 3.42rem;
  }
}
.p-benefits_cardTitle h3 {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-benefits_cardTitle h3 {
    color: #FFF;
    font-size: 3rem;
  }
}

.p-benefits_cardText p {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-benefits_cardText p {
    font-size: 2.2rem;
  }
}

.l-interview {
  padding-top: 7.5rem;
  padding-bottom: 12.6rem;
  background: linear-gradient(180deg, #FFF -133.34%, #B6EEF1 100%);
}
@media screen and (min-width: 768px) {
  .l-interview {
    padding-top: 11.1rem;
    padding-bottom: 16.7rem;
    background: linear-gradient(180deg, #FFF -115.475%, #B6EEF1 100%);
  }
}

.l-interview_inner {
  position: relative;
  z-index: 10;
}

.p-interview_title {
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-interview_title {
    gap: 1.2rem;
  }
}

.p-interview_slideArea {
  margin-top: 3.1rem;
}
@media screen and (min-width: 768px) {
  .p-interview_slideArea {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .p-iSwiper_slide {
    padding-right: 2.2rem;
  }
}

.p-iSwiperCard {
  background: #FFF;
  box-shadow: -0.1676rem 0.419rem 0.419rem 0 rgba(42, 50, 51, 0.1);
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard {
    width: 38.6rem;
    box-shadow: -0.1931rem 0.4828rem 0.4828rem 0 rgba(42, 50, 51, 0.1);
  }
}
@media (any-hover: hover) {
  .p-iSwiperCard a:hover .p-iSwiperCard_linkIcon {
    background: #DD7922;
  }
  .p-iSwiperCard a:hover .p-iSwiperCard_linkIcon::after {
    background: #FFF;
  }
}

.p-iSwiperCard_top {
  display: flex;
}
.p-iSwiperCard_top img {
  width: 31.25rem;
  flex-shrink: 0;
  height: 25rem;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_top img {
    width: 35.75rem;
    height: 28.6rem;
  }
}

.p-iSwiperCard_heading {
  padding-top: 0.955rem;
  flex-grow: 1;
  display: flex;
  gap: 0.69rem;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_heading {
    padding-top: 1.1rem;
    gap: 0.8rem;
  }
}
.p-iSwiperCard_heading p {
  color: #DD7922;
  font-family: "Work Sans", sans-serif;
  writing-mode: sideways-lr;
  text-align: right;
}
.p-iSwiperCard_heading p .num {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_heading p .num {
    font-size: 1.4rem;
  }
}
.p-iSwiperCard_heading p .text {
  font-size: 1.215rem;
  font-weight: 300;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_heading p .text {
    font-size: 1.4rem;
  }
}

.p-iSwiperCard_bottom {
  padding: 0.55rem 1.3rem 0.65rem 2.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_bottom {
    padding: 0.9rem 0.85rem 0.8rem 3.4rem;
  }
}

.p-iSwiperCard_personInfo {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.p-iSwiperCard_name h3 {
  color: #000;
  font-weight: 500;
  line-height: 1.62727;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_name h3 {
    font-size: 1.8rem;
    line-height: 1.66667;
  }
}

.p-iSwiperCard_position p {
  color: #000;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_position p {
    font-size: 1.2rem;
  }
}

.p-iSwiperCard_linkIcon {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #FFF;
  transition: background 0.3s ease;
  border: 0.1rem solid #DD7922;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-iSwiperCard_linkIcon {
    width: 2.7rem;
    height: 2.7rem;
  }
}
.p-iSwiperCard_linkIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 1rem;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: #DD7922;
  transition: background 0.3s ease;
}

.p-iSwiper-scrollbar {
  bottom: -4.6rem !important;
  left: 2rem !important;
  width: calc(100% - 2rem) !important;
  height: 1.3rem !important;
  background: #FFF !important;
}
@media screen and (min-width: 768px) {
  .p-iSwiper-scrollbar {
    bottom: -6.9rem !important;
    height: 2rem !important;
    border-radius: 2rem !important;
  }
}
.p-iSwiper-scrollbar .swiper-scrollbar-drag {
  background: #27A7AD;
}
@media screen and (min-width: 768px) {
  .p-iSwiper-scrollbar .swiper-scrollbar-drag {
    border-radius: 2rem !important;
  }
}
@media (any-hover: hover) {
  .p-iSwiper-scrollbar:hover {
    cursor: pointer;
  }
}

.l-news {
  padding-top: 8.5rem;
  padding-bottom: 8.9rem;
}
@media screen and (min-width: 768px) {
  .l-news {
    padding-top: 11.5rem;
    padding-bottom: 9.6rem;
  }
}

.l-news_inner {
  padding-inline: 4.4rem;
  max-width: 104.4rem;
}

.p-news_cards {
  margin-top: 5.8rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .p-news_cards {
    margin-top: 7.5rem;
    gap: 1.5rem;
  }
}

.p-newsCard {
  border-bottom: 0.1rem solid #93C9CC;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding-bottom: 0.7rem;
}
@media screen and (min-width: 768px) {
  .p-newsCard {
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.5rem;
    padding-bottom: 3.6rem;
  }
}

@media screen and (min-width: 768px) {
  .p-newsCard_image {
    width: 18.6rem;
    flex-shrink: 0;
    height: 12.5rem;
  }
}
.p-newsCard_image img {
  width: 100%;
  height: 20.3rem;
}
@media screen and (min-width: 768px) {
  .p-newsCard_image img {
    height: 100%;
  }
}

.p-newsCard_body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-newsCard_body {
    flex-grow: 1;
    gap: 1.6rem;
    padding-bottom: 0.9rem;
  }
}

.p-newsCard_head time {
  font-size: 1.4rem;
}

.p-newsCard_text p {
  font-size: 1.4rem;
  line-height: 1.8;
}

.l-data {
  padding-top: 8.5rem;
  padding-bottom: 7.8rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-data {
    padding-top: 11rem;
    padding-bottom: 1.7rem;
  }
}
.l-data::after {
  content: "";
  position: absolute;
  z-index: 8;
  bottom: -15rem;
  left: 0;
  width: 37.5rem;
  height: 53.8rem;
  background: url(../img/data_circle_sp.webp) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .l-data::after {
    bottom: -44rem;
    width: 96.15rem;
    height: 113.4rem;
    background: url(../img/data_circle_pc.webp) no-repeat center center/contain;
  }
}

.p-data_bgImg {
  position: absolute;
  z-index: 5;
  inset: 0;
}
.p-data_bgImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-data_bgImg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(56, 73, 74, 0.74);
}

.l-data_inner {
  position: relative;
  z-index: 10;
}

.p-data_title {
  gap: 0.6rem;
}

.p-data_contents {
  margin-top: 1.1rem;
}
@media screen and (min-width: 768px) {
  .p-data_contents {
    margin-top: -4.2rem;
  }
}
.p-data_contents img {
  width: 100%;
  height: 90.6rem;
}
@media screen and (min-width: 768px) {
  .p-data_contents img {
    height: 94.2rem;
  }
}

.l-recruit {
  padding-top: 8.5rem;
  padding-bottom: 8.8rem;
  background: linear-gradient(180deg, #A7DBDE 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 768px) {
  .l-recruit {
    padding-top: 11rem;
    padding-bottom: 10rem;
  }
}

.l-recruit_inner {
  position: relative;
  z-index: 10;
}

.p-recruit_title {
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-recruit_title {
    gap: 0.8rem;
  }
}
.p-recruit_title p {
  font-size: 4rem;
}
@media screen and (min-width: 768px) {
  .p-recruit_title p {
    font-size: 9.6rem;
  }
}

.p-recruit_cards {
  margin-top: 2.9rem;
  display: flex;
  flex-direction: column;
  gap: 3.3rem;
}
@media screen and (min-width: 768px) {
  .p-recruit_cards {
    margin-top: 12.9rem;
    gap: 15.1rem;
  }
}

.p-rCard {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-rCard {
    width: 100%;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-rCard.regular .p-rCard_image {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-rCard.regular .p-rCard_body {
    margin-right: 0;
    padding: 3.1rem 8.5rem 4.5rem 8.6rem;
  }
}
@media screen and (min-width: 768px) {
  .p-rCard.regular .p-rCard_contents {
    margin-top: 3.7rem;
    gap: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .p-rCard.contract .p-rCard_image {
    right: 0;
  }
}
.p-rCard.contract .p-rCard_body {
  padding-top: 3.1rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-rCard.contract .p-rCard_body {
    margin-left: 0;
    padding: 6.3rem 8.1rem 5.7972rem 8.8rem;
  }
}
.p-rCard.contract .p-rCard_contents {
  padding-right: 1rem;
}
@media screen and (min-width: 768px) {
  .p-rCard.contract .p-rCard_contents {
    padding-right: 0;
    margin-top: 2.9rem;
    gap: 1.2rem;
  }
}

@media screen and (min-width: 768px) {
  .p-rCard_image {
    position: absolute;
    top: -9.1rem;
    width: 45.8rem;
    height: 36rem;
  }
}
.p-rCard_image img {
  width: 100%;
  height: 26.3rem;
}
@media screen and (min-width: 768px) {
  .p-rCard_image img {
    height: 100%;
  }
}

.p-rCard_body {
  width: 100%;
  max-width: 32rem;
  margin-inline: auto;
  padding: 2rem 2.4rem 2.8rem 1.8rem;
  border-radius: 0.4rem;
  background: #FFF;
  box-shadow: -0.2rem 0.4rem 1rem 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .p-rCard_body {
    max-width: 78rem;
    border-radius: 0.8rem;
  }
}

.p-rCard_title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-rCard_title {
    gap: 1.7rem;
  }
}
.p-rCard_title h3 {
  color: #363B45;
  font-size: 2.2rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-rCard_title h3 {
    font-size: 3.6rem;
  }
}
.p-rCard_title::after {
  flex-grow: 1;
  content: "";
  width: calc(100% - 0.7rem);
  height: 0.1rem;
  background: #27A7AD;
}

.p-rCard_contents {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}

.p-rCard_content {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .p-rCard_content {
    flex-direction: row;
    gap: 3rem;
  }
}
.p-rCard_content dt {
  width: 14.1rem;
  padding-block: 0.4rem;
  background: #27A7AD;
  clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
  color: #FFF;
  text-align: center;
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-rCard_content dt {
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.p-rCard_content dd {
  color: #363B45;
  font-weight: 500;
  line-height: 1.625;
}
@media screen and (min-width: 768px) {
  .p-rCard_content dd {
    flex-grow: 1;
    font-size: 1.8rem;
    line-height: 1.44444;
  }
}

.l-about {
  padding-top: 7.9rem;
  padding-bottom: 8rem;
  background: #FFF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-about {
    padding-top: 11rem;
    padding-bottom: 10rem;
  }
}
.l-about::after {
  content: "";
  position: absolute;
  z-index: 8;
  top: -9.9rem;
  right: 0;
  width: 35.5rem;
  height: 145.1rem;
  background: url(../img/about_circle_sp.webp) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .l-about::after {
    top: 2.5rem;
    width: 131.7rem;
    height: 167rem;
    background: url(../img/about_circle_pc.webp) no-repeat center center/contain;
  }
}

.l-about_inner {
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .p-about_title {
    gap: 0.7rem;
  }
}

.p-about_contents {
  margin-top: 2.5rem;
  padding: 1.1rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-about_contents {
    margin: 5.1rem auto 0;
    max-width: 95.4rem;
    padding: 9.8rem 6.9rem;
    gap: 2.53rem;
  }
}

.p-about_content {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #DDD;
}
@media screen and (min-width: 768px) {
  .p-about_content {
    flex-direction: row;
    gap: 0;
    padding-bottom: 0;
  }
}
.p-about_content dt {
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-about_content dt {
    width: 16.6rem;
    flex-shrink: 0;
    padding-bottom: 12px;
    border-bottom: 0.4rem solid #27A7AD;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-about_content dd {
    flex-grow: 1;
    padding-bottom: 15px;
    border-bottom: 0.1rem solid #DDD;
  }
}

.l-access {
  padding-top: 8.5rem;
  padding-bottom: 7.4rem;
  background: linear-gradient(180deg, #FFF 0%, #EFDBC9 100%);
}
@media screen and (min-width: 768px) {
  .l-access {
    padding-top: 11rem;
    padding-bottom: 9.4rem;
  }
}

.l-access_inner {
  position: relative;
  z-index: 10;
}

.p-access_script {
  margin-top: 2.6rem;
}
@media screen and (min-width: 768px) {
  .p-access_script {
    margin: -9.8rem 15rem 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-access_script p {
  line-height: 1.875;
}
@media screen and (min-width: 768px) {
  .p-access_script p {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.p-access_map {
  margin-top: 2.4rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-access_map {
    margin-top: 5.9rem;
  }
}
.p-access_map iframe {
  width: 100%;
  height: 24rem;
}
@media screen and (min-width: 768px) {
  .p-access_map iframe {
    height: 63.6rem;
  }
}

.l-entry {
  padding-top: 8.5rem;
  padding-bottom: 5rem;
  background: #DD7922;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .l-entry {
    padding-top: 11.4rem;
    padding-bottom: 7rem;
  }
}

.l-entry_inner {
  max-width: 94.7rem;
}

@media screen and (min-width: 768px) {
  .p-entry_title {
    gap: 1.9rem;
  }
}
.p-entry_title p {
  letter-spacing: -0.144rem;
}
@media screen and (min-width: 768px) {
  .p-entry_title p {
    letter-spacing: 0.48rem;
  }
}

.p-entry_formArea {
  margin-top: 3.2rem;
}
@media screen and (min-width: 768px) {
  .p-entry_formArea {
    margin-top: 3.9rem;
  }
}

.p-eForm_fields {
  border-radius: 0.8rem;
  background: #FFF9F4;
  padding: 3rem 0.8rem 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (min-width: 768px) {
  .p-eForm_fields {
    padding: 8rem 13.3rem;
  }
}

.p-eForm_field {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.p-eForm_field_head.required {
  padding-top: 2.5rem;
  position: relative;
}
.p-eForm_field_head.required::before {
  content: "必須";
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3rem 0.8rem;
  background: #DD7922;
  color: #FFF;
  font-size: 1rem;
  line-height: 1;
}

.p-eForm_field_label {
  font-weight: 700;
  line-height: 1.5;
}

.p-eForm_field_item {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.p-eForm_field_inputText {
  width: 100%;
  border-radius: 0.4rem;
  border: 0.1rem solid #B5B5B5;
  background: #FFF;
  padding: 0.7rem 1.1rem 1rem;
}
.p-eForm_field_inputText::-moz-placeholder {
  color: #CCC;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.p-eForm_field_inputText::placeholder {
  color: #CCC;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}

.p-eForm_field_radio .wpcf7-list-item {
  margin: 0;
}
.p-eForm_field_radio input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.p-eForm_field_radio input:focus + .wpcf7-list-item-label::before {
  border: 0.1rem solid #DD7922;
}
.p-eForm_field_radio input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-eForm_field_radio .wpcf7-list-item-label {
  font-weight: 500;
  line-height: 1.5;
  padding-left: 2.578rem;
  position: relative;
}
@media (any-hover: hover) {
  .p-eForm_field_radio .wpcf7-list-item-label:hover {
    cursor: pointer;
  }
}
.p-eForm_field_radio .wpcf7-list-item-label::before, .p-eForm_field_radio .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.p-eForm_field_radio .wpcf7-list-item-label::before {
  left: 0;
  width: 1.8rem;
  background: #FFF;
}
.p-eForm_field_radio .wpcf7-list-item-label::after {
  left: 0.5rem;
  width: 0.8rem;
  opacity: 0;
  background: #DD7922;
}

.p-eForm_field_textarea-occupation,
.p-eForm_field_textarea-question {
  width: 100%;
  border-radius: 0.4rem;
  border: 0.1rem solid #B5B5B5;
  background: #FFF;
  padding: 0.7rem 1.1rem 1.2rem;
}
.p-eForm_field_textarea-occupation::-moz-placeholder, .p-eForm_field_textarea-question::-moz-placeholder {
  color: #CCC;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.p-eForm_field_textarea-occupation::placeholder,
.p-eForm_field_textarea-question::placeholder {
  color: #CCC;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}

.p-eForm_field_textarea-occupation {
  height: 8.6rem;
}

.p-eForm_field_textarea-question {
  height: 17.7rem;
}
@media screen and (min-width: 768px) {
  .p-eForm_field_textarea-question {
    height: 8.6rem;
  }
}

.p-eForm_field_inputFile {
  width: 100%;
  border-radius: 0.4rem;
  border: 0.1rem solid #B5B5B5;
  background: #FFF;
  color: #363B45;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
.p-eForm_field_inputFile::file-selector-button {
  background: #27A7AD;
  padding: 1.2rem 1.8rem 3.3rem 1.2rem;
  border: none;
  color: #FFF;
  font-weight: 500;
  line-height: 1.75;
}
.p-eForm_field_inputFile::-webkit-file-upload-button {
  background: #27A7AD;
  padding: 1.2rem 1.8rem 3.3rem 1.2rem;
  border: none;
  color: #FFF;
  font-weight: 500;
  line-height: 1.75;
}

.p-eForm_field_note p {
  color: #363B45;
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-eForm_button {
  margin-top: 4rem;
}
@media screen and (min-width: 768px) {
  .p-eForm_button {
    max-width: 35.2rem;
    margin-inline: auto;
  }
}
.p-eForm_button input.wpcf7-submit {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.p-eForm_button .p-eForm_buttonInner {
  width: 100%;
  border-radius: 7rem;
  border: 0.1rem solid #DD7922;
  background: #FFF;
  position: relative;
  overflow: hidden;
}
.p-eForm_button .p-eForm_buttonInner span {
  color: #DD7922;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4;
  transition: color 0.3s ease;
  position: relative;
  z-index: 20;
}
.p-eForm_button .p-eForm_buttonInner::after {
  content: "";
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 110%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  opacity: 0;
  background: #DD7922;
  transition: opacity 0.5s, transform 0s;
  transform-origin: center center;
  transition-delay: 0s, 0.4s;
}
@media (any-hover: hover) {
  .p-eForm_button .p-eForm_buttonInner:hover {
    cursor: pointer;
    border-color: #FFF;
  }
  .p-eForm_button .p-eForm_buttonInner:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition-delay: 0s;
    transition: opacity 0.8s, transform 0.6s ease-in-out;
  }
  .p-eForm_button .p-eForm_buttonInner:hover span {
    color: #FFF;
  }
}

.l-footer {
  padding-top: 4rem;
  padding-bottom: 2.8rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding-top: 7.9rem;
    padding-bottom: 6.2rem;
  }
}

.p-footer_bgImage {
  position: absolute;
  z-index: 8;
  inset: 0;
}
.p-footer_bgImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-footer_bgImage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(42, 50, 51, 0.9);
}

.l-footer_inner {
  position: relative;
  z-index: 10;
}

.p-footer_contents {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-footer_contents {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.p-footer_name {
  display: flex;
  flex-direction: column;
}
.p-footer_name .main {
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-footer_name .main {
    font-size: 3.1rem;
  }
}
.p-footer_name .sub {
  color: #FFF;
  font-family: "Work Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .p-footer_name .sub {
    margin-top: -0.5rem;
    font-size: 2rem;
  }
}

.p-footer_address {
  margin-top: 1.3rem;
}
@media screen and (min-width: 768px) {
  .p-footer_address {
    margin-top: 0.8rem;
  }
}
.p-footer_address p {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.71429;
}
@media screen and (min-width: 768px) {
  .p-footer_address p {
    font-size: 2rem;
    line-height: 1.6;
  }
}

.p-footer_copyright small {
  color: #FFF;
  font-family: "Work Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .p-footer_copyright small {
    font-size: 1.3rem;
  }
}
.p-footer_copyright.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-footer_copyright.pc {
    margin-top: 5.3rem;
    display: block;
    padding-bottom: 1.8rem;
  }
}
.p-footer_copyright.sp {
  margin-top: 0.9rem;
}
@media screen and (min-width: 768px) {
  .p-footer_copyright.sp {
    display: none;
  }
}

nav.p-footer_half {
  margin-top: 3.4rem;
  display: flex;
  gap: 4.5rem;
}
@media screen and (min-width: 768px) {
  nav.p-footer_half {
    margin-top: 0;
    gap: 8.9rem;
  }
}

.p-footer_links {
  display: flex;
  flex-direction: column;
}
.p-footer_links.first {
  padding-top: 0.2rem;
  gap: 1.2rem;
}
@media screen and (min-width: 768px) {
  .p-footer_links.first {
    gap: 1.5rem;
  }
}
.p-footer_links.second {
  gap: 0.4rem;
}
@media screen and (min-width: 768px) {
  .p-footer_links.second {
    gap: 0.8rem;
  }
}
.p-footer_links a {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-footer_links a {
    font-size: 2rem;
  }
}
@media (any-hover: hover) {
  .p-footer_links a:hover {
    opacity: 0.6;
  }
}

.p-footer_interviewList {
  margin-top: 0.8rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-footer_interviewList {
    margin-top: 1.2rem;
  }
}
.p-footer_interviewList li p {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-footer_interviewList li p {
    font-size: 2rem;
    line-height: 2.05;
  }
}
.p-footer_interviewList li p::before {
  content: "・";
}

.l-intSingle {
  padding-top: 4.5rem;
  padding-bottom: 4.6rem;
}
@media screen and (min-width: 768px) {
  .l-intSingle {
    padding-top: 11rem;
    padding-bottom: 4.9rem;
  }
}

.p-intSingle_title {
  gap: 0.6rem;
}

.p-intSingle_contents {
  margin-top: 2.8rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
@media screen and (min-width: 768px) {
  .p-intSingle_contents {
    margin-top: 3.9rem;
    flex-direction: row;
    gap: 3.4rem;
  }
}

.p-intSingle_person {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .p-intSingle_person {
    width: 52rem;
    flex-shrink: 0;
  }
}

.p-intSingle_image img {
  width: 100%;
  height: 25rem;
}
@media screen and (min-width: 768px) {
  .p-intSingle_image img {
    height: 38.8rem;
  }
}

.p-intSingle_personInfo {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.p-intSingle_name p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.7;
}
@media screen and (min-width: 768px) {
  .p-intSingle_name p {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.6875;
  }
}

.p-intSingle_position p {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .p-intSingle_position p {
    font-size: 2rem;
  }
}

.p-intSingle_interview {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .p-intSingle_interview {
    padding-right: 6.2rem;
    flex-grow: 1;
    gap: 1.8rem;
  }
}

.p-intSingle_interviewBox {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.p-intSingle_interviewBox dt {
  padding: 0.1rem 0 0.1rem 1.7rem;
  clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);
  background: #F1BA89;
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p-intSingle_interviewBox dt {
    padding-left: 2.2rem;
    font-size: 2.4rem;
  }
}
.p-intSingle_interviewBox dd {
  padding-left: 0.3rem;
  color: #363B45;
  font-weight: 500;
  line-height: 1.875;
}
@media screen and (min-width: 768px) {
  .p-intSingle_interviewBox dd {
    padding-left: 0;
    font-size: 1.8rem;
    line-height: 1.8;
  }
}

.l-intSchedule {
  padding-top: 1rem;
  padding-bottom: 4.7rem;
  max-width: 97.1rem;
  margin-inline: auto;
  background: #27A7AD;
}
@media screen and (min-width: 768px) {
  .l-intSchedule {
    padding-top: 2.4rem;
    padding-bottom: 7.8rem;
  }
}

@media screen and (min-width: 768px) {
  .l-intSchedule_inner {
    padding-inline: 2.8rem;
    max-width: none;
  }
}

.p-intSchedule_title {
  width: 100%;
  height: 18.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_title {
    height: 22.3rem;
    padding-top: 0.5rem;
    padding-right: 1.6rem;
  }
}
.p-intSchedule_title p {
  color: #363B45;
  font-family: "Work Sans", sans-serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_title p {
    font-size: 5.6rem;
    letter-spacing: 0.28rem;
  }
}
.p-intSchedule_title h2 {
  color: #363B45;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_title h2 {
    font-size: 1.8rem;
    letter-spacing: 0.09rem;
  }
}
.p-intSchedule_title h2 span {
  font-weight: 500;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_title h2 span {
    font-size: 1.5rem;
    letter-spacing: 0.075rem;
  }
}
.p-intSchedule_title::after {
  content: "";
  position: absolute;
  z-index: 12;
  bottom: 0.3rem;
  left: 1.2rem;
  width: 3.6rem;
  height: 9.3rem;
  background: url(../img/object_black_sp.svg) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_title::after {
    bottom: -0.3rem;
    left: 13.9rem;
    width: 7.1rem;
    height: 9.3rem;
    background: url(../img/object_black_pc.svg) no-repeat center center/contain;
  }
}

.p-intSchedule_main {
  margin-top: 2.8rem;
  padding-left: 5.16rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_main {
    margin: 3rem auto 0;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 8rem;
    gap: 2.4rem;
  }
}

.p-intSchedule_timeBox {
  padding: 1rem 0 1rem 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFF;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_timeBox {
    padding: 1.5rem 1.6rem;
    gap: 1.1rem;
    width: 55.8rem;
  }
}
.p-intSchedule_timeBox::before, .p-intSchedule_timeBox::after {
  content: "";
  position: absolute;
}
.p-intSchedule_timeBox::before {
  bottom: 4.2rem;
  left: -2.3rem;
  width: 2.6rem;
  height: 9.6rem;
  border-left: 0.3rem solid #FFF;
  border-bottom: 0.3rem solid #FFF;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_timeBox::before {
    bottom: 6rem;
    left: -4.6rem;
    width: 5.2rem;
    height: 15.6rem;
    border-left: 0.6rem solid #FFF;
    border-bottom: 0.6rem solid #FFF;
  }
}
.p-intSchedule_timeBox::after {
  bottom: 3.6rem;
  left: -2.9rem;
  width: 1.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_timeBox::after {
    bottom: 4.9rem;
    left: -5.8rem;
    width: 2.8rem;
  }
}

.p-intSchedule_time {
  color: #DD7922;
  font-family: "Work Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_time {
    font-size: 3.2rem;
  }
}

.p-intSchedule_action {
  color: #27A7AD;
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-intSchedule_action {
    font-size: 2.4rem;
  }
}

.l-intLink {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .l-intLink {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}

.l-intLink_inner {
  max-width: 101.1rem;
}

.p-intLink_nav {
  display: flex;
  justify-content: space-between;
}
.p-intLink_nav .navBtnInner {
  display: inline-block;
  width: 10.2857rem;
  height: 3.5rem;
  border-radius: 5rem;
  background: #FFF;
  border: 0.0714rem solid #DD7922;
}
@media screen and (min-width: 768px) {
  .p-intLink_nav .navBtnInner {
    width: 14.4rem;
    height: 4.9rem;
    border-radius: 7rem;
  }
}
.p-intLink_nav .navBtnInner p {
  text-align: center;
  color: #363B45;
  font-family: "Work Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.28571;
}
@media screen and (min-width: 768px) {
  .p-intLink_nav .navBtnInner p {
    font-size: 2rem;
    line-height: 2.4;
  }
}