@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;
}

body {
  background: #FFFFFF;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
body.is-fixed {
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}

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

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

.l-inner {
  padding-inline: 30px;
  width: 100%;
  max-width: 1260px;
  margin-inline: auto;
}

.l-header {
  position: fixed;
  z-index: 120;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: 26px;
}
@media screen and (min-width: 1100px) {
  .l-header {
    padding-block: 20px;
  }
}
.l-header a {
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .l-header a:hover {
    opacity: 0.7;
  }
}
.l-header.is-checked {
  padding-block: 24px;
}
.l-header.is-checked .p-header__inner {
  padding-inline: 30px;
}
.l-header.is-checked .p-header__logo {
  width: 213px;
}

.p-header__inner {
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-header__inner {
    padding-inline: 45px;
  }
}

.p-header__contents {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.p-header__logo {
  display: block;
  width: 166px;
  aspect-ratio: 213/49;
}
@media screen and (min-width: 768px) {
  .p-header__logo {
    width: 213px;
  }
}
.p-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-header__nav {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-header__nav {
    gap: 16px;
  }
}
@media screen and (min-width: 1100px) {
  .p-header__nav {
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
  }
}

.p-header__navList {
  display: none;
}
@media screen and (min-width: 1100px) {
  .p-header__navList {
    display: flex;
    gap: 16px;
    padding: 11px 21px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid #FFF;
  }
}
.p-header__navList li a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.444444;
}
@media screen and (min-width: 1100px) and (max-width: 1439.98px) {
  .p-header__navList li a {
    font-size: clamp(0.75rem, -0.463rem + 1.76vw, 1.125rem);
  }
}

.p-header__entryLink {
  display: none;
}
@media screen and (min-width: 1100px) {
  .p-header__entryLink {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 5px;
    background: #0AC4E9;
    padding: 6px 18px 5px;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.21875;
  }
}

.p-header__navButton {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: #FFF;
  position: relative;
}
.p-header__navButton span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 2px;
  background: #0AC4E9;
  border-radius: 1px;
}
.p-header__navButton span:nth-child(1) {
  top: calc(50% - 6px);
}
.p-header__navButton span:nth-child(2) {
  top: calc(50% - 2px);
}
.p-header__navButton span:nth-child(3) {
  top: calc(50% + 2px);
}
.p-header__navButton span:nth-child(4) {
  top: calc(50% + 6px);
}
.p-header__navButton.is-checked {
  width: 48px;
  height: 48px;
}
.p-header__navButton.is-checked span {
  width: 28px;
  height: 5px;
  border-radius: 2.5px;
}
.p-header__navButton.is-checked span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-header__navButton.is-checked span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-header__navButton.is-checked span:nth-child(2), .p-header__navButton.is-checked span:nth-child(4) {
  display: none;
}
@media screen and (min-width: 1100px) {
  .p-header__navButton {
    display: none;
  }
}

.l-drawer {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  padding: 131px 30px 68px;
  background: #0AC4E9;
  transform: translateX(100%);
  transition: transform 1s ease;
  overflow-y: scroll;
}
@media screen and (min-width: 1100px) {
  .l-drawer {
    display: none;
  }
}
.l-drawer.is-checked {
  transform: translateX(0);
}
.l-drawer a {
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .l-drawer a:hover {
    opacity: 0.7;
  }
}

.p-drawer__nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33px;
}

.p-drawer__navList {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33px;
}
.p-drawer__navList li a {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.p-drawer__entryLink {
  margin-inline: auto;
  width: 100%;
  max-width: 148px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #FFF;
  color: #FF3A3A;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.21875;
}

.l-footer {
  padding-top: 41px;
  padding-bottom: 28px;
  background: #0AC4E9;
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding-top: 60px;
    padding-bottom: 29px;
  }
}
.l-footer a {
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .l-footer a:hover {
    opacity: 0.7;
  }
}

.p-footer__inner {
  padding-left: 35px;
  padding-right: 44px;
}
@media screen and (min-width: 768px) {
  .p-footer__inner {
    padding-right: 39px;
    width: 100%;
    max-width: 1274px;
    margin-inline: auto;
  }
}

.p-footer__contents {
  display: flex;
  flex-direction: column;
  gap: 42px;
}
@media screen and (min-width: 768px) {
  .p-footer__contents {
    width: 100%;
    margin-inline: 0;
    flex-direction: row;
    justify-content: space-between;
  }
}

