@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Amiko:wght@400;600;700&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("lib/ress.min.css");
.p-home .l-container {
  background: url(../img/bg_fv_home.webp) no-repeat 100% 0/100dvw auto;
  fill: linear-gradient(90deg, #00A0FF -21.58%, #FFF 100%);
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .p-home .l-container {
    background-image: url(../img/bg_fv_home_sp.webp);
  }
}

.p-mv {
  height: 76.8rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-mv {
    height: 70rem;
  }
}
.p-mv-anim {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  /* ===============================
    Squares – ゆったり浮遊のみ
    =============================== */
  /* 浮遊（軽さ重視 / px→rem直書き） */
  /* ===============================
    Squares 見た目
    =============================== */
  /* 小サイズ共通は placeholder 化（.sq-s を @extend しない） */
  /* ===============================
    Particles
    =============================== */
  /* ===============================
    Particles アニメーション（px→rem直書き）
    =============================== */
  /* 透明度の呼吸 */
}
@media screen and (max-width: 767px) {
  .p-mv-anim {
    left: auto;
    right: -10rem;
    transform: scale(0.49);
    top: 12.8rem;
  }
}
.p-mv-anim > * {
  position: absolute;
}
@keyframes sq-l {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-mv-anim .sq-l, .p-mv-anim .sq-l-3, .p-mv-anim .sq-l-2, .p-mv-anim .sq-l-1 {
  height: 45.02rem;
}
.p-mv-anim .sq-l:before, .p-mv-anim .sq-l-3:before, .p-mv-anim .sq-l-2:before, .p-mv-anim .sq-l-1:before {
  animation: sq-l 1.5s cubic-bezier(0.2, 0.9, 0.2, 1) 0.5s forwards;
  content: " ";
  display: block;
  background: linear-gradient(90deg, #0089FF 0%, #2098FF 7%, #5AB2FF 22%, #8CCAFF 36%, #B5DDFF 50%, #D5EBFF 64%, #ECF6FF 77%, #FAFCFF 89%, #FFF 100%);
  height: 100%;
  opacity: 0.45;
  transform: translateX(100%);
  width: 100%;
}
.p-mv-anim .sq-l-1 {
  right: -24.5rem;
  top: 28.2rem;
  transform: rotate(45deg);
  width: 88.937rem;
}
@media screen and (max-width: 767px) {
  .p-mv-anim .sq-l-1 {
    right: -33.7rem;
    top: 32rem;
    width: 100rem;
  }
}
.p-mv-anim .sq-l-1:before {
  animation-delay: 0.4s;
}
.p-mv-anim .sq-l-2 {
  right: -34.1rem;
  transform: rotate(-45deg);
  top: 1.1rem;
  width: 100rem;
}
.p-mv-anim .sq-l-2:before {
  animation-delay: 0.8s;
}
.p-mv-anim .sq-l-3 {
  right: -36rem;
  top: 16.7rem;
  width: 92.2rem;
}
.p-mv-anim .sq-l-3:before {
  animation-delay: 1.1s;
}
.p-mv-anim .squares {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: fadein 2.5s cubic-bezier(0.2, 0.9, 0.2, 1) 1.7s forwards;
  /* 共通（動き） */
  /* 個体別パラメータ（px→rem直書き） */
}
.p-mv-anim .squares [class^=sq-] {
  position: absolute;
  will-change: transform;
  animation: sq-drift var(--sf, 15s) cubic-bezier(0.42, 0, 0.58, 1) infinite;
  animation-delay: var(--sd, 0s);
}
.p-mv-anim .squares .sq-m-1 {
  --sx1: 2.2rem;
  --sy1: -3.2rem;
  --sx2: -1.4rem;
  --sy2: -1.2rem;
  --sf: 18s;
  --sd: -4s;
}
.p-mv-anim .squares .sq-s-1 {
  --sx1: 1.4rem;
  --sy1: -2.6rem;
  --sx2: 1rem;
  --sy2: -0.8rem;
  --sf: 14s;
  --sd: -2s;
}
.p-mv-anim .squares .sq-s-2 {
  --sx1: -1.8rem;
  --sy1: -2.2rem;
  --sx2: -0.8rem;
  --sy2: -1.6rem;
  --sf: 16s;
  --sd: -6s;
}
.p-mv-anim .squares .sq-s-3 {
  --sx1: 1.2rem;
  --sy1: -1.8rem;
  --sx2: -1.4rem;
  --sy2: -1rem;
  --sf: 15s;
  --sd: -3s;
}
.p-mv-anim .squares .sq-s-4 {
  --sx1: -2.2rem;
  --sy1: -3rem;
  --sx2: 1.2rem;
  --sy2: -1.4rem;
  --sf: 20s;
  --sd: -8s;
}
.p-mv-anim .squares .sq-s-5 {
  --sx1: 1rem;
  --sy1: -2rem;
  --sx2: -1.2rem;
  --sy2: -1.8rem;
  --sf: 13s;
  --sd: -1s;
}
@keyframes sq-drift {
  0% {
    transform: translate(0, 0) scale(1);
  }
  30% {
    transform: translate(var(--sx1, 1.4rem), var(--sy1, -2.6rem)) scale(1.03);
  }
  60% {
    transform: translate(var(--sx2, -1rem), var(--sy2, -1rem)) scale(1.045);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
.p-mv-anim .sq-m-1 {
  background: linear-gradient(90deg, #0089FF 0%, rgba(65, 167, 255, 0.9) 15%, rgba(133, 198, 255, 0.79) 34%, rgba(186, 223, 255, 0.71) 52%, rgba(224, 240, 255, 0.65) 69%, rgba(247, 251, 255, 0.61) 86%, rgba(255, 255, 255, 0.6) 100%);
  width: 37.615rem;
  height: 29.8199rem;
  top: 23.822rem;
  right: 9.18rem;
}
.p-mv-anim .sq-s-5, .p-mv-anim .sq-s-4, .p-mv-anim .sq-s-3, .p-mv-anim .sq-s-2, .p-mv-anim .sq-s-1 {
  background: linear-gradient(90deg, #0089FF 0%, rgba(50, 160, 255, 0.96) 12%, rgba(112, 189, 255, 0.91) 28%, rgba(163, 212, 255, 0.87) 43%, rgba(203, 231, 255, 0.84) 59%, rgba(232, 244, 255, 0.82) 74%, rgba(249, 252, 255, 0.8) 88%, rgba(255, 255, 255, 0.8) 100%);
}
.p-mv-anim .sq-s-1 {
  width: 12.5rem;
  height: 13.5rem;
  top: 13.4rem;
  right: 12.8rem;
}
.p-mv-anim .sq-s-2 {
  width: 3.1785rem;
  height: 7.1116rem;
  top: 19.8rem;
  right: 28.022rem;
}
.p-mv-anim .sq-s-3 {
  width: 3.5847rem;
  height: 7.1116rem;
  bottom: 18.288rem;
  right: 14.715rem;
}
@media screen and (max-width: 767px) {
  .p-mv-anim .sq-s-3 {
    margin-bottom: -7rem;
  }
}
.p-mv-anim .sq-s-4 {
  width: 8.6878rem;
  height: 9.7055rem;
  bottom: 10.795rem;
  right: 33.912rem;
}
@media screen and (max-width: 767px) {
  .p-mv-anim .sq-s-4 {
    margin-bottom: -7rem;
  }
}
.p-mv-anim .sq-s-5 {
  width: 3.5847rem;
  height: 7.1116rem;
  bottom: 3.281rem;
  right: 21.767rem;
}
@media screen and (max-width: 767px) {
  .p-mv-anim .sq-s-5 {
    margin-bottom: -7rem;
  }
}
.p-mv-anim .particles {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: fadein 2.5s cubic-bezier(0.2, 0.9, 0.2, 1) 1.7s forwards;
  /* 共通（見た目） */
  /* 共通（動き） */
  /* グループ別バランス（px→rem直書き） */
  /* 位置 */
  /* 個体差（delay） */
}
.p-mv-anim .particles [class*=p-] {
  position: absolute;
  aspect-ratio: 1/1;
  width: 2.775rem;
}
@media screen and (max-width: 767px) {
  .p-mv-anim .particles [class*=p-] {
    margin-bottom: -7rem;
  }
}
.p-mv-anim .particles [class*=p-w] {
  background: var(--white);
}
.p-mv-anim .particles [class*=p-b] {
  background: #1C73FF;
}
.p-mv-anim .particles [class*=p-lb] {
  background: #8AE3FF;
}
.p-mv-anim .particles [class^=p-] {
  position: absolute;
  will-change: transform, opacity;
  animation: float var(--f, 10s) cubic-bezier(0.45, 0, 0.55, 1) infinite, fade var(--ft, 12s) ease-in-out infinite, blink var(--fb, 4.5s) cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation-delay: var(--d, 0s);
}
.p-mv-anim .particles [class^=p-w-] {
  --y: -1.8rem;
  --x: 1rem;
  --f: 9s;
  --ft: 10s;
  --fg: 5.5s;
  --o1: .95;
  --o2: .6;
}
.p-mv-anim .particles [class^=p-b-] {
  --y: -1.4rem;
  --x: 0.8rem;
  --f: 11s;
  --ft: 12s;
  --fg: 7s;
  --o1: .85;
  --o2: .5;
}
.p-mv-anim .particles [class^=p-lb-] {
  --y: -1rem;
  --x: 0.6rem;
  --f: 13s;
  --ft: 14s;
  --fg: 8.5s;
  --o1: .75;
  --o2: .4;
}
.p-mv-anim .particles .p-w-1 {
  bottom: 31.4rem;
  right: 0;
}
.p-mv-anim .particles .p-w-2 {
  bottom: 25.952rem;
  right: 9.175rem;
}
.p-mv-anim .particles .p-w-3 {
  bottom: 23.162rem;
  right: 13.394rem;
}
.p-mv-anim .particles .p-w-4 {
  bottom: 28.723rem;
  right: 18.958rem;
}
.p-mv-anim .particles .p-w-5 {
  bottom: 23.157rem;
  right: 18.973rem;
}
.p-mv-anim .particles .p-w-6 {
  bottom: 23.157rem;
  right: 24.538rem;
}
.p-mv-anim .particles .p-w-7 {
  bottom: 26.473rem;
  right: 32.091rem;
}
.p-mv-anim .particles .p-w-8 {
  bottom: 23.157rem;
  right: 35.671rem;
}
.p-mv-anim .particles .p-w-9 {
  bottom: 20.425rem;
  right: 38.425rem;
}
.p-mv-anim .particles .p-w-10 {
  bottom: 28.722rem;
  right: 41.238rem;
}
.p-mv-anim .particles .p-w-11 {
  bottom: 20.379rem;
  right: 44.025rem;
}
.p-mv-anim .particles .p-w-12 {
  bottom: 14.225rem;
  right: 44.025rem;
}
.p-mv-anim .particles .p-w-13 {
  bottom: 12.825rem;
  right: 57.525rem;
}
.p-mv-anim .particles .p-b-1 {
  bottom: 28.725rem;
  right: 5.325rem;
}
.p-mv-anim .particles .p-b-2 {
  bottom: 20.387rem;
  right: 11.962rem;
}
.p-mv-anim .particles .p-b-3 {
  bottom: 28.722rem;
  right: 13.405rem;
}
.p-mv-anim .particles .p-b-4 {
  bottom: 25.952rem;
  right: 27.325rem;
}
.p-mv-anim .particles .p-b-5 {
  bottom: 17.739rem;
  right: 27.445rem;
}
.p-mv-anim .particles .p-b-6 {
  bottom: 25.952rem;
  right: 38.46rem;
}
.p-mv-anim .particles .p-b-7 {
  bottom: 17.625rem;
  right: 46.825rem;
}
.p-mv-anim .particles .p-b-8 {
  bottom: 17.025rem;
  right: 54.725rem;
}
.p-mv-anim .particles .p-lb-1 {
  bottom: 25.425rem;
  right: 2.15rem;
}
.p-mv-anim .particles .p-lb-2 {
  bottom: 23.157rem;
  right: 9.183rem;
}
.p-mv-anim .particles .p-lb-3 {
  bottom: 31.498rem;
  right: 10.611rem;
}
.p-mv-anim .particles .p-lb-4 {
  bottom: 25.952rem;
  right: 16.183rem;
}
.p-mv-anim .particles .p-lb-5 {
  bottom: 20.384rem;
  right: 21.765rem;
}
.p-mv-anim .particles .p-lb-6 {
  bottom: 30.449rem;
  right: 23.984rem;
}
.p-mv-anim .particles .p-lb-7 {
  bottom: 23.157rem;
  right: 30.115rem;
}
.p-mv-anim .particles .p-lb-8 {
  bottom: 31.456rem;
  right: 35.196rem;
}
.p-mv-anim .particles .p-lb-9 {
  bottom: 23.157rem;
  right: 41.25rem;
}
.p-mv-anim .particles .p-lb-10 {
  bottom: 20.425rem;
  right: 49.625rem;
}
.p-mv-anim .particles .p-lb-11 {
  bottom: 14.225rem;
  right: 51.925rem;
}
.p-mv-anim .particles .p-w-1 {
  --d: -0.5s;
}
.p-mv-anim .particles .p-w-2 {
  --d: -2.1s;
}
.p-mv-anim .particles .p-w-3 {
  --d: -3.7s;
}
.p-mv-anim .particles .p-w-4 {
  --d: -1.4s;
}
.p-mv-anim .particles .p-w-5 {
  --d: -4.2s;
}
.p-mv-anim .particles .p-w-6 {
  --d: -2.8s;
}
.p-mv-anim .particles .p-w-7 {
  --d: -5.1s;
}
.p-mv-anim .particles .p-w-8 {
  --d: -3.3s;
}
.p-mv-anim .particles .p-w-9 {
  --d: -1.9s;
}
.p-mv-anim .particles .p-w-10 {
  --d: -4.8s;
}
.p-mv-anim .particles .p-w-11 {
  --d: -2.4s;
}
.p-mv-anim .particles .p-w-12 {
  --d: -5.6s;
}
.p-mv-anim .particles .p-w-13 {
  --d: -3.9s;
}
.p-mv-anim .particles .p-b-1 {
  --d: -1.2s;
}
.p-mv-anim .particles .p-b-2 {
  --d: -3.4s;
}
.p-mv-anim .particles .p-b-3 {
  --d: -4.6s;
}
.p-mv-anim .particles .p-b-4 {
  --d: -2s;
}
.p-mv-anim .particles .p-b-5 {
  --d: -5.3s;
}
.p-mv-anim .particles .p-b-6 {
  --d: -3.1s;
}
.p-mv-anim .particles .p-b-7 {
  --d: -4.1s;
}
.p-mv-anim .particles .p-b-8 {
  --d: -2.7s;
}
.p-mv-anim .particles .p-lb-1 {
  --d: -0.8s;
}
.p-mv-anim .particles .p-lb-2 {
  --d: -2.3s;
}
.p-mv-anim .particles .p-lb-3 {
  --d: -4s;
}
.p-mv-anim .particles .p-lb-4 {
  --d: -1.6s;
}
.p-mv-anim .particles .p-lb-5 {
  --d: -5.2s;
}
.p-mv-anim .particles .p-lb-6 {
  --d: -3.5s;
}
.p-mv-anim .particles .p-lb-7 {
  --d: -2.9s;
}
.p-mv-anim .particles .p-lb-8 {
  --d: -4.6s;
}
.p-mv-anim .particles .p-lb-9 {
  --d: -1.9s;
}
.p-mv-anim .particles .p-lb-10 {
  --d: -5.8s;
}
.p-mv-anim .particles .p-lb-11 {
  --d: -3.1s;
}
@keyframes float {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(var(--x, 0.8rem), var(--y, -1.6rem)) scale(1.03);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
@keyframes fade {
  0%, 100% {
    opacity: var(--o1, 0.9);
  }
  50% {
    opacity: var(--o2, 0.5);
  }
}
@keyframes blink {
  0%, 25%, 100% {
    opacity: var(--o1, 0.9);
  }
  40% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
}
.p-mv-body {
  padding: 26.7rem 0 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-mv-body {
    padding: 10.7rem 0 0;
  }
}
.p-mv .ttl {
  background: var(--grad);
  background-clip: text;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-2);
  font-size: 10rem;
  font-style: normal;
  font-weight: 700;
  line-height: 107%;
  letter-spacing: -0.6rem;
  width: auto;
}
@media screen and (max-width: 767px) {
  .p-mv .ttl {
    font-size: 4.6rem;
    line-height: 107.55%;
    letter-spacing: -0.276rem;
  }
}
.p-mv .lead {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.23rem;
  font-feature-settings: "palt";
  padding: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-mv .lead {
    font-size: 2rem;
    padding: 0.4rem 0 0;
  }
}
.p-mv .txt {
  color: var(--dark-blue);
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.11rem;
  line-height: 159.091%;
  padding: 2.9rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-mv .txt {
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
    line-height: 150%;
    padding: 1rem 0 0;
  }
}

.p-about {
  padding: 11.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about {
    padding: 0;
  }
}
.p-about-head {
  display: flex;
  justify-content: space-between;
  padding: 0 10.5rem 7rem 0;
}
@media screen and (max-width: 767px) {
  .p-about-head {
    flex-direction: column;
    padding: 0 0 6.4rem;
  }
}
.p-about-head-img {
  width: 36.3rem;
}
@media screen and (max-width: 767px) {
  .p-about-head-img {
    width: 100%;
  }
}
.p-about-head-txt {
  padding: 1rem 0 0;
  width: 57.5rem;
}
@media screen and (max-width: 767px) {
  .p-about-head-txt {
    padding: 3.4rem 0 0;
    width: 100%;
  }
}
.p-about-head-txt .subttl {
  font-size: 2.2rem;
  padding: 2.5rem 0 1.7rem;
}
@media screen and (max-width: 767px) {
  .p-about-head-txt .subttl {
    font-size: 1.6rem;
    padding-bottom: 1.2rem;
  }
}
.p-about-head-txt .c-btn-1 {
  margin: 2.6rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-about-head-txt .c-btn-1 {
    margin-top: 2.8rem;
  }
}
.p-about-body {
  align-items: center;
  display: flex;
  gap: 9.815rem;
  justify-content: center;
  padding: 5.4rem 0 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-about-body {
    flex-direction: column;
    gap: 2.6rem;
    padding: 4rem 2.3rem 3.2rem;
  }
}
.p-about-body:before {
  aspect-ratio: 1/0.9816933638;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="43" viewBox="0 0 44 43" fill="none"><path d="M42.8516 0.836914L22.6826 21.0059L43.6914 42.0146L42.8545 42.8516L21.8457 21.8428L0.836914 42.8516L0 42.0146L21.0088 21.0059L0.839844 0.836914L1.67676 0L21.8457 20.1689L42.0146 0L42.8516 0.836914Z" fill="%230254C9"/></svg>') no-repeat 0 0/contain;
  content: " ";
  display: block;
  height: auto;
  order: 2;
  width: 4.37rem;
}
.p-about-body .ship {
  text-align: center;
  width: 26.6rem;
}
@media screen and (max-width: 767px) {
  .p-about-body .ship {
    padding-left: 8.4rem;
    text-align: left;
    width: 100%;
  }
}
.p-about-body .ship img {
  height: 10.5rem;
  width: auto;
}
@media screen and (max-width: 767px) {
  .p-about-body .ship img {
    height: 6rem;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.p-about-body .ship-ttl {
  background: var(--grad);
  background-clip: text;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-2);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 171.714%;
  margin: 0 auto;
  padding: 1rem 0 0.4rem;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .p-about-body .ship-ttl {
    line-height: 1;
    margin: unset;
    padding: 0;
  }
}
.p-about-body .ship-txt {
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
  .p-about-body .ship-txt {
    line-height: 157.143%;
    padding: 0.7rem 0 0;
  }
}
.p-about-body .ship-txt b {
  color: var(--blue);
}
.p-about-body .ship.partner {
  order: 1;
  transform: translateX(-1.3rem);
}
@media screen and (max-width: 767px) {
  .p-about-body .ship.partner {
    transform: unset;
  }
}
@media screen and (max-width: 767px) {
  .p-about-body .ship.partner img {
    transform: translateY(1.8rem);
  }
}
.p-about-body .ship.leader {
  order: 3;
}
@media screen and (max-width: 767px) {
  .p-about-body .ship.leader img {
    transform: translate(1rem, 3rem);
  }
}

.p-service {
  padding: 11.8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-service {
    padding: 6.4rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-service .c-inner {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .p-service .c-ttl-1 {
    order: 2;
    padding: 3.2rem 0 0;
    position: absolute;
    top: 19.2rem;
  }
}
.p-service .u-flex {
  justify-content: space-between;
  padding: 4.2rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-service .u-flex {
    flex-direction: column;
    order: 1;
    padding: 0;
  }
}
.p-service-img {
  width: 48.6rem;
}
@media screen and (max-width: 767px) {
  .p-service-img {
    order: 1;
    padding: 0 0 11.4rem;
    width: 100%;
  }
}
.p-service-items {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 57.3rem;
}
@media screen and (max-width: 767px) {
  .p-service-items {
    order: 2;
    width: 100%;
  }
}
.p-service-item {
  border-radius: 1rem;
  box-shadow: 0 0 2rem 0 rgba(2, 84, 201, 0.3);
  overflow: hidden;
}
.p-service-item a {
  background: var(--white);
  display: block;
  padding: 3rem 5.5rem 3.2rem 5.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-item a {
    padding: 3.2rem 5.3rem 3.3rem 2.4rem;
  }
}
.p-service-item a:before {
  background: var(--blue) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="15" viewBox="0 0 7 15" fill="none"><path d="M0.285246 0.161173C0.610402 -0.0952113 1.08243 -0.0397813 1.33896 0.285196L6.33896 6.62699C6.55366 6.89934 6.55369 7.28337 6.33896 7.5557L1.33896 13.8965C1.08249 14.2218 0.610509 14.278 0.285246 14.0215C-0.0398453 13.765 -0.0951961 13.293 0.161223 12.9678L4.79501 7.09086L0.161223 1.21488C-0.0951611 0.889727 -0.039731 0.417699 0.285246 0.161173Z" fill="white"/></svg>') no-repeat 50% 50%/0.65rem auto;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  transition: background-color 0.2s ease;
  top: 0;
  width: 2.1rem;
}
.p-service-item a .ttl {
  background: var(--grad);
  background-clip: text;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 767px) {
  .p-service-item a .ttl {
    font-size: 2rem;
    line-height: 130%;
    margin: 0 0 1.3rem;
  }
}
.p-service-item a p {
  line-height: 150%;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-service-item a p {
    line-height: 157.143%;
    margin: 0 0 1.8rem;
  }
}
.p-service-item a .tags {
  display: flex;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-service-item a .tags {
    flex-wrap: wrap;
    gap: 0.6rem;
  }
}
.p-service-item a .tags li {
  align-items: center;
  border: 1px solid #5AB2FF;
  border-radius: 9999px;
  color: #5AB2FF;
  display: flex;
  font-size: 1.4rem;
  height: 3.2rem;
  justify-content: center;
  padding: 0 1.5rem;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-service-item a .tags li {
    font-size: 1.2rem;
    height: 3.1rem;
  }
}
.p-service-item a:hover {
  opacity: 1;
}
.p-service-item a:hover:before {
  background-color: var(--black);
}
.p-service .c-btn-1 {
  margin-top: 1.6rem;
}

.p-recruit {
  padding: 13rem 0;
}
@media screen and (max-width: 767px) {
  .p-recruit {
    padding: 6.4rem 0;
  }
}
.p-recruit .u-flex {
  gap: 7.7rem;
}
@media screen and (max-width: 767px) {
  .p-recruit .u-flex {
    flex-direction: column;
    gap: 0;
  }
}
.p-recruit-txt {
  order: 2;
  padding: 3.2rem 0 0;
}
.p-recruit-txt .ttl {
  background: var(--grad);
  background-clip: text;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: normal;
  padding: 3.2rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-recruit-txt .ttl {
    font-size: 2rem;
    line-height: 130%;
    letter-spacing: -0.05rem;
    white-space: nowrap;
    padding: 2.7rem 0 1rem;
  }
}
.p-recruit-txt .txt {
  line-height: 150%;
  padding: 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-recruit-txt .txt {
    padding: 0 0 3rem;
  }
}
.p-recruit-img {
  order: 1;
  flex-shrink: 0;
  width: 57.3rem;
}
@media screen and (max-width: 767px) {
  .p-recruit-img {
    width: 100%;
  }
}/*# sourceMappingURL=home.css.map */