@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
/* Reset 
----------------------------------------*/
html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  word-break: normal;
}

*,
:after,
:before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0;
}

hr {
  color: inherit;
  height: 0;
  overflow: visible;
}

details,
main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
}

iframe {
  border-style: none;
}

input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

[disabled] {
  cursor: default;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

/* Base
----------------------------------------*/
:root {
  --font-ja: "Noto Sans JP", sans-serif;
  --font-en: "Montserrat", sans-serif;
  --color-black: #0F0F0F;
  --color-blue-gd: linear-gradient(to right, #0075D8, #00B0FF);
  --color-button-gd: linear-gradient(to right, #005BD2, #0076E5);
  --drop-shadow: 2px 2px 8px rgba(140, 182, 191, 0.5);
}

body {
  margin: 0;
  font-family: var(--font-ja);
  font-size: min(1.1111111111vw, 16px);
  font-weight: normal;
  color: var(--color-black);
  background: #fff;
}
@media (max-width: 767px) {
  body {
    font-size: min(3.5897435897vw, 14px);
  }
}

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

ul, ol {
  margin: 0;
  list-style: none;
}

img {
  max-width: 100%;
  display: block;
}

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

em {
  font-style: normal;
}

small {
  font-size: 1em;
}

/*----------------------------------------
  Layout
----------------------------------------*/
.l-wrapper {
  overflow: hidden;
}

.l-container {
  max-width: min(83.3333333333vw, 1200px);
  margin-inline: auto;
  box-sizing: content-box;
  padding: 0 min(2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .l-container {
    max-width: min(153.8461538462vw, 600px);
    padding: 0 min(5.1282051282vw, 20px);
  }
}

/* ヘッダー
----------------------------------------*/
.l-header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  transition: background-color 0.3s, backdrop-filter 0.3s;
}
.l-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: min(100vw, 1440px);
  margin-inline: auto;
  padding: min(1.3888888889vw, 20px) min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .l-header__inner {
    padding: min(3.8461538462vw, 15px) min(5.1282051282vw, 20px);
  }
}
.l-header__logo {
  width: min(22.2222222222vw, 320px);
}
@media (max-width: 767px) {
  .l-header__logo {
    width: min(46.1538461538vw, 180px);
  }
}
.l-header.is-scrolled {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
}

.l-header-nav {
  display: flex;
  align-items: center;
  gap: min(2.0833333333vw, 30px);
}
.l-header-nav__list {
  display: flex;
  gap: min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .l-header-nav__list {
    display: none;
  }
}
.l-header-nav__link {
  font-size: min(0.9722222222vw, 14px);
  font-weight: bold;
  transition: color 0.3s;
}
.l-header-nav__link:hover {
  color: #006DC7;
}
.l-header-nav__button {
  overflow: hidden;
  position: relative;
  display: block;
  padding: min(0.625vw, 9px) min(1.6666666667vw, 24px);
  border-radius: min(0.3472222222vw, 5px);
  font-size: min(0.9722222222vw, 14px);
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  background: var(--color-button-gd);
}
@media (max-width: 767px) {
  .l-header-nav__button {
    padding: min(2.3076923077vw, 9px) min(6.1538461538vw, 24px);
    border-radius: min(1.2820512821vw, 5px);
    font-size: min(3.5897435897vw, 14px);
  }
}
.l-header-nav__button span {
  position: relative;
}
.l-header-nav__button::before {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--color-blue-gd);
  opacity: 0;
  transition: opacity 0.3s;
}
.l-header-nav__button:hover::before {
  opacity: 1;
}

/* フッター
----------------------------------------*/
.l-footer {
  padding: min(1.3888888889vw, 20px) 0;
}
@media (max-width: 767px) {
  .l-footer {
    padding: min(3.8461538462vw, 15px) 0;
  }
}
.l-footer__copyright {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .l-footer__copyright {
    font-size: min(3.0769230769vw, 12px);
  }
}

/*----------------------------------------
  Component
----------------------------------------*/
/* セクション見出し
----------------------------------------*/
.c-section-title {
  text-align: center;
}
.c-section-title h2 {
  font-family: var(--font-en);
  font-size: min(4.8611111111vw, 70px);
  font-weight: bold;
}
@media (max-width: 767px) {
  .c-section-title h2 {
    font-size: min(8.9743589744vw, 35px);
  }
}
.c-section-title h2 span {
  background: var(--color-blue-gd);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-section-title p {
  margin-top: min(0.6944444444vw, 10px);
  font-size: min(1.25vw, 18px);
  font-weight: bold;
}
@media (max-width: 767px) {
  .c-section-title p {
    margin-top: min(2.0512820513vw, 8px);
    font-size: min(3.8461538462vw, 15px);
  }
}

/* CTAボタン
----------------------------------------*/
.c-button {
  overflow: hidden;
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  min-width: min(26.8055555556vw, 386px);
  padding: 1.25em 1em;
  border-radius: min(0.3472222222vw, 5px);
  font-size: min(1.6666666667vw, 24px);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  background: var(--color-button-gd);
  border: 1px solid;
}
@media (max-width: 767px) {
  .c-button {
    min-width: min(61.5384615385vw, 240px);
    border-radius: min(1.2820512821vw, 5px);
    font-size: min(3.8461538462vw, 15px);
  }
}
.c-button span {
  position: relative;
}
.c-button::before {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--color-blue-gd);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.c-button::after {
  position: absolute;
  top: 50%;
  right: 1em;
  translate: 0 -50%;
  content: "";
  width: 0.5em;
  aspect-ratio: 12/20;
  background: url(../images/icon_button_arrow.svg) no-repeat center/contain;
}
.c-button:hover::before {
  opacity: 1;
}

/* FV
----------------------------------------*/
.p-fv {
  position: relative;
  z-index: 0;
  padding: min(11.3888888889vw, 164px) 0 min(5.1388888889vw, 74px);
}
@media (max-width: 767px) {
  .p-fv {
    padding: min(28.2051282051vw, 110px) 0 min(11.2820512821vw, 44px);
  }
}
.p-fv::before {
  position: absolute;
  z-index: -1;
  top: max(-23.2638888889vw, -335px);
  right: calc(50% + min(3.9583333333vw, 57px));
  content: "";
  width: min(95.4861111111vw, 1375px);
  aspect-ratio: 1375/1017;
  background: url(../images/fv_bg_parts01.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-fv::before {
    top: max(-24.358974359vw, -95px);
    right: calc(50% - min(29.2307692308vw, 114px));
    width: min(176.1538461538vw, 687px);
  }
}
.p-fv::after {
  position: absolute;
  z-index: -1;
  bottom: max(-22.2222222222vw, -320px);
  left: calc(50% + min(24.5833333333vw, 354px));
  content: "";
  width: min(89.5138888889vw, 1289px);
  aspect-ratio: 1289/1152;
  background: url(../images/fv_bg_parts02.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-fv::after {
    bottom: max(-57.6923076923vw, -225px);
    left: calc(50% + min(5.1282051282vw, 20px));
    width: min(165.1282051282vw, 644px);
  }
}
.p-fv__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .p-fv__inner {
    gap: min(7.6923076923vw, 30px);
  }
}
.p-fv__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-fv__content {
    gap: min(5.1282051282vw, 20px);
  }
}
.p-fv__title {
  font-size: min(3.8888888889vw, 56px);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  .p-fv__title {
    font-size: min(7.1794871795vw, 28px);
  }
}
.p-fv__title span {
  margin-right: 0.0714285714em;
  font-size: min(4.8611111111vw, 70px);
  background: var(--color-blue-gd);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .p-fv__title span {
    margin-right: 0;
    font-size: min(8.9743589744vw, 35px);
  }
}
.p-fv__text {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 600;
  line-height: 2;
  text-align: center;
}
@media (max-width: 767px) {
  .p-fv__text {
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-fv__text small {
  font-size: min(0.9722222222vw, 14px);
  font-weight: normal;
}
@media (max-width: 767px) {
  .p-fv__text small {
    font-size: min(3.0769230769vw, 12px);
  }
}

/* よくある悩み
----------------------------------------*/
.p-case {
  position: relative;
  padding: min(6.9444444444vw, 100px) calc(50vw - 50%) min(11.1111111111vw, 160px);
  margin-inline: calc(50% - 50vw);
  background: #EEF9FF;
}
@media (max-width: 767px) {
  .p-case {
    padding: min(12.8205128205vw, 50px) calc(50vw - 50%) min(20.5128205128vw, 80px);
  }
}
.p-case__heading {
  font-size: min(3.8888888889vw, 56px);
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .p-case__heading {
    font-size: min(6.4102564103vw, 25px);
  }
}
.p-case__heading span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  background: var(--color-blue-gd);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-case__content {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: min(5.8333333333vw, 84px);
  border-radius: min(1.3888888889vw, 20px);
  box-shadow: var(--drop-shadow);
}
@media (max-width: 767px) {
  .p-case__content {
    grid-template-columns: auto;
    margin-top: min(17.4358974359vw, 68px);
    border-radius: min(3.8461538462vw, 15px);
  }
}
.p-case__label {
  position: absolute;
  top: max(-1.6666666667vw, -24px);
  left: min(2.7777777778vw, 40px);
  display: grid;
  place-content: center;
  width: min(9.7222222222vw, 140px);
  aspect-ratio: 140/46;
  border-radius: 100vmax;
  font-family: var(--font-en);
  font-size: min(1.3888888889vw, 20px);
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  background: var(--color-blue-gd);
}
@media (max-width: 767px) {
  .p-case__label {
    top: max(-4.6153846154vw, -18px);
    left: min(5.1282051282vw, 20px);
    width: min(28.7179487179vw, 112px);
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-case-before {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  width: min(29.1666666667vw, 420px);
  padding: min(3.3333333333vw, 48px) min(2.6388888889vw, 38px);
  background: #D2F1FD;
  border: min(0.1388888889vw, 2px) solid #fff;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
@media (max-width: 767px) {
  .p-case-before {
    width: 100%;
    padding: min(8.4615384615vw, 33px) min(4.6153846154vw, 18px) min(12.3076923077vw, 48px);
    border-width: min(0.5128205128vw, 2px);
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
  }
}
.p-case-before__title {
  text-align: center;
}
.p-case-before__title p {
  font-size: min(1.8055555556vw, 26px);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 767px) {
  .p-case-before__title p {
    font-size: min(5.3846153846vw, 21px);
  }
}
.p-case-before__title span {
  display: block;
  font-size: min(0.9722222222vw, 14px);
  line-height: 1.7;
  color: rgba(23, 0, 76, 0.5);
}
@media (max-width: 767px) {
  .p-case-before__title span {
    font-size: min(3.0769230769vw, 12px);
  }
}
.p-case-before__text {
  font-weight: 500;
  line-height: 1.8;
}
.p-case-after {
  padding: min(4.1666666667vw, 60px) min(4.8611111111vw, 70px) min(4.1666666667vw, 60px) min(9.7222222222vw, 140px);
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  background: #fff;
}
@media (max-width: 767px) {
  .p-case-after {
    padding: min(12.8205128205vw, 50px) min(5.1282051282vw, 20px) min(6.4102564103vw, 25px);
    border-top-right-radius: 0;
    border-bottom-left-radius: inherit;
  }
}
.p-case-after__label {
  font-family: var(--font-en);
  font-size: min(2.0833333333vw, 30px);
  font-weight: bold;
  color: #3A8FFF;
}
@media (max-width: 767px) {
  .p-case-after__label {
    font-size: min(5.1282051282vw, 20px);
  }
}
.p-case-after__body {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: min(3.4722222222vw, 50px);
  margin-top: min(0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .p-case-after__body {
    gap: min(5.1282051282vw, 20px);
    margin-top: min(2.0512820513vw, 8px);
  }
}
.p-case-after__img {
  width: min(16.7361111111vw, 241px);
}
@media (max-width: 767px) {
  .p-case-after__img {
    width: min(30.7692307692vw, 120px);
  }
}
.p-case-after__text {
  font-size: min(1.6666666667vw, 24px);
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-case-after__text {
    font-size: min(4.358974359vw, 17px);
  }
}
.p-case-after__text span {
  background: var(--color-blue-gd);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-case__arrow {
  position: absolute;
  top: min(10.4166666667vw, 150px);
  left: min(23.1944444444vw, 334px);
  display: grid;
  place-content: center;
  width: min(15.0694444444vw, 217px);
  aspect-ratio: 217/103;
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff;
  background: url(../images/case_arrow_pc.png) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-case__arrow {
    position: relative;
    top: initial;
    left: initial;
    width: min(51.2820512821vw, 200px);
    aspect-ratio: 200/80;
    margin: max(-7.6923076923vw, -30px) auto max(-12.8205128205vw, -50px);
    padding-bottom: min(5.1282051282vw, 20px);
    font-size: min(3.8461538462vw, 15px);
    background-image: url(../images/case_arrow_sp.png);
  }
}
.p-case-point {
  margin-top: min(3.4722222222vw, 50px);
  padding: min(1.6666666667vw, 24px) min(4.1666666667vw, 60px);
  border-radius: min(1.3888888889vw, 20px);
  color: #fff;
  background: linear-gradient(to right, #2F8EDF, #2BBDFF);
  box-shadow: var(--drop-shadow);
}
@media (max-width: 767px) {
  .p-case-point {
    margin-top: min(5.1282051282vw, 20px);
    padding: min(3.0769230769vw, 12px) min(5.1282051282vw, 20px);
    border-radius: min(3.8461538462vw, 15px);
  }
}
.p-case-point__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(1.1111111111vw, 16px);
  font-size: min(1.9444444444vw, 28px);
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .p-case-point__title {
    gap: min(2.0512820513vw, 8px);
    font-size: min(4.6153846154vw, 18px);
  }
}
.p-case-point__title span {
  display: grid;
  place-content: center;
  width: min(3.8888888889vw, 56px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-family: var(--font-en);
  font-size: min(1.0416666667vw, 15px);
  color: #0988EC;
  background: #fff;
}
@media (max-width: 767px) {
  .p-case-point__title span {
    width: min(9.4871794872vw, 37px);
    font-size: min(2.5641025641vw, 10px);
  }
}
.p-case-point__text {
  margin-top: min(0.6944444444vw, 10px);
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-case-point__text {
    margin-top: min(2.0512820513vw, 8px);
  }
}

/* AI駆動開発開発のメリット
----------------------------------------*/
.p-merit {
  position: relative;
  z-index: 0;
  padding: min(6.9444444444vw, 100px) 0 min(10.4166666667vw, 150px);
}
@media (max-width: 767px) {
  .p-merit {
    padding: min(12.8205128205vw, 50px) 0 min(19.2307692308vw, 75px);
  }
}
.p-merit::before {
  position: absolute;
  z-index: -1;
  top: min(6.9444444444vw, 100px);
  left: max(-24.3055555556vw, -350px);
  content: "";
  width: min(27.0833333333vw, 390px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(#BCD7FF, #88D1FF);
  opacity: 0.8;
  filter: blur(min(10.4166666667vw, 150px));
}
.p-merit::after {
  position: absolute;
  z-index: -1;
  bottom: max(-11.8055555556vw, -170px);
  right: max(-17.3611111111vw, -250px);
  content: "";
  width: min(27.0833333333vw, 390px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(#8EE1FF, #F5F5F5);
  opacity: 0.8;
  filter: blur(min(10.4166666667vw, 150px));
}
.p-merit__body {
  margin-top: min(8.3333333333vw, 120px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: min(6.0416666667vw, 87px);
}
@media (max-width: 767px) {
  .p-merit__body {
    margin-top: min(10.2564102564vw, 40px);
    grid-template-columns: auto;
    gap: 0;
  }
}
@media (max-width: 767px) {
  .p-merit__content {
    display: contents;
  }
}
.p-merit__heading {
  font-size: min(2.2222222222vw, 32px);
  font-weight: bold;
  line-height: 1.8;
  background: var(--color-blue-gd);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .p-merit__heading {
    font-size: min(5.1282051282vw, 20px);
    white-space: nowrap;
    order: -2;
  }
}
.p-merit__subheading {
  margin-top: min(2.7777777778vw, 40px);
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 767px) {
  .p-merit__subheading {
    margin-top: min(5.1282051282vw, 20px);
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-merit__text {
  margin-top: min(0.3472222222vw, 5px);
  line-height: 2.4;
}
@media (max-width: 767px) {
  .p-merit__text {
    margin-top: 1em;
  }
}
.p-merit__img {
  margin-top: max(-6.9444444444vw, -100px);
  width: min(37.3611111111vw, 538px);
}
@media (max-width: 767px) {
  .p-merit__img {
    order: -1;
    margin: 0 auto;
    width: 76.9230769231vw;
  }
}
.p-merit__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(2.0833333333vw, 30px);
  margin-top: min(5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .p-merit__list {
    grid-template-columns: auto;
    gap: min(5.1282051282vw, 20px);
    margin-top: min(10.2564102564vw, 40px);
  }
}

.p-merit-card {
  padding: min(2.6388888889vw, 38px);
  border-radius: min(1.3888888889vw, 20px);
  background: #DDF4FF;
  border: min(0.1388888889vw, 2px) solid #fff;
  box-shadow: var(--drop-shadow);
}
@media (max-width: 767px) {
  .p-merit-card {
    padding: min(4.6153846154vw, 18px);
    border-radius: min(3.8461538462vw, 15px);
    border-width: min(0.5128205128vw, 2px);
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: min(5.1282051282vw, 20px);
  }
}
.p-merit-card__img {
  width: min(12.5vw, 180px);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .p-merit-card__img {
    width: min(23.0769230769vw, 90px);
  }
}
.p-merit-card__title {
  margin-top: min(0.6944444444vw, 10px);
  font-size: min(1.6666666667vw, 24px);
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 767px) {
  .p-merit-card__title {
    margin-top: 0;
    font-size: min(4.1025641026vw, 16px);
    text-align: left;
  }
}
.p-merit-card__text {
  margin-top: 1em;
  line-height: 2;
}

/* サブスク型システムとの比較
----------------------------------------*/
.p-compare {
  padding: min(6.9444444444vw, 100px) calc(50vw - 50%) min(9.7222222222vw, 140px);
  margin-inline: calc(50% - 50vw);
  color: #fff;
  background: #006DC7;
}
@media (max-width: 767px) {
  .p-compare {
    padding: min(12.8205128205vw, 50px) calc(50vw - 50%) min(17.9487179487vw, 70px);
  }
}
.p-compare__table {
  position: relative;
  z-index: 1;
  margin-top: min(4.1666666667vw, 60px);
  table-layout: fixed;
  width: 100%;
  border-radius: min(1.3888888889vw, 20px);
  border-spacing: 0;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}
@media (max-width: 767px) {
  .p-compare__table {
    margin-top: min(10.2564102564vw, 40px);
    border-radius: min(3.8461538462vw, 15px);
  }
}
.p-compare__table th, .p-compare__table td {
  height: min(9.0277777778vw, 130px);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media (max-width: 767px) {
  .p-compare__table th, .p-compare__table td {
    height: auto;
    padding: min(3.8461538462vw, 15px);
  }
}
.p-compare__table thead th {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  color: #fff;
  background: #0840A7;
}
@media (max-width: 767px) {
  .p-compare__table thead th {
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-compare__table thead th:first-child {
  width: min(12.6388888889vw, 182px);
  border-top-left-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-compare__table thead th:first-child {
    width: 15%;
    border-top-left-radius: min(3.8461538462vw, 15px);
  }
}
.p-compare__table thead th:last-child {
  border-top-right-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-compare__table thead th:last-child {
    border-top-right-radius: min(3.8461538462vw, 15px);
  }
}
.p-compare__table thead th:nth-child(2) {
  background: #518BCD;
}
.p-compare__table thead th:nth-child(3) {
  font-size: min(1.9444444444vw, 28px);
  font-weight: bold;
  background: linear-gradient(to right, #00D0F5, #149DFF);
}
@media (max-width: 767px) {
  .p-compare__table thead th:nth-child(3) {
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-compare__table tbody th {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  background: #0840A7;
}
@media (max-width: 767px) {
  .p-compare__table tbody th {
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-compare__table tbody td {
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  text-align: center;
  color: var(--color-black);
}
@media (max-width: 767px) {
  .p-compare__table tbody td {
    font-size: min(3.0769230769vw, 12px);
  }
}
.p-compare__table tbody td img {
  display: block;
  width: min(2.7777777778vw, 40px);
  margin: 0 auto min(0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .p-compare__table tbody td img {
    width: min(7.6923076923vw, 30px);
    margin: 0 auto min(1.2820512821vw, 5px);
  }
}
.p-compare__table tbody td.is-color-blue {
  color: #0083F2;
}
.p-compare__table tbody td.is-color-blue img {
  width: min(3.2638888889vw, 47px);
}
@media (max-width: 767px) {
  .p-compare__table tbody td.is-color-blue img {
    width: min(8.9743589744vw, 35px);
  }
}
.p-compare__table tbody td:nth-child(2) {
  background: #CCE2F4;
}
.p-compare__table tbody td:nth-child(3) {
  background: #fff;
  border-bottom: 1px solid #C0C0C0;
}
.p-compare__table tbody tr:last-child th:first-child {
  border-bottom-left-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-compare__table tbody tr:last-child th:first-child {
    border-bottom-left-radius: min(3.8461538462vw, 15px);
  }
}
.p-compare__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-compare__table tbody tr:last-child td:last-child {
    border-bottom-right-radius: min(3.8461538462vw, 15px);
  }
}
.p-compare__message {
  position: relative;
  z-index: 0;
  margin-top: min(4.1666666667vw, 60px);
  font-size: min(1.8055555556vw, 26px);
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-compare__message {
    margin-top: min(7.6923076923vw, 30px);
    font-size: min(4.6153846154vw, 18px);
  }
}
.p-compare__message span {
  font-size: min(2.2222222222vw, 32px);
  color: #F1FFB1;
}
@media (max-width: 767px) {
  .p-compare__message span {
    display: block;
    font-size: min(4.8717948718vw, 19px);
    text-indent: -0.5em;
    white-space: nowrap;
  }
}
.p-compare__message::before {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 40%;
  content: "";
  width: min(23.6111111111vw, 340px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(to bottom, #33C2FF, #F5F5F5);
  opacity: 0.8;
  filter: blur(min(10.4166666667vw, 150px));
}

/* ご提供サービス
----------------------------------------*/
.p-service {
  padding: min(6.9444444444vw, 100px) calc(50vw - 50%) min(9.7222222222vw, 140px);
  margin-inline: calc(50% - 50vw);
  background: #EBF8FD;
}
@media (max-width: 767px) {
  .p-service {
    padding: min(12.8205128205vw, 50px) calc(50vw - 50%) min(17.9487179487vw, 70px);
  }
}
.p-service__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(2.7777777778vw, 40px);
  margin-top: min(9.0277777778vw, 130px);
}
@media (max-width: 767px) {
  .p-service__grid {
    grid-template-columns: 1fr 1fr;
    gap: min(19.2307692308vw, 75px) min(5.1282051282vw, 20px);
    margin-top: min(19.2307692308vw, 75px);
  }
}
.p-service__item {
  position: relative;
  padding: min(5.2083333333vw, 75px) min(2.0833333333vw, 30px) min(2.7777777778vw, 40px);
  border-radius: min(1.3888888889vw, 20px);
  background: #fff;
  box-shadow: var(--drop-shadow);
}
@media (max-width: 767px) {
  .p-service__item {
    padding: min(12.8205128205vw, 50px) min(3.8461538462vw, 15px) min(5.1282051282vw, 20px);
    border-radius: min(3.8461538462vw, 15px);
  }
}
.p-service__item h3 {
  font-size: min(1.3888888889vw, 20px);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767px) {
  .p-service__item h3 {
    font-size: min(4.1025641026vw, 16px);
    line-height: 1.5;
  }
}
.p-service__item p {
  margin-top: min(1.3888888889vw, 20px);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-service__item p {
    margin-top: min(4.1025641026vw, 16px);
  }
}
.p-service__icon {
  position: absolute;
  top: max(-5.3472222222vw, -77px);
  left: 50%;
  translate: -50% 0;
  display: grid;
  place-content: center;
  width: min(7.9861111111vw, 115px);
  height: min(7.9861111111vw, 115px);
  border-radius: min(1.3888888889vw, 20px);
  rotate: -45deg;
  background: #2BA7FF;
}
@media (max-width: 767px) {
  .p-service__icon {
    top: max(-11.7948717949vw, -46px);
    width: min(17.6923076923vw, 69px);
    height: min(17.6923076923vw, 69px);
    border-radius: min(3.0769230769vw, 12px);
  }
}
.p-service__icon img {
  display: block;
  width: min(5.3472222222vw, 77px);
  rotate: 45deg;
}
@media (max-width: 767px) {
  .p-service__icon img {
    width: min(11.7948717949vw, 46px);
  }
}

/* 開発チームをお持ちの企業様へ */
.p-development {
  margin-top: min(5.5555555556vw, 80px);
  padding: min(2.7777777778vw, 40px) min(4.1666666667vw, 60px) min(5.5555555556vw, 80px);
  border-radius: min(1.3888888889vw, 20px);
  color: #fff;
  background: linear-gradient(to right, #49A1EA, #1E60B9);
  box-shadow: 2px 2px 8px #C8BFDB;
}
@media (max-width: 767px) {
  .p-development {
    margin-top: min(10.2564102564vw, 40px);
    padding: min(5.1282051282vw, 20px) min(7.6923076923vw, 30px) min(10.2564102564vw, 40px);
    border-radius: min(3.8461538462vw, 15px);
  }
}
.p-development__title {
  padding: min(1.3888888889vw, 20px) min(4.1666666667vw, 60px);
  margin-inline: max(-4.1666666667vw, -60px);
  text-align: center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}
@media (max-width: 767px) {
  .p-development__title {
    padding: min(3.8461538462vw, 15px) min(7.6923076923vw, 30px);
    margin-inline: max(-7.6923076923vw, -30px);
  }
}
.p-development__title h2 {
  font-family: var(--font-en);
  font-size: min(3.3333333333vw, 48px);
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-development__title h2 {
    font-size: min(7.6923076923vw, 30px);
  }
}
.p-development__title p {
  margin-top: min(0.6944444444vw, 10px);
  font-size: min(1.25vw, 18px);
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-development__title p {
    margin-top: min(2.5641025641vw, 10px);
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-development__body {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: min(4.1666666667vw, 60px);
  margin-top: min(3.4722222222vw, 50px);
}
@media (max-width: 767px) {
  .p-development__body {
    grid-template-columns: auto;
    justify-items: center;
    gap: min(5.1282051282vw, 20px);
    margin-top: min(7.6923076923vw, 30px);
  }
}
.p-development__img {
  position: relative;
  z-index: 0;
  width: min(32.0833333333vw, 462px);
}
@media (max-width: 767px) {
  .p-development__img {
    width: min(56.4102564103vw, 220px);
  }
}
.p-development__img::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  content: "";
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(to bottom, #0F9BFF, #8FDEFF);
  opacity: 0.8;
  filter: blur(min(2.9166666667vw, 42px));
}
.p-development__heading {
  font-size: min(1.8055555556vw, 26px);
  font-weight: bold;
  line-height: 1.8;
  color: #F1FFB1;
}
@media (max-width: 767px) {
  .p-development__heading {
    font-size: min(4.6153846154vw, 18px);
  }
}
.p-development__text {
  margin-top: min(1.3888888889vw, 20px);
  line-height: 2.2;
}
@media (max-width: 767px) {
  .p-development__text {
    margin-top: 1em;
  }
}

/* 導入までの流れ
----------------------------------------*/
.p-flow {
  padding: min(6.25vw, 90px) 0 0;
}
@media (max-width: 767px) {
  .p-flow {
    padding: min(11.5384615385vw, 45px) 0 0;
  }
}
.p-flow__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(5.5555555556vw, 80px);
  margin-top: min(4.1666666667vw, 60px);
}
@media (max-width: 767px) {
  .p-flow__grid {
    grid-template-columns: auto;
    gap: min(5.1282051282vw, 20px);
    margin-top: min(10.2564102564vw, 40px);
  }
}
.p-flow__item {
  position: relative;
}
@media (max-width: 767px) {
  .p-flow__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: min(5.1282051282vw, 20px);
  }
}
.p-flow__item h3 {
  margin-top: min(2.0833333333vw, 30px);
  font-size: min(1.8055555556vw, 26px);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767px) {
  .p-flow__item h3 {
    margin-top: min(2.5641025641vw, 10px);
    font-size: min(4.6153846154vw, 18px);
    text-align: left;
  }
}
.p-flow__item p {
  margin-top: min(1.0416666667vw, 15px);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-flow__item p {
    margin-top: 1em;
  }
}
.p-flow__item:not(:last-child)::after {
  position: absolute;
  top: min(3.6111111111vw, 52px);
  right: max(-4.8611111111vw, -70px);
  content: "";
  width: min(4.1666666667vw, 60px);
  height: 1px;
  background: #303030;
}
@media (max-width: 767px) {
  .p-flow__item:not(:last-child)::after {
    top: initial;
    right: initial;
    left: min(6.1538461538vw, 24px);
    top: min(17.1794871795vw, 67px);
    width: 1px;
    height: calc(100% - min(17.1794871795vw, 67px));
  }
}
.p-flow__index {
  position: relative;
  z-index: 0;
  width: min(6.5277777778vw, 94px);
  height: min(6.5277777778vw, 94px);
  margin: 0 auto;
  font-family: var(--font-en);
  font-size: min(2.7777777778vw, 40px);
  font-weight: 500;
  line-height: 2.2;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .p-flow__index {
    width: min(12.0512820513vw, 47px);
    height: min(12.0512820513vw, 47px);
    font-size: min(5.1282051282vw, 20px);
  }
}
.p-flow__index::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--color-blue-gd);
  filter: blur(min(0.4861111111vw, 7px));
}

/* ご依頼にあたっての留意点 */
.p-caution {
  margin-top: min(5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .p-caution {
    margin-top: min(10.2564102564vw, 40px);
  }
}
.p-caution__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  font-size: min(1.3888888889vw, 20px);
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-caution__heading {
    gap: min(2.0512820513vw, 8px);
    font-size: min(4.1025641026vw, 16px);
  }
}
.p-caution__heading::before {
  content: "";
  width: min(2.6388888889vw, 38px);
  aspect-ratio: 1/1;
  background: url(../images/icon_caution.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-caution__heading::before {
    width: min(7.6923076923vw, 30px);
  }
}
.p-caution__table {
  margin-top: min(1.9444444444vw, 28px);
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-caution__table {
    margin-top: min(3.5897435897vw, 14px);
  }
}
.p-caution__table tr:first-child th:first-child {
  border-top-left-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-caution__table tr:first-child th:first-child {
    border-top-left-radius: min(3.8461538462vw, 15px);
  }
}
.p-caution__table tr:first-child td:last-child {
  border-top-right-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-caution__table tr:first-child td:last-child {
    border-top-right-radius: min(3.8461538462vw, 15px);
  }
}
.p-caution__table tr:last-child th:first-child {
  border-bottom-left-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-caution__table tr:last-child th:first-child {
    border-bottom-left-radius: min(3.8461538462vw, 15px);
  }
}
.p-caution__table tr:last-child td:last-child {
  border-bottom-right-radius: min(1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .p-caution__table tr:last-child td:last-child {
    border-bottom-right-radius: min(3.8461538462vw, 15px);
  }
}
.p-caution__table tr {
  height: min(6.1111111111vw, 88px);
}
@media (max-width: 767px) {
  .p-caution__table tr {
    height: auto;
  }
}
.p-caution__table th {
  width: min(15.9722222222vw, 230px);
  font-size: min(1.25vw, 18px);
  font-weight: bold;
  color: #fff;
  background: #2977CC;
}
@media (max-width: 767px) {
  .p-caution__table th {
    width: min(23.0769230769vw, 90px);
    font-size: min(3.8461538462vw, 15px);
  }
}
.p-caution__table td {
  padding: min(1.3888888889vw, 20px) min(2.7777777778vw, 40px);
  font-size: min(1.0416666667vw, 15px);
  line-height: 1.8;
  background: #E9F6FF;
}
@media (max-width: 767px) {
  .p-caution__table td {
    padding: min(3.8461538462vw, 15px);
    font-size: min(3.3333333333vw, 13px);
  }
}
.p-caution__table tr:not(:last-child) th, .p-caution__table tr:not(:last-child) td {
  border-bottom: 1px solid #B8D8EE;
}

/* まずは無料相談から
----------------------------------------*/
.p-contact {
  position: relative;
  padding: min(6.9444444444vw, 100px) 0;
}
@media (max-width: 767px) {
  .p-contact {
    padding: min(12.8205128205vw, 50px) 0;
  }
}
.p-contact::before {
  position: absolute;
  z-index: -1;
  top: max(-8.75vw, -126px);
  left: max(-24.3055555556vw, -350px);
  content: "";
  width: min(27.0833333333vw, 390px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(#8EBBFF, #9DEDFF);
  opacity: 0.8;
  filter: blur(min(10.4166666667vw, 150px));
}
.p-contact::after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: max(-24.3055555556vw, -350px);
  content: "";
  width: min(27.0833333333vw, 390px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(#AFD8FF, #48A7FF);
  opacity: 0.8;
  filter: blur(min(10.4166666667vw, 150px));
}
.p-contact__button {
  margin: min(4.1666666667vw, 60px) auto;
}
@media (max-width: 767px) {
  .p-contact__button {
    margin: min(7.6923076923vw, 30px) auto;
  }
}

/*----------------------------------------
  Utility
----------------------------------------*/
.u-sp-none {
  display: block;
}
@media (max-width: 767px) {
  .u-sp-none {
    display: none;
  }
}

.u-sp-block {
  display: none;
}
@media (max-width: 767px) {
  .u-sp-block {
    display: block;
  }
}

/* アニメーション
----------------------------------------*/
.u-fadeUp[data-scroll-anima] {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.u-fadeUp[data-scroll-anima=true] {
  opacity: 1;
  transform: translateY(0);
}

/* キーフレーム */
.p-fv[data-scroll-anima]::before, .p-fv[data-scroll-anima]::after {
  scale: 1.1;
  transition: scale 1.5s ease-out;
}
.p-fv[data-scroll-anima=true]::before, .p-fv[data-scroll-anima=true]::after {
  opacity: 1;
  scale: 1;
}

.p-case__content[data-scroll-anima] .p-case__arrow {
  transition: clip-path 0.6s ease-out 0.6s;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
@media (max-width: 767px) {
  .p-case__content[data-scroll-anima] .p-case__arrow {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
}
.p-case__content[data-scroll-anima] .p-case-after > * {
  opacity: 0;
  transition: opacity 0.6s ease-out 1.2s;
}
.p-case__content[data-scroll-anima=true] .p-case__arrow {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.p-case__content[data-scroll-anima=true] .p-case-after > * {
  opacity: 1;
}

.p-merit__list[data-scroll-anima] .p-merit-card {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.p-merit__list[data-scroll-anima] .p-merit-card:nth-child(1) {
  transition-delay: 0.3s;
}
.p-merit__list[data-scroll-anima] .p-merit-card:nth-child(2) {
  transition-delay: 0.6s;
}
.p-merit__list[data-scroll-anima] .p-merit-card:nth-child(3) {
  transition-delay: 0.9s;
}
.p-merit__list[data-scroll-anima=true] .p-merit-card {
  opacity: 1;
  transform: translateY(0);
}

.p-service__grid[data-scroll-anima] .p-service__item {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.p-service__grid[data-scroll-anima] .p-service__item:nth-child(1) {
  transition-delay: 0.3s;
}
.p-service__grid[data-scroll-anima] .p-service__item:nth-child(2) {
  transition-delay: 0.6s;
}
.p-service__grid[data-scroll-anima] .p-service__item:nth-child(3) {
  transition-delay: 0.9s;
}
.p-service__grid[data-scroll-anima] .p-service__item:nth-child(4) {
  transition-delay: 1.2s;
}
.p-service__grid[data-scroll-anima=true] .p-service__item {
  opacity: 1;
  transform: translateY(0);
}

.p-flow__grid[data-scroll-anima] .p-flow__item {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.p-flow__grid[data-scroll-anima] .p-flow__item::after {
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.3s ease-out;
}
@media (max-width: 767px) {
  .p-flow__grid[data-scroll-anima] .p-flow__item::after {
    scale: 1 0;
    transform-origin: top;
  }
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(1) {
  transition-delay: 0.3s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(1)::after {
  transition-delay: 0.6s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(2) {
  transition-delay: 0.6s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(2)::after {
  transition-delay: 0.9s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(3) {
  transition-delay: 0.9s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(3)::after {
  transition-delay: 1.2s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(4) {
  transition-delay: 1.2s;
}
.p-flow__grid[data-scroll-anima] .p-flow__item:nth-child(4)::after {
  transition-delay: 1.5s;
}
.p-flow__grid[data-scroll-anima=true] .p-flow__item {
  opacity: 1;
  transform: translateY(0);
}
.p-flow__grid[data-scroll-anima=true] .p-flow__item::after {
  scale: 1 1;
}/*# sourceMappingURL=style.css.map */