.p-footer__company {
  padding-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media screen and (min-width: 1100px) {
  .p-footer__company {
    padding-left: 5px;
  }
}

.p-footer__logo {
  width: 205px;
  height: 47.16px;
}
@media screen and (min-width: 1100px) {
  .p-footer__logo {
    width: 269.51px;
    height: 62px;
  }
}
.p-footer__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-footer__name {
  margin-top: 8px;
  color: #FFF;
  font-weight: 700;
}
@media screen and (min-width: 1100px) {
  .p-footer__name {
    margin-top: 10px;
    font-size: 24px;
  }
}

.p-footer__address {
  margin-top: 14px;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 1100px) {
  .p-footer__address {
    font-size: 24px;
  }
}

.p-footer__nav {
  display: flex;
}

.p-footer__navList {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}
@media screen and (min-width: 1100px) {
  .p-footer__navList {
    gap: 24px;
  }
}
.p-footer__navList:nth-child(1) {
  flex-grow: 1;
}
.p-footer__navList:nth-child(2) {
  flex-shrink: 0;
  max-width: 151.71px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-footer__navList:nth-child(2) {
    width: 200px;
    max-width: none;
  }
}
.p-footer__navList a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.4375;
}
@media screen and (max-width: 389.98px) {
  .p-footer__navList a {
    font-size: clamp(0.75rem, -0.393rem + 5.71vw, 1rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-footer__navList a {
    font-size: 20px;
    white-space: nowrap;
  }
}
.p-footer__navList a.p-footer__entryLink {
  width: 121.796px;
  height: 41.147px;
  border-radius: 4.115px;
  background: #FFF;
  color: #FF3A3A;
  font-family: "Montserrat", sans-serif;
  font-size: 26.334px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 389.98px) {
  .p-footer__navList a.p-footer__entryLink {
    width: clamp(6.25rem, 0.023rem + 31.14vw, 7.612rem);
    font-size: clamp(1.25rem, -0.56rem + 9.05vw, 1.646rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-footer__navList a.p-footer__entryLink {
    margin-top: 4px;
    width: 148px;
    height: 50px;
    border-radius: 5px;
    font-size: 32px;
  }
}

.p-footer__copyright {
  margin-top: 57px;
  padding-left: 34px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-footer__copyright {
    margin: -14px auto 0;
    padding-inline: 30px;
    max-width: 1260px;
    gap: 12px;
  }
}

.p-footer-copyright__text {
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1100px) {
  .p-footer-copyright__text {
    font-size: 14px;
    letter-spacing: 0.7px;
  }
}

.p-footer-copyright__produce {
  color: #0BA7C7;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1100px) {
  .p-footer-copyright__produce {
    font-size: 14px;
    letter-spacing: 0.7px;
  }
}

.c-sectionTitle {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  .c-sectionTitle {
    gap: 11px;
  }
}

.c-sectionTitle__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 30px;
}
@media screen and (min-width: 500px) and (max-width: 767.98px) {
  .c-sectionTitle__main {
    width: clamp(1.875rem, -3.372rem + 16.79vw, 4.688rem);
  }
}
@media screen and (min-width: 768px) {
  .c-sectionTitle__main {
    width: 75px;
    gap: 16px;
  }
}

.c-sectionTitle__mainText {
  color: #0AC4E9;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 6px;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 500px) and (max-width: 767.98px) {
  .c-sectionTitle__mainText {
    font-size: clamp(1.5rem, -2.231rem + 11.94vw, 3.5rem);
  }
}
@media screen and (min-width: 768px) {
  .c-sectionTitle__mainText {
    font-size: 56px;
    line-height: 1;
    letter-spacing: normal;
  }
}
.c-sectionTitle__mainText--white {
  color: #FFF;
}

.c-sectionTitle__subText {
  color: #FF3A3A;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.2px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
@media screen and (min-width: 500px) and (max-width: 767.98px) {
  .c-sectionTitle__subText {
    font-size: clamp(0.75rem, -0.649rem + 4.48vw, 1.5rem);
  }
}
@media screen and (min-width: 768px) {
  .c-sectionTitle__subText {
    font-size: 24px;
    letter-spacing: 2.4px;
  }
}
.c-sectionTitle__subText--white {
  color: #FFF;
}

.p-hero {
  width: 100%;
  height: 98.2051282051vw;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 8.7179487179vw;
}
@media screen and (min-width: 768px) {
  .p-hero {
    height: 100vh;
    padding-bottom: 33.7962962963vh;
  }
}

.p-hero__back {
  position: absolute;
  z-index: 5;
  inset: 0;
  overflow: hidden;
}

.p-hero__bgImage {
  position: absolute;
  inset: 0;
}
.p-hero__bgImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-hero__bgImage.image1 {
  opacity: 1;
  animation: opacity1 6s linear infinite;
}
.p-hero__bgImage.image2 {
  opacity: 0;
  animation: opacity2 6s linear infinite;
}
.p-hero__bgImage.image3 {
  opacity: 0;
  animation: opacity3 6s linear infinite;
}

@keyframes opacity1 {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity2 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  34% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacity3 {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  67% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.p-hero__inner {
  position: relative;
  z-index: 10;
}

.p-hero__catchphrase {
  color: #FFF;
  text-shadow: 0 0 30px #284B66;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.333333;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-hero__catchphrase {
    font-size: 48px;
  }
}
@media screen and (min-width: 1100px) {
  .p-hero__catchphrase {
    font-size: 72px;
  }
}

.p-leadArea {
  position: relative;
}
.p-leadArea::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: -6.9444444444vw;
  left: 0;
  width: 100%;
  height: 7.2916666667vw;
  background: url(../img/wave-bg_skyblue-short.webp) no-repeat center center/cover;
}

.p-lead {
  padding-top: 48px;
  background: #E5F9FF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-lead {
    padding-top: 80px;
  }
}

@media screen and (min-width: 768px) {
  .p-lead__contents {
    display: flex;
  }
}

.p-lead__textArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-lead__textArea {
    padding-left: 18px;
    position: sticky;
    top: 80px;
    gap: clamp(45px, 6.5454545455vh, 54px);
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.p-lead__heading {
  color: #FF3A3A;
  text-align: center;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.8px;
}
@media screen and (min-width: 768px) {
  .p-lead__heading {
    font-size: clamp(18px, 2.9090909091vh, 24px);
    letter-spacing: 2.4px;
  }
}

.p-lead__text {
  text-align: center;
  font-size: clamp(14px, 4.102564vw, 20px);
  font-weight: 700;
  line-height: 2.5;
}
@media screen and (min-width: 768px) {
  .p-lead__text {
    font-size: clamp(14px, 2.4242424242vh, 20px);
    line-height: 2.4;
  }
}

.p-lead__largeText {
  color: #0AC4E9;
  text-align: center;
  font-size: clamp(30px, 10.2564vw, 56px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 4px;
}
@media screen and (min-width: 768px) {
  .p-lead__largeText {
    font-size: clamp(30px, 6.7878787879vh, 56px);
    line-height: 1.28571;
    letter-spacing: 5.6px;
  }
}

.p-lead__imageArea {
  height: 175.1282051282vw;
  position: relative;
  z-index: 7;
}
.p-lead__imageArea.sp {
  display: block;
}
.p-lead__imageArea.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-lead__imageArea {
    flex-grow: 1;
    margin-top: 100vh;
    height: 300vh;
  }
  .p-lead__imageArea.sp {
    display: none;
  }
  .p-lead__imageArea.pc {
    display: block;
  }
}

.p-lead__image {
  position: absolute;
  overflow: hidden;
}
.p-lead__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-lead__image.image1 {
  max-width: 128px;
  aspect-ratio: 128/138;
}
.p-lead__image.image1.sp {
  top: 15px;
  right: 0;
  width: 22.8205128205%;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image1.sp {
    display: none;
  }
}
.p-lead__image.image1.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image1.pc {
    display: block;
    top: 0;
    right: 15.7638888889vw;
    width: 8.8888888889vw;
  }
}
@media screen and (min-width: 1440px) {
  .p-lead__image.image1.pc {
    right: 227px;
  }
}
.p-lead__image.image2 {
  top: 36.6666666667vw;
  left: 30px;
  width: 36.558974359vw;
  max-width: 295px;
  aspect-ratio: 295/221;
  border-radius: 2.4812820513vw;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image2 {
    top: 26px;
    left: 8.3333333333vw;
    width: 20.4861111111vw;
    border-radius: 1.3888888889vw;
  }
}
@media screen and (min-width: 1440px) {
  .p-lead__image.image2 {
    left: 120px;
  }
}
.p-lead__image.image3 {
  top: 55.8974358974vw;
  right: 0;
  width: 45.9884615385vw;
  max-width: 370px;
  aspect-ratio: 370/278;
  border-radius: 2.4812820513vw;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image3 {
    top: 191px;
    right: 3.125vw;
    width: 25.6944444444vw;
    border-radius: 1.3888888889vw;
  }
}
@media screen and (min-width: 1440px) {
  .p-lead__image.image3 {
    right: 45px;
  }
}
.p-lead__image.image4 {
  top: 95.1282051282vw;
  left: 30px;
  width: 42.1835897436vw;
  max-width: 340px;
  aspect-ratio: 340/255;
  border-radius: 2.4812820513vw;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image4 {
    top: 468px;
    left: 0;
    width: 23.6111111111vw;
    border-radius: 1.3888888889vw;
  }
}
.p-lead__image.image5 {
  top: 115.3846153846vw;
  right: 30px;
  width: 36.558974359vw;
  max-width: 295px;
  aspect-ratio: 295/221;
  border-radius: 2.4812820513vw;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image5 {
    top: 690px;
    right: 3.125vw;
    width: 20.4861111111vw;
    border-radius: 1.3888888889vw;
  }
}
@media screen and (min-width: 1440px) {
  .p-lead__image.image5 {
    right: 45px;
  }
}
.p-lead__image.image6 {
  top: 4.1025641026vw;
  left: 0;
  width: 25.8930769231vw;
  max-width: 185px;
  aspect-ratio: 185/203;
}
@media screen and (min-width: 768px) {
  .p-lead__image.image6 {
    top: 820px;
    left: 12.4305555556vw;
    width: 12.8472222222vw;
  }
}
@media screen and (min-width: 1440px) {
  .p-lead__image.image6 {
    left: 179px;
  }
}

.p-ourWorks {
  position: relative;
  z-index: 15;
  padding-top: 64px;
  padding-bottom: 157px;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-ourWorks {
    margin-top: -100vh;
    padding-top: 84px;
    padding-bottom: 294px;
  }
}
.p-ourWorks::before {
  content: "";
  position: absolute;
  z-index: 11;
  top: -6.9444444444vw;
  left: 0;
  width: 100%;
  height: 7.2916666667vw;
  background: url(../img/wave-bg_white-short.webp) no-repeat center center/cover;
}
.p-ourWorks::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-ourWorks::after {
    display: block;
    content: "";
    position: absolute;
    z-index: 10;
    top: -20.8333333333vw;
    left: 0;
    width: 100%;
    height: 20.8333333333vw;
    background: linear-gradient(180deg, rgba(229, 249, 255, 0), rgb(229, 249, 255));
  }
}

.p-ourWorks__headImg {
  position: absolute;
  z-index: 17;
  top: -17.1794871795vw;
  right: 14px;
  width: 19.2307692308%;
  max-width: 131.864px;
  aspect-ratio: 131.864/120;
}
@media screen and (min-width: 768px) {
  .p-ourWorks__headImg {
    top: -11.1111111111vw;
    right: 20.6944444444%;
    width: 9.1572222222%;
  }
}
.p-ourWorks__headImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-ourWorks__contents {
  display: flex;
  gap: 7px;
}
@media screen and (min-width: 500px) and (max-width: 767.98px) {
  .p-ourWorks__contents {
    gap: clamp(0.438rem, -0.729rem + 3.73vw, 1.063rem);
  }
}
@media screen and (min-width: 768px) {
  .p-ourWorks__contents {
    gap: 17px;
  }
}

.p-ourWorks-title__icon {
  width: 100%;
  height: 22.762px;
}
@media screen and (min-width: 500px) and (max-width: 767.98px) {
  .p-ourWorks-title__icon {
    height: clamp(1.423rem, -2.57rem + 12.78vw, 3.563rem);
  }
}
@media screen and (min-width: 768px) {
  .p-ourWorks-title__icon {
    height: 57px;
  }
}

.p-ourWorks__list {
  padding-top: 1px;
  display: flex;
  flex-direction: column;
  gap: 102px;
}
@media screen and (min-width: 768px) {
  .p-ourWorks__list {
    padding-top: 3px;
    gap: 80px;
  }
}

.p-ourWorks__item {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .p-ourWorks__item {
    flex-direction: row;
    gap: 7.5400565504%;
  }
}

.p-ourWorks__image {
  width: 100%;
  aspect-ratio: 550/369;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-ourWorks__image {
    width: 51.8378887842%;
    flex-shrink: 0;
    border-radius: 0 20px 20px 0;
  }
}
.p-ourWorks__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-ourWorks-item__body {
  flex-grow: 1;
}

.p-ourWorks-item__number {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (min-width: 768px) {
  .p-ourWorks-item__number {
    gap: 13px;
  }
}
.p-ourWorks-item__number p {
  color: #FF3A3A;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-ourWorks-item__number p {
    font-size: 16px;
    letter-spacing: 1.6px;
  }
}
.p-ourWorks-item__number span {
  display: block;
  height: 1.5px;
  background: #FF3A3A;
  width: 60%;
}

.p-ourWorks-item__heading {
  margin-top: 15px;
  color: #0AC4E9;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-ourWorks-item__heading {
    margin-top: 20px;
    font-size: 32px;
  }
}

.p-ourWorks-item__text {
  margin-top: 27px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p-ourWorks-item__text {
    margin-top: 35px;
    max-width: 373px;
    line-height: 2;
  }
}

.p-ourWorks__slideArea {
  position: absolute;
  bottom: -69px;
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-ourWorks__slideArea {
    bottom: -221px;
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
}

@keyframes slideToRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideToLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.p-ourWorks__slideText {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  animation: slideToRight 40s linear infinite;
}
.p-ourWorks__slideText p {
  color: rgba(10, 196, 233, 0.3);
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-ourWorks__slideText p {
    font-size: 64px;
  }
}
@media screen and (min-width: 1100px) {
  .p-ourWorks__slideText p {
    font-size: 90px;
  }
}

.p-ourWorks__slideImages {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  animation: slideToLeft 32s linear infinite;
}

.p-ourWorks__slideImage {
  width: 172.8px;
  aspect-ratio: 4/3;
  border-radius: 7.2px;
  overflow: hidden;
  margin-right: 14.4px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-ourWorks__slideImage {
    width: 320px;
    border-radius: 12px;
    margin-right: 24px;
  }
}
@media screen and (min-width: 1100px) {
  .p-ourWorks__slideImage {
    width: 480px;
    border-radius: 20px;
    margin-right: 40px;
  }
}

.p-interview {
  padding-top: 168px;
  padding-bottom: 80px;
  background: #E5F9FF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-interview {
    padding-top: 419px;
  }
}
@media screen and (min-width: 1100px) {
  .p-interview {
    padding-bottom: 198px;
  }
}

.p-interview__contents {
  display: flex;
  gap: 7px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-interview__contents {
    gap: clamp(0.438rem, -1.008rem + 3.01vw, 1.063rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-interview__contents {
    gap: 17px;
  }
}

.p-interview__title .c-sectionTitle__main {
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .p-interview__title .c-sectionTitle__main {
    gap: 15px;
  }
}
.p-interview__title .c-sectionTitle__subText {
  padding-bottom: 46px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-interview__title .c-sectionTitle__subText {
    padding-bottom: clamp(2.875rem, -2.33rem + 10.84vw, 5.125rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-interview__title .c-sectionTitle__subText {
    padding-bottom: 82px;
  }
}

.p-interview-title__icon {
  width: 100%;
  height: 32.978px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-interview-title__icon {
    height: clamp(2.061rem, -2.424rem + 9.34vw, 4rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-interview-title__icon {
    height: 64px;
  }
}

.p-interview__list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 535px) {
  .p-interview__list {
    flex-direction: row;
  }
}

.p-interview__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
}
@media screen and (min-width: 535px) {
  .p-interview__item {
    gap: 21px;
  }
}

.p-interviewCard {
  width: 100%;
  border-radius: 10.784px;
  background: #FFF;
  position: relative;
  max-width: 276px;
  margin-inline: auto;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard {
    max-width: none;
    margin-inline: 0;
    border-radius: 20px;
  }
}
.p-interviewCard.firstItem-card {
  padding: 28.58px 9px 23.4px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard.firstItem-card {
    padding: 53px 29px 45px;
  }
}
.p-interviewCard.secondItem-card {
  padding: 28.58px 14px 23.55px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard.secondItem-card {
    padding: 53px 25px 44px;
  }
}

.p-interviewCard__image {
  position: absolute;
}
.p-interviewCard__image.firstItem-image {
  top: 32px;
  left: 15px;
  width: 109.464px;
  aspect-ratio: 109.464/133.297;
}
@media screen and (max-width: 389.98px) {
  .p-interviewCard__image.firstItem-image {
    width: 28.0676923077vw;
  }
}
@media screen and (max-width: 374.98px) {
  .p-interviewCard__image.firstItem-image {
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 535px) and (max-width: 767.98px) {
  .p-interviewCard__image.firstItem-image {
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    width: 20.4605607477vw;
  }
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__image.firstItem-image {
    top: 59px;
    left: 27px;
    width: 203px;
    aspect-ratio: 203/248;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1259.98px) {
  .p-interviewCard__image.firstItem-image {
    width: clamp(8.438rem, -20.781rem + 42.5vw, 12.688rem);
  }
}
.p-interviewCard__image.secondItem-image {
  top: 42px;
  left: 7px;
  width: 111.487px;
  aspect-ratio: 111.487/123.343;
}
@media screen and (max-width: 389.98px) {
  .p-interviewCard__image.secondItem-image {
    width: 28.5864102564vw;
  }
}
@media screen and (max-width: 374.98px) {
  .p-interviewCard__image.secondItem-image {
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 535px) and (max-width: 767.98px) {
  .p-interviewCard__image.secondItem-image {
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    width: 20.8386915888vw;
  }
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__image.secondItem-image {
    top: 77px;
    left: 12px;
    width: 207px;
    aspect-ratio: 207/229;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1259.98px) {
  .p-interviewCard__image.secondItem-image {
    width: clamp(8.438rem, -20.781rem + 42.5vw, 12.688rem);
  }
}

.p-interviewCard__body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 37px;
}
@media screen and (max-width: 374.98px) {
  .p-interviewCard__body {
    align-items: center;
    gap: calc(37px + 31.6264102564vw);
  }
}
@media screen and (min-width: 535px) and (max-width: 767.98px) {
  .p-interviewCard__body {
    align-items: center;
    gap: calc(37px + 23.0547663551vw);
  }
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__body {
    gap: 69px;
  }
}

.p-interviewCard__comment {
  width: 160px;
  height: 48px;
  border-radius: 53.922px;
  background: #B6EDF8;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  place-items: center;
  position: relative;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__comment {
    width: 250px;
    height: 90px;
    border-radius: 100px;
    font-size: 16px;
  }
}
.p-interviewCard__comment.firstItem-comment {
  padding-left: 10px;
  margin-right: 5px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__comment.firstItem-comment {
    margin-right: 0;
  }
}
.p-interviewCard__comment.secondItem-comment {
  padding-left: 5px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__comment.secondItem-comment {
    padding-left: 10px;
  }
}
.p-interviewCard__comment::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 9px;
  width: 16px;
  height: 12px;
  background: url(../img/comment-figure.svg) no-repeat center center/contain;
}
@media screen and (max-width: 374.98px) {
  .p-interviewCard__comment::after {
    transform: scaleX(-1);
    left: 18px;
  }
}
@media screen and (min-width: 535px) and (max-width: 767.98px) {
  .p-interviewCard__comment::after {
    transform: scaleX(-1);
    left: 18px;
  }
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__comment::after {
    bottom: -13px;
    left: 19px;
    width: 29px;
    height: 22px;
  }
}

.p-interviewCard__personal {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 11px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 374.98px) {
  .p-interviewCard__personal {
    align-items: center;
  }
}
@media screen and (min-width: 535px) and (max-width: 767.98px) {
  .p-interviewCard__personal {
    align-items: center;
  }
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__personal {
    gap: 15px;
  }
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__personal.firstItem-personal {
    padding-right: 10px;
  }
}
.p-interviewCard__personal.secondItem-personal {
  padding-right: 5px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__personal.secondItem-personal {
    padding-right: 31px;
  }
}

.p-interviewCard__name {
  color: #0AC4E9;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__name {
    font-size: 48px;
  }
}

.p-interviewCard__info {
  display: flex;
  align-items: center;
}
.p-interviewCard__info.firstItem-info {
  gap: 4.31px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__info.firstItem-info {
    gap: 8px;
  }
}
.p-interviewCard__info.secondItem-info {
  gap: 8px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__info.secondItem-info {
    gap: 16px;
  }
}

.p-interviewCard__work {
  width: 64.706px;
  border-radius: 10.784px;
  background: #FF3A3A;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__work {
    width: 120px;
    border-radius: 20px;
    font-size: 20px;
  }
}
.p-interviewCard__work.firstItem-work {
  height: 18px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__work.firstItem-work {
    height: 30px;
  }
}
.p-interviewCard__work.secondItem-work {
  height: 16px;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__work.secondItem-work {
    height: 30px;
  }
}

.p-interviewCard__year {
  font-size: 12px;
  line-height: 1.43791;
}
@media screen and (min-width: 1100px) {
  .p-interviewCard__year {
    font-size: 18px;
  }
}

.p-interview__viewMore {
  color: #0AC4E9;
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .p-interview__viewMore {
    font-size: 24px;
    letter-spacing: 2.4px;
    gap: 16px;
  }
}
.p-interview__viewMore::after {
  content: "";
  width: 7.549px;
  height: 7.549px;
  background: url(../img/red-arrow.svg) no-repeat center center/contain;
}
@media screen and (min-width: 768px) {
  .p-interview__viewMore::after {
    width: 14px;
    height: 14px;
  }
}

.p-interview__subImage {
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: 83px;
  aspect-ratio: 170/152;
}
@media screen and (min-width: 768px) {
  .p-interview__subImage {
    bottom: 49px;
    left: 235px;
    width: 170px;
  }
}
.p-interview__subImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-interviewModal {
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 950px;
  height: calc(100% - 40px);
  max-height: 1179px;
  overflow: auto;
  background: #FFF;
  border: none;
  z-index: 130;
  overscroll-behavior-y: none;
}
@media screen and (min-width: 950px) {
  .p-interviewModal {
    border-radius: 20px;
    height: calc(100% - 100px);
  }
}
.p-interviewModal::backdrop {
  background: rgba(60, 71, 74, 0.8);
}

.p-interviewModal__body {
  position: relative;
  padding: 50px 30px 80px;
}
@media screen and (min-width: 1100px) {
  .p-interviewModal__body {
    padding: 76px 51px 75px;
  }
}

.p-interviewModal__closeButton {
  position: fixed;
  z-index: 135;
  top: 37px;
  right: 17px;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #000;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-interviewModal__closeButton {
    width: 68.376px;
    height: 68.376px;
  }
}
@media screen and (min-width: 1058px) {
  .p-interviewModal__closeButton {
    top: 14px;
    right: calc(50% - 509px);
  }
}
.p-interviewModal__closeButton span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 4.1px;
  border-radius: 2px;
  background: #000;
}
@media screen and (min-width: 768px) {
  .p-interviewModal__closeButton span {
    width: 34px;
  }
}
.p-interviewModal__closeButton span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-interviewModal__closeButton span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(45deg);
}

.p-interviewModal__head {
  position: relative;
  max-width: 340px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-interviewModal__head {
    max-width: 733px;
    margin-left: 0;
  }
}

.p-iModal-head__image {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 389.98px) {
  .p-iModal-head__image {
    top: calc(70px - clamp(0rem, -20rem + 100vw, 4.375rem));
  }
}
.p-iModal-head__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-iModal-head__image.modal1-image {
  width: 130.881px;
  aspect-ratio: 130.881/159.376;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__image.modal1-image {
    width: 304.828px;
    aspect-ratio: 304.828/371.204;
  }
}
.p-iModal-head__image.modal2-image {
  width: 144.619px;
  aspect-ratio: 144.619/159.998;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__image.modal2-image {
    width: 300.762px;
    aspect-ratio: 300.762/332.746;
  }
}

.p-iModal-head__main {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 44px;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__main {
    gap: 64px;
  }
}

.p-iModal-head__comment {
  width: 227.174px;
  height: 57.391px;
  border-radius: 64.471px;
  background: #B6EDF8;
  font-size: 14.348px;
  font-weight: 700;
  line-height: 1.375;
  display: grid;
  place-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__comment {
    width: 400px;
    height: 130.935px;
    font-size: 25.899px;
    line-height: 1.33333;
  }
}
.p-iModal-head__comment::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 9px;
  width: 19px;
  height: 15px;
  background: url(../img/comment-figure.svg) no-repeat center center/contain;
}
@media screen and (max-width: 334.98px) {
  .p-iModal-head__comment::after {
    transform: scaleX(-1);
    left: 18px;
  }
}
@media screen and (min-width: 768px) {
  .p-iModal-head__comment::after {
    width: 62px;
    height: 47px;
  }
}

.p-iModal-head__personal {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__personal {
    gap: 23px;
  }
}

.p-iModal-head__name {
  color: #0AC4E9;
  font-size: 28.696px;
  font-weight: 700;
  line-height: 1.07843;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__name {
    font-size: 70.154px;
    line-height: 1;
  }
}

.p-iModal-head__info {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__info {
    gap: 23.4px;
  }
}

.p-iModal-head__work {
  width: 77.366px;
  height: 21.522px;
  border-radius: 12.894px;
  background: #FF3A3A;
  color: #FFF;
  font-size: 14.348px;
  font-weight: 700;
  line-height: 1;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__work {
    width: 175.385px;
    height: 43.846px;
    border-radius: 29.231px;
    font-size: 29.231px;
  }
}

.p-iModal-head__year {
  font-size: 14.348px;
  line-height: 1.43791;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__year {
    font-size: 26.308px;
  }
}

.p-iModal-head__bgImage {
  display: block;
  margin: 17px 8.7179487179vw 0 auto;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__bgImage {
    margin-top: 20px;
    margin-right: 54px;
  }
}
.p-iModal-head__bgImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-iModal-head__bgImage.modal1-bgImg {
  width: 110px;
  aspect-ratio: 110/82;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__bgImage.modal1-bgImg {
    width: 227.14px;
    aspect-ratio: 227.14/169.49;
  }
}
.p-iModal-head__bgImage.modal2-bgImg {
  width: 115px;
  aspect-ratio: 115/88.35;
}
@media screen and (min-width: 768px) {
  .p-iModal-head__bgImage.modal2-bgImg {
    width: 253.04px;
    aspect-ratio: 253.04/194.39;
  }
}

.p-interviewModal__faq {
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding-inline: 15px;
}
@media screen and (min-width: 768px) {
  .p-interviewModal__faq {
    margin-top: -47.5px;
    padding-inline: 0;
    gap: 64px;
  }
}

.p-iModal-faq__content dt {
  display: flex;
  gap: 8.5px;
  color: #0AC4E9;
  font-weight: 700;
  line-height: 1.03411;
  padding-bottom: 15px;
  border-bottom: 1px dotted currentColor;
}
@media screen and (min-width: 768px) {
  .p-iModal-faq__content dt {
    gap: 24px;
    font-size: 24px;
    line-height: 1.94872;
    padding-bottom: 10px;
    border-width: 2px;
  }
}
.p-iModal-faq__content dt::before {
  content: "Q";
  color: #FF3A3A;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  line-height: 1.03411;
}
@media screen and (min-width: 768px) {
  .p-iModal-faq__content dt::before {
    font-size: 32px;
    line-height: 1.46154;
  }
}
.p-iModal-faq__content dd {
  padding-top: 16px;
  padding-left: 17px;
}
@media screen and (min-width: 768px) {
  .p-iModal-faq__content dd {
    padding-top: 14px;
    padding-left: 49px;
  }
}

.p-column {
  padding-top: 49px;
  padding-bottom: 55px;
  background: rgba(247, 239, 144, 0.3);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-column {
    padding-top: 15px;
    padding-bottom: 14px;
  }
}
.p-column::after {
  content: "";
  position: absolute;
  z-index: 7;
  bottom: -7.6923076923vw;
  left: 0;
  width: 100%;
  height: 19.1025641026vw;
  background: url(../img/honey-image_sp.webp) no-repeat center left/cover;
}
@media screen and (min-width: 768px) {
  .p-column::after {
    bottom: -7.5694444444vw;
    height: 17.7430555556vw;
    background: url(../img/honey-image_pc.webp) no-repeat center left/cover;
  }
}

.p-column__inner {
  position: relative;
  z-index: 10;
}

.p-column__contents {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
@media screen and (min-width: 768px) {
  .p-column__contents {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1100px) {
  .p-column__contents {
    gap: 93px;
  }
}

@media screen and (min-width: 768px) {
  .p-column__main {
    flex-grow: 1;
    padding-top: 86px;
  }
}

.p-column__title {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
@media screen and (min-width: 768px) {
  .p-column__title {
    gap: 21px;
  }
}

.p-column__titleEn {
  color: #645D5C;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .p-column__titleEn {
    padding-left: 10px;
  }
}

.p-column__titleJa {
  color: #FAB52C;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.66667;
  text-decoration: underline;
  text-decoration-color: #5A5A5A;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
@media screen and (min-width: 1100px) {
  .p-column__titleJa {
    font-size: 48px;
    line-height: 1.44;
    text-underline-offset: 13px;
  }
}

.p-column__text {
  margin-top: 49px;
  color: #5A5A5A;
  text-align: justify;
  font-weight: 500;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 768px) {
  .p-column__text {
    margin-top: 33px;
    padding-left: 10px;
    max-width: 450px;
  }
}

.p-column__image {
  display: block;
  max-width: 683px;
  width: 100%;
  aspect-ratio: 683/701;
}
@media screen and (min-width: 768px) {
  .p-column__image {
    width: 56.9166666667%;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1256px) and (max-width: 1309.98px) {
  .p-column__image {
    margin-left: calc(-1 * clamp(0rem, -78.5rem + 100vw, 3.375rem));
  }
}
@media screen and (min-width: 1310px) {
  .p-column__image {
    margin-left: -54px;
  }
}

.bee-image {
  display: block;
  position: absolute;
  transform: rotate(5deg);
  transform-origin: bottom center;
  animation: fly 2s steps(2) infinite;
}
.bee-image.bee1 {
  bottom: 81.5384615385vw;
  right: 17.4333333333vw;
  width: 50.014px;
  height: 48.995px;
}
@media screen and (min-width: 768px) {
  .bee-image.bee1 {
    bottom: 54.6575342466%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1309.98px) {
  .bee-image.bee1 {
    right: 44%;
  }
}
@media screen and (min-width: 1310px) {
  .bee-image.bee1 {
    right: calc(50% - 86px);
  }
}
.bee-image.bee2 {
  top: 69px;
  right: 17.4358974359vw;
  width: 48.977px;
  height: 42.977px;
  animation-delay: 0.7s;
}
@media screen and (min-width: 1310px) {
  .bee-image.bee2 {
    top: 159px;
    right: calc(50% - 517px);
  }
}

@keyframes fly {
  from {
    transform: rotate(-10deg);
  }
  to {
    transform: rotate(10deg);
  }
}
.p-data {
  padding-top: 129px;
  padding-bottom: 83px;
  background: #E5F9FF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-data {
    padding-top: 310px;
    padding-bottom: 128px;
  }
}
.p-data::after {
  content: "";
  position: absolute;
  z-index: 7;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 23.3333333333vw;
  background: url(../img/wave-dataBottom_sp.webp) no-repeat center center/cover;
}
@media screen and (min-width: 768px) {
  .p-data::after {
    height: 170px;
    background: url(../img/wave-dataBottom.webp) no-repeat center center/100% 100%;
  }
}

.p-data__inner {
  position: relative;
  z-index: 10;
}

.p-data__contents {
  display: flex;
  gap: 7px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-data__contents {
    gap: clamp(0.438rem, -1.008rem + 3.01vw, 1.063rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-data__contents {
    gap: 17px;
  }
}

.p-data__title {
  align-items: start;
}
.p-data__title .c-sectionTitle__subText {
  padding-top: 30px;
}

.p-data-title__icon {
  width: 100%;
  height: 24.309px;
}
@media screen and (min-width: 768px) {
  .p-data-title__icon {
    height: 65px;
  }
}

.p-data__boxes {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  gap: 30px;
}
@media screen and (max-width: 389.98px) {
  .p-data__boxes {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media screen and (min-width: 768px) {
  .p-data__boxes {
    gap: 36px 34px;
  }
}

.p-data__box {
  height: 273.979px;
  padding: 23px 16px 24px;
  border-radius: 14.705px;
  background: #FFF;
  box-shadow: 0 0 22.057px 0 rgba(169, 191, 211, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 1100px) {
  .p-data__box {
    height: 329.44px;
    padding: 28px 30px 31px;
    border-radius: 17.681px;
    box-shadow: 0 0 26.522px 0 rgba(169, 191, 211, 0.3);
  }
}

.p-data-box__heading {
  color: #5A5A5A;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.44444;
}
@media screen and (min-width: 1100px) {
  .p-data-box__heading {
    font-size: 20px;
  }
}

.p-data-box__mainText {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
}
.p-data-box__mainText .number {
  color: #0AC4E9;
  font-family: "Cal Sans", sans-serif;
  font-size: 110px;
  font-weight: 400;
  line-height: 1.0026;
}
@media screen and (min-width: 1100px) {
  .p-data-box__mainText .number {
    font-size: 132px;
  }
}
.p-data-box__mainText .unit {
  color: #FF3A3A;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 1100px) {
  .p-data-box__mainText .unit {
    font-size: 40px;
  }
}

.p-data-box__subText {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  color: #5A5A5A;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1100px) {
  .p-data-box__subText {
    font-size: 16px;
  }
}

.p-data-box__image {
  position: absolute;
  bottom: 22px;
  left: 26px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image {
    bottom: 26.42px;
    left: 31.16px;
  }
}
.p-data-box__image.image1 {
  width: 37.0299917831%;
  height: 65.473px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image.image1 {
    width: 35.9261825282%;
    height: 78.725px;
  }
}
.p-data-box__image.image2 {
  width: 31.4786359901%;
  height: 62.34px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image.image2 {
    width: 30.537719243%;
    height: 74.96px;
  }
}
.p-data-box__image.image3 {
  width: 35.6084634347%;
  height: 47.157px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image.image3 {
    width: 34.545502763%;
    height: 56.702px;
  }
}
.p-data-box__image.image4 {
  width: 24.446179129%;
  height: 55.575px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image.image4 {
    width: 23.7224982845%;
    height: 66.824px;
  }
}
.p-data-box__image.image5 {
  width: 32.9219391947%;
  height: 45.435px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image.image5 {
    width: 31.9402777271%;
    height: 54.633px;
  }
}
.p-data-box__image.image6 {
  width: 27.4100246508%;
  height: 58.159px;
}
@media screen and (min-width: 1100px) {
  .p-data-box__image.image6 {
    width: 26.5925884182%;
    height: 69.932px;
  }
}

.p-data-box__note {
  margin-top: -24px;
  padding-right: 21px;
  color: #000;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 1100px) {
  .p-data-box__note {
    font-size: 14.145px;
  }
}

.p-news {
  padding-top: 130px;
  padding-bottom: 120px;
  background: #E5F9FF;
}
@media screen and (min-width: 768px) {
  .p-news {
    padding-top: 199px;
    padding-bottom: 275px;
  }
}

.p-news__inner {
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .p-news__inner {
    padding-right: 30px;
  }
}

.p-news__contents {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-news__contents {
    gap: clamp(0.625rem, -5.447rem + 12.65vw, 3.25rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-news__contents {
    gap: 52px;
  }
}

.p-news__title .c-sectionTitle__subText {
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p-news__title .c-sectionTitle__subText {
    padding-bottom: 58px;
  }
}

.p-news-title__icon {
  width: 100%;
  height: 22.183px;
}
@media screen and (min-width: 768px) {
  .p-news-title__icon {
    height: 48.719px;
  }
}

.p-news__listArea {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  padding-bottom: 68px;
}
@media screen and (min-width: 768px) {
  .p-news__listArea {
    padding-bottom: 61px;
  }
}

.p-news__list li {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}

.p-newsCard {
  max-width: 275px;
  padding: 16.24px 15.56px 33px 14.42px;
  border-radius: 14.745px;
  border: 1px solid #0AC4E9;
  background: #FFF;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-newsCard {
    max-width: 319.112px;
    padding: 19px 18.22px 41px 16.89px;
    border-radius: 17.111px;
    gap: 18px;
  }
}

.p-newsCard__image {
  width: 100%;
  aspect-ratio: 94/57;
  overflow: hidden;
}
.p-newsCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-newsCard__title {
  color: #0AC4E9;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-newsCard__title {
    font-size: 18px;
  }
}

.p-newsCard__date {
  color: #FF3A3A;
  font-family: "Cal Sans", sans-serif;
  font-size: 13px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-newsCard__date {
    font-size: 14px;
    display: inline-block;
    margin-top: 11px;
  }
}

.p-newsCard__content {
  margin-top: 11px;
  color: #5A5A5A;
  text-align: justify;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .p-newsCard__content {
    font-size: 16px;
  }
}

.p-news__prev,
.p-news__next {
  top: auto !important;
  bottom: 0;
  width: 28.518px !important;
  height: 28.518px !important;
}
.p-news__prev svg,
.p-news__next svg {
  display: none;
}
.p-news__prev::after,
.p-news__next::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/swiperBtn-next.svg) no-repeat center center/contain;
}

.p-news__prev {
  left: 22% !important;
  transform: rotate(180deg);
}
@media screen and (min-width: 1100px) {
  .p-news__prev {
    left: 43% !important;
  }
}

.p-news__next {
  right: 31% !important;
}
@media screen and (min-width: 1100px) {
  .p-news__next {
    right: 43% !important;
  }
}

.p-message {
  padding-top: 25px;
  padding-bottom: 38px;
  background: #0AC4E9;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-message {
    padding-top: 95px;
    padding-bottom: 84px;
  }
}
.p-message::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: -8.9743589744vw;
  left: 0;
  width: 100%;
  height: 39.7435897436vw;
  background: url(../img/message-topWave.webp) no-repeat center center/cover;
}
@media screen and (min-width: 1100px) {
  .p-message::before {
    top: -7.7083333333vw;
    height: 39.6875vw;
    max-height: 100%;
    background: url(../img/message-topWave_pc.webp) no-repeat center top/cover;
  }
}

.p-message__inner {
  position: relative;
  z-index: 10;
}

.p-message__contents {
  display: flex;
}

.p-message__image {
  flex-shrink: 0;
  aspect-ratio: 146/109;
  overflow: hidden;
}
.p-message__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-message__image.pc {
  display: none;
}
@media screen and (min-width: 1100px) {
  .p-message__image.pc {
    display: block;
    margin-top: 15px;
    width: 48.3333333333%;
    border-radius: 20px;
  }
}
.p-message__image.sp {
  width: 100%;
  border-radius: 9.483px;
}
@media screen and (min-width: 1100px) {
  .p-message__image.sp {
    display: none;
  }
}

.p-message__title {
  align-items: start;
}
@media screen and (min-width: 1100px) {
  .p-message__title {
    margin-top: 15px;
    margin-left: 21px;
    gap: 22px;
  }
}
@media screen and (min-width: 1100px) {
  .p-message__title .c-sectionTitle__subText {
    padding-top: 4px;
  }
}

.p-message__main {
  margin-left: 7px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 1100px) {
  .p-message__main {
    margin-left: 35px;
  }
}

.p-message__text {
  color: #FFF;
  text-align: justify;
  font-weight: 500;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 1100px) {
  .p-message__text {
    font-size: 18px;
    line-height: 2.22222;
    letter-spacing: 0.9px;
  }
}

.p-recruitInfo {
  padding-top: 117px;
  padding-bottom: 79px;
  background: #E5F9FF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-recruitInfo {
    padding-top: 199px;
    padding-bottom: 199px;
  }
}

.p-recruitInfo__bgImg {
  position: absolute;
  top: 19px;
  right: 30px;
  width: 55.299px;
  height: 62px;
}
@media screen and (min-width: 768px) {
  .p-recruitInfo__bgImg {
    top: 36.09px;
    right: 92.09px;
    width: 110.597px;
    height: 124px;
  }
}
.p-recruitInfo__bgImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-recruitInfo__contents {
  display: flex;
  gap: 7px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-recruitInfo__contents {
    gap: clamp(0.438rem, -5.924rem + 13.25vw, 3.188rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo__contents {
    gap: 51px;
  }
}

.p-recruitInfo__title {
  align-items: flex-end;
}
.p-recruitInfo__title .c-sectionTitle__main {
  gap: 13px;
}
@media screen and (min-width: 768px) {
  .p-recruitInfo__title .c-sectionTitle__main {
    width: 41.69px;
    gap: 9px;
  }
}
.p-recruitInfo__title .c-sectionTitle__subText {
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .p-recruitInfo__title .c-sectionTitle__subText {
    padding-bottom: 5px;
  }
}

.p-recruitInfo-title__icon {
  width: 100%;
  height: 34.733px;
}
@media screen and (min-width: 768px) {
  .p-recruitInfo-title__icon {
    height: 48.26px;
  }
}

.p-recruitInfo__list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .p-recruitInfo__list {
    flex-direction: row;
    gap: 35.67px;
  }
}

.p-recruitInfo__item {
  width: 100%;
  padding: 9.662px 9.662px 12px 9.662px;
  border-radius: 9.483px;
  background: #0AC4E9;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo__item {
    width: calc((100% - 35.67px) / 2);
    padding: 18px 18px 23px 18px;
    border-radius: 17.667px;
    gap: 17px;
  }
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo__item.first-item .p-recruitInfo-box__row dt {
    width: 134px;
  }
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo__item.second-item .p-recruitInfo-box__row dt {
    width: 90.7px;
  }
}

.p-recruitInfo__heading {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.18534;
  letter-spacing: 0.6px;
}
.p-recruitInfo__heading::before {
  content: "〈 ";
}
.p-recruitInfo__heading::after {
  content: " 〉";
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo__heading {
    font-size: 22px;
    line-height: 1.20455;
    letter-spacing: 1.1px;
  }
}

.p-recruitInfo__box {
  border-radius: 4.741px;
  background: #FFF;
  padding: 13.419px 9.662px 4px 9.662px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo__box {
    border-radius: 8.833px;
    padding: 25px 18px 4px 18px;
  }
}

.p-recruitInfo-box__targets {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__targets {
    gap: 14px;
  }
}
.p-recruitInfo-box__targets li {
  width: 100%;
  padding: 5px;
  background: rgba(10, 196, 233, 0.2);
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.18534;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__targets li {
    padding: 9px 31px 8px;
    font-size: 18px;
    line-height: 1.47222;
    letter-spacing: 0.9px;
  }
}
.p-recruitInfo-box__targets li span {
  display: inline-block;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.p-recruitInfo-box__targets li.lsMinus {
  letter-spacing: -0.2px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__targets li.lsMinus {
    letter-spacing: 0.9px;
  }
}

.p-recruitInfo-box__detail {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 9.2px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__detail {
    margin-top: 17px;
    gap: 14px;
  }
}

.p-recruitInfo-box__row {
  display: flex;
  padding-bottom: 6.2px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__row {
    padding-bottom: 13px;
  }
}
.p-recruitInfo-box__row:not(:last-child) {
  border-bottom: 1px solid rgba(10, 196, 233, 0.3);
}
.p-recruitInfo-box__row dt {
  width: 18.4615384615vw;
  flex-shrink: 0;
  color: #FF3A3A;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.26437;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-recruitInfo-box__row dt {
    width: 72px;
  }
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__row dt {
    font-size: 16px;
    line-height: 1.76667;
    letter-spacing: 0.8px;
  }
}
.p-recruitInfo-box__row dd {
  flex-grow: 1;
  padding-top: 1.42px;
  font-size: 12px;
  line-height: 1.26437;
  letter-spacing: 0.6px;
}
@media screen and (min-width: 1100px) {
  .p-recruitInfo-box__row dd {
    padding-top: 2.65px;
    font-size: 14px;
    line-height: 2.01905;
    letter-spacing: 0.7px;
  }
}
.p-recruitInfo-box__row dd span {
  display: inline-block;
  line-height: inherit;
  letter-spacing: inherit;
}
.p-recruitInfo-box__row dd span.lsMinus {
  letter-spacing: -0.4px;
}

.p-company {
  padding-top: 50px;
  padding-bottom: 75px;
}
@media screen and (min-width: 768px) {
  .p-company {
    padding-top: 101px;
    padding-bottom: 265px;
  }
}

.p-company__contents {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-company__contents {
    gap: clamp(0.625rem, -4.869rem + 11.45vw, 3rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-company__contents {
    gap: 48px;
  }
}

.p-company__title .c-sectionTitle__main {
  gap: 14px;
}
@media screen and (min-width: 768px) {
  .p-company__title .c-sectionTitle__main {
    width: 44px;
    gap: 16px;
  }
}
.p-company__title .c-sectionTitle__subText {
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .p-company__title .c-sectionTitle__subText {
    padding-top: 0;
  }
}

.p-company-title__icon {
  width: 100%;
  height: 35.923px;
}
@media screen and (min-width: 768px) {
  .p-company-title__icon {
    height: 45.63px;
  }
}

.p-company__main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
@media screen and (min-width: 768px) {
  .p-company__main {
    margin-top: 63px;
    flex-direction: row;
  }
}
@media screen and (min-width: 1100px) {
  .p-company__main {
    gap: 66px;
  }
}

.p-company__info {
  display: flex;
  flex-direction: column;
  gap: 16.6px;
}
@media screen and (min-width: 768px) {
  .p-company__info {
    flex-grow: 1;
    gap: 18.4px;
  }
}

.p-company-info__row {
  padding-bottom: 8px;
  border-bottom: 0.55px solid #0AC4E9;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-company-info__row {
    border-width: 1px;
    padding-bottom: 15px;
  }
}
.p-company-info__row dt {
  width: 68.2px;
  flex-shrink: 0;
  color: #FF3A3A;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 1100px) {
  .p-company-info__row dt {
    width: 124px;
    font-size: 20px;
    line-height: 1.6;
  }
}
.p-company-info__row dd {
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 1100px) {
  .p-company-info__row dd {
    font-size: 16px;
    line-height: 2;
  }
}

@media screen and (min-width: 768px) {
  .p-company__access {
    width: 46.6540999057%;
    flex-shrink: 0;
  }
}

.p-company-access__heading {
  color: #FF3A3A;
  font-size: 14px;
  font-weight: 700;
  line-height: 0.95238;
}
@media screen and (min-width: 1100px) {
  .p-company-access__heading {
    font-size: 24px;
    line-height: 1;
  }
}

.p-company-access__map {
  margin: 16px 0 17px;
  width: 100%;
  aspect-ratio: 99/56;
  border-radius: 5.556px;
  overflow: hidden;
}
@media screen and (min-width: 1100px) {
  .p-company-access__map {
    margin: 15px 0 7px;
    border-radius: 10px;
  }
}
.p-company-access__map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-company-access__method + .p-company-access__method {
  margin-top: 19px;
}
@media screen and (min-width: 1100px) {
  .p-company-access__method + .p-company-access__method {
    margin-top: 15px;
  }
}

.p-company-access__methodHead {
  padding: 4px 9px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  border: 1px solid #284C66;
  background: rgba(10, 196, 233, 0.2);
  color: #284B66;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33333;
  letter-spacing: 1.2px;
  margin-bottom: 9px;
}
@media screen and (min-width: 1100px) {
  .p-company-access__methodHead {
    padding: 3px 12px 5px 11px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1.6px;
    margin-bottom: 5px;
  }
}

.p-company-access__methodText {
  font-size: 12px;
  line-height: 1.33333;
}
@media screen and (min-width: 1100px) {
  .p-company-access__methodText {
    font-size: 16px;
    line-height: 1.5;
  }
}

.p-contact {
  padding-top: 46px;
  padding-bottom: 75px;
  background: #E5F9FF;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-contact {
    padding-top: 86px;
    padding-bottom: 211px;
  }
}
.p-contact::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: -7.6923076923vw;
  left: 0;
  width: 100%;
  height: 38.9743589744vw;
  max-height: 100%;
  background: url(../img/wave-topContact_sp.webp) no-repeat center top/cover;
}
@media screen and (min-width: 768px) {
  .p-contact::before {
    top: -7.2222222222vw;
    height: 39.6180555556vw;
    background: url(../img/wave-topContact_pc.webp) no-repeat center top/cover;
  }
}

.p-contact__inner {
  position: relative;
  z-index: 10;
}

.p-contact__contents {
  display: flex;
  gap: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-contact__contents {
    gap: clamp(0.5rem, -4.849rem + 11.14vw, 2.813rem);
  }
}
@media screen and (min-width: 1100px) {
  .p-contact__contents {
    gap: 45px;
  }
}

.p-contact__title {
  align-items: start;
  padding-top: 3px;
}
@media screen and (min-width: 768px) {
  .p-contact__title {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-contact__title .c-sectionTitle__mainText {
    font-size: 47px;
  }
}

.p-contact__formArea {
  flex-grow: 1;
  border-radius: 5px;
  border: 1px solid #0AC4E9;
  background: #FFF;
  padding: 15px 11.156px 12px;
}
@media screen and (min-width: 768px) {
  .p-contact__formArea {
    padding: 70px 45px 44px 43px;
    border-radius: 20px;
    border-width: 2px;
  }
}

.p-cForm__fields {
  display: flex;
  flex-direction: column;
  gap: 13.34px;
}
@media screen and (min-width: 768px) {
  .p-cForm__fields {
    gap: 42px;
  }
}

.p-cForm__field {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  border-bottom: 1px solid #A9BFD3;
  padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .p-cForm__field {
    padding-bottom: 25px;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-cForm__field.occupation-field {
    gap: 32px;
  }
}

.p-cForm-field__head {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4.15px;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__head {
    gap: 16px;
  }
}
.p-cForm-field__head label {
  color: #0AC4E9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__head label {
    font-size: 20px;
    line-height: 1.6;
  }
}
.p-cForm-field__head.required::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FF3A3A;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__head.required::after {
    width: 12px;
    height: 12px;
  }
}

.p-cForm-field__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__item {
    gap: 10px;
  }
}
.p-cForm-field__item .wpcf7-not-valid-tip {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__item .wpcf7-not-valid-tip {
    font-size: 16px;
  }
}

.p-cForm-field__input {
  width: 100%;
  height: 23px;
  background: #FFF;
  border-radius: 2.594px;
  border: 1px solid #A5A5A5;
  padding: 2px 9px;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__input {
    border-radius: 10px;
    border-width: 1.5px;
    height: 60px;
    padding: 15.5px 34.74px;
  }
}
.p-cForm-field__input::-moz-placeholder {
  color: #A5A5A5;
  font-size: 12px;
  line-height: 1.41666667;
}
.p-cForm-field__input::placeholder {
  color: #A5A5A5;
  font-size: 12px;
  line-height: 1.41666667;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__input::-moz-placeholder {
    font-size: 18px;
    line-height: 1.444444;
  }
  .p-cForm-field__input::placeholder {
    font-size: 18px;
    line-height: 1.444444;
  }
}

.p-cForm-field__radio {
  width: 100%;
  display: flex;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__radio {
    gap: 19.66px;
  }
}
.p-cForm-field__radio .wpcf7-list-item {
  margin: 0;
}
.p-cForm-field__radio label {
  display: flex;
}
.p-cForm-field__radio input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.p-cForm-field__radio input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-cForm-field__radio input:focus + .wpcf7-list-item-label::before {
  border-color: #0AC4E9;
}
.p-cForm-field__radio .wpcf7-list-item-label {
  font-size: 12px;
  line-height: 1;
  padding-left: 18px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__radio .wpcf7-list-item-label {
    font-size: 20px;
    padding-left: 34.955px;
  }
}
.p-cForm-field__radio .wpcf7-list-item-label::before, .p-cForm-field__radio .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.p-cForm-field__radio .wpcf7-list-item-label::before {
  left: 0;
  width: 10px;
  height: 10px;
  border: 0.389px solid #A5A5A5;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__radio .wpcf7-list-item-label::before {
    width: 22.435px;
    height: 22.435px;
    border-width: 1.5px;
  }
}
.p-cForm-field__radio .wpcf7-list-item-label::after {
  left: 2.08px;
  width: 5.833px;
  height: 5.833px;
  background: #FF3A3A;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__radio .wpcf7-list-item-label::after {
    left: 4.67px;
    width: 13.087px;
    height: 13.087px;
  }
}

.p-cForm-field__selectArea > span {
  display: inline-block;
  width: 100%;
  position: relative;
  line-height: 1;
}
.p-cForm-field__selectArea > span::after {
  content: "";
  position: absolute;
  top: 7.5px;
  right: 10.65px;
  width: 10px;
  height: 5px;
  background: url(../img/select-arrow.svg) no-repeat center center/contain;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__selectArea > span::after {
    top: 25px;
    right: 28px;
    width: 20px;
    height: 10px;
  }
}

.p-cForm-field__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 23px;
  background: #FFF;
  border-radius: 2.594px;
  border: 1px solid #A5A5A5;
  padding: 2px 9px;
  color: #A5A5A5;
  font-size: 12px;
  line-height: 1.16667;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__select {
    border-radius: 10px;
    border-width: 1.5px;
    height: 60px;
    padding: 15.5px 34.74px;
    font-size: 24px;
  }
}
.p-cForm-field__select:hover, .p-cForm-field__select:focus {
  border-color: #0AC4E9;
  outline: none;
}

.p-cForm-field__textarea {
  width: 100%;
  height: 90.802px;
  padding: 8.461px 9.402px;
  border-radius: 2.82px;
  border: 1px solid #A5A5A5;
}
@media screen and (min-width: 768px) {
  .p-cForm-field__textarea {
    height: 350px;
    border-radius: 10.872px;
    border-width: 1.5px;
    padding: 31.115px 34.739px;
  }
}

.p-cForm__privacy {
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .p-cForm__privacy {
    margin-top: 23px;
  }
}

.p-cForm-privacy__text {
  color: #5A5A5A;
  text-align: justify;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 1.6px;
  }
}

.p-cForm-privacy__ruleBox {
  margin-top: 9px;
  width: 100%;
  height: 182px;
  border-radius: 2.594px;
  border: 1px solid #D9D9D9;
  overflow-y: scroll;
  padding: 4px 2px 4px 3px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__ruleBox {
    margin-top: 21px;
    height: 176px;
    border-radius: 10px;
    border-width: 2px;
    padding: 18px 33px 8px 15px;
  }
}
.p-cForm-privacy__ruleBox::-webkit-scrollbar {
  width: 6px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__ruleBox::-webkit-scrollbar {
    width: 6.978px;
  }
}
.p-cForm-privacy__ruleBox::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 1.81px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__ruleBox::-webkit-scrollbar-thumb {
    border-radius: 3.5px;
  }
}

.p-cForm-privacy__ruleContent + .p-cForm-privacy__ruleContent {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__ruleContent + .p-cForm-privacy__ruleContent {
    margin-top: 23px;
  }
}

.p-cForm-privacy__ruleHead {
  text-align: justify;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__ruleHead {
    font-size: 14px;
    line-height: 1.64286;
    letter-spacing: 0.7px;
  }
}

.p-cForm-privacy__ruleText {
  font-size: 10px;
  letter-spacing: 0.8px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__ruleText {
    font-size: 14px;
    line-height: 1.64286;
  }
}

.p-cForm-privacy__check {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__check {
    margin-top: 22px;
  }
}
.p-cForm-privacy__check > span, .p-cForm-privacy__check > span > span,
.p-cForm-privacy__check .wpcf7-list-item {
  display: inline-block;
  width: 100%;
}
.p-cForm-privacy__check .wpcf7-list-item {
  margin: 0;
}

.p-cForm-privacy__checkbox label {
  width: 100%;
  height: 22.59668px;
  border-radius: 1.297px;
  background: #FF3A3A;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__checkbox label {
    height: 50px;
    border-radius: 5px;
  }
}
.p-cForm-privacy__checkbox input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.p-cForm-privacy__checkbox input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.p-cForm-privacy__checkbox input:focus + .wpcf7-list-item-label::before {
  border-color: #0AC4E9;
}
.p-cForm-privacy__checkbox .wpcf7-list-item-label {
  display: block;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding-left: 22px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__checkbox .wpcf7-list-item-label {
    font-size: 24px;
    line-height: 1.4583333;
    padding-left: 47px;
  }
}
.p-cForm-privacy__checkbox .wpcf7-list-item-label::before, .p-cForm-privacy__checkbox .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.p-cForm-privacy__checkbox .wpcf7-list-item-label::before {
  left: 0;
  width: 12px;
  height: 12px;
  background: #FFF;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__checkbox .wpcf7-list-item-label::before {
    width: 28px;
    height: 28px;
  }
}
.p-cForm-privacy__checkbox .wpcf7-list-item-label::after {
  left: 2px;
  width: 8px;
  height: 8px;
  background: #FF3A3A;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-cForm-privacy__checkbox .wpcf7-list-item-label::after {
    left: 3px;
    width: 22px;
    height: 22px;
  }
}

.p-cForm__submit {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .p-cForm__submit {
    margin-top: 22px;
  }
}
.p-cForm__submit input {
  display: block;
  width: 100%;
  height: 22px;
  border-radius: 1.297px;
  background: #0AC4E9;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border: 0;
}
@media screen and (min-width: 768px) {
  .p-cForm__submit input {
    border-radius: 5px;
    height: 65px;
    font-size: 32px;
  }
}
.p-cForm__submit .wpcf7-spinner {
  position: absolute;
}

.p-contact__slideArea {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 1100px) {
  .p-contact__slideArea {
    bottom: -12px;
  }
}

.p-contact__slideText {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  animation: slideToRight 40s linear infinite;
}
.p-contact__slideText p {
  color: rgba(10, 196, 233, 0.3);
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  margin-right: 0.5em;
}
@media screen and (min-width: 768px) and (max-width: 1099.98px) {
  .p-contact__slideText p {
    font-size: 64px;
  }
}
@media screen and (min-width: 1100px) {
  .p-contact__slideText p {
    font-size: 90px;
  }
}