@charset "UTF-8";
/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
body {
  margin: 0;
  padding: 0;
}

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

a,
button {
  cursor: revert;
  color: inherit;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

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

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

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

/*------------------------------

  開発環境の初期化

------------------------------*/
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #222222;
  overflow: hidden;
}
body a {
  text-decoration: none;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  body a:hover {
    opacity: 0.7;
  }
}

.l-inner {
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-width: min(1200px, 93.75vw);
  }
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 89.3333333333vw;
  }
}

.u-color--blue {
  color: #1E6FE0;
}
.u-color--red {
  color: #FF6658;
}
.u-color--green {
  color: #34D015;
}

.u-en {
  font-family: "Jost", sans-serif;
}

@media screen and (min-width: 768px) {
  .c-text-s {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .c-text-s {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .c-text-m {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .c-text-m {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .c-text-l {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .c-text-l {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.c-title {
  text-align: center;
}
.c-title-sub {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #1E6FE0;
}
@media screen and (min-width: 768px) {
  .c-title-sub {
    font-size: clamp(9px, 1.171875vw, 15px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-title-sub {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-title-sub {
    margin-bottom: min(20px, 1.5625vw);
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .c-title-sub {
    margin-bottom: 4.2666666667vw;
    column-gap: 4.2666666667vw;
  }
}
.c-title-sub::before, .c-title-sub::after {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/dc-title.png);
}
@media screen and (min-width: 768px) {
  .c-title-sub::before, .c-title-sub::after {
    width: min(20px, 1.5625vw);
    height: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .c-title-sub::before, .c-title-sub::after {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
}
.c-title-main {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-title-main {
    font-size: clamp(27.6px, 3.59375vw, 46px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .c-title-main {
    font-size: calc(30 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.c-title-en {
  display: block;
  color: #1E6FE0;
  font-family: "Jost", sans-serif;
}
@media screen and (min-width: 768px) {
  .c-title-en {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-title-en {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-title-en {
    margin-bottom: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .c-title-en {
    margin-bottom: 4.2666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .c-sec {
    padding: min(100px, 7.8125vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .c-sec {
    padding: 20vw 0;
  }
}

.c-deco {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.c-deco::before {
  position: absolute;
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/dc-sec.png);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-deco::before {
    top: 0;
    width: 689px;
    height: 576px;
    left: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .c-deco::before {
    width: 35.8854166667vw;
    height: 30vw;
    left: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-deco::before {
    top: -8vw;
    left: -21.3333333333vw;
    width: 92vw;
    height: 76.8vw;
  }
}

.c-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF6658;
  color: #fff;
  border-color: #FF998F;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .c-btn {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .c-btn {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .c-btn {
    height: min(83px, 6.484375vw);
    column-gap: min(23px, 1.796875vw);
    border-radius: min(14px, 1.09375vw);
    border-width: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-btn {
    height: 22.1333333333vw;
    column-gap: 6.1333333333vw;
    border-radius: 3.7333333333vw;
    border-width: 1.0666666667vw;
  }
}
.c-btn::after {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/ic-arrow-wh.png);
}
@media screen and (min-width: 768px) {
  .c-btn::after {
    width: min(12px, 0.9375vw);
    height: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-btn::after {
    width: 3.2vw;
    height: 2.6666666667vw;
  }
}

.c-box {
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 32px 64px rgba(15, 45, 94, 0.1);
}
@media screen and (min-width: 768px) {
  .c-box {
    margin-top: min(50px, 3.90625vw);
    border-radius: min(16px, 1.25vw);
    padding: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box {
    border-radius: 2.6666666667vw;
    margin-top: 8vw;
    padding: 8vw 4vw;
  }
}
.c-box::before {
  position: absolute;
  content: "";
  z-index: -1;
  inset: 0;
  border-style: solid;
  border-color: transparent;
  background: linear-gradient(286.04deg, #3EE01E 0%, #79DBFF 100%) border-box border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
}
@media screen and (min-width: 768px) {
  .c-box::before {
    border-radius: min(16px, 1.25vw);
    border-width: min(6px, 0.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box::before {
    border-width: 0.8vw;
    border-radius: 2.6666666667vw;
  }
}
.c-box-title {
  text-align: center;
}
.c-box-title-en {
  display: block;
  font-family: "Jost", sans-serif;
  color: #34D015;
}
@media screen and (min-width: 768px) {
  .c-box-title-en {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-box-title-en {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-box-title-en {
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box-title-en {
    margin-bottom: 2.1333333333vw;
  }
}
.c-box-title-jp {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-box-title-jp {
    font-size: clamp(21.6px, 2.8125vw, 36px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-box-title-jp {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-box-title-jp:has(.c-box-title-label) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.c-box-title-label {
  color: #1E6FE0;
  border-radius: 999px;
  border: 2px solid #1E6FE0;
}
@media screen and (min-width: 768px) {
  .c-box-title-label {
    font-size: clamp(9px, 1.171875vw, 15px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-box-title-label {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-box-title-label {
    display: inline-block;
    padding: min(8px, 0.625vw) min(30px, 2.34375vw);
    margin-right: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box-title-label {
    display: block;
    width: max-content;
    padding: 1.0666666667vw 4vw;
    margin: 4vw auto 2.1333333333vw;
  }
}
.c-box-checktxt {
  display: flex;
}
@media screen and (min-width: 768px) {
  .c-box-checktxt {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-box-checktxt {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-box-checktxt {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
    margin-top: min(40px, 3.125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box-checktxt {
    column-gap: 2.6666666667vw;
    margin-top: 8vw;
  }
}
.c-box-checktxt::before {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/ic-check-gr3.png);
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .c-box-checktxt::before {
    width: min(40px, 3.125vw);
    height: min(40px, 3.125vw);
    margin-top: min(9px, 0.703125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box-checktxt::before {
    margin-top: 1.0666666667vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
@media screen and (min-width: 768px) {
  .c-box-lead {
    text-align: center;
    margin-top: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .c-box-lead {
    margin-top: 4vw;
  }
}

.c-childbox-wrap {
  display: flex;
}
@media screen and (min-width: 768px) {
  .c-childbox-wrap {
    justify-content: space-between;
    margin-top: min(40px, 3.125vw);
  }
}
@media screen and (max-width: 767px) {
  .c-childbox-wrap {
    margin-top: 8vw;
    flex-direction: column;
    row-gap: 5.3333333333vw;
  }
}

.c-childbox {
  box-shadow: 0px 10px 20px rgba(15, 45, 94, 0.1);
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .c-childbox {
    width: min(520px, 40.625vw);
    border-radius: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .c-childbox {
    width: 100%;
    border-radius: 2.1333333333vw;
  }
}
.c-childbox-title {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-childbox-title {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .c-childbox-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .c-childbox-title {
    padding: min(10px, 0.78125vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .c-childbox-title {
    padding: 2.1333333333vw 0;
  }
}
.c-childbox-title.bg-gray {
  background-color: #94A3B8;
}
.c-childbox-title.bg-green {
  background-color: #34D015;
}
.c-childbox-title.bg-red {
  background-color: #FF6658;
}
@media screen and (min-width: 768px) {
  .c-childbox-body {
    padding: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .c-childbox-body {
    padding: 5.3333333333vw 2.6666666667vw;
  }
}

.l-header {
  position: fixed;
  background-color: #fff;
  z-index: 1000001;
  box-shadow: 0px 0px 10px rgba(30, 111, 224, 0.15);
}
@media screen and (min-width: 768px) {
  .l-header {
    width: 93.75vw;
    max-width: min(1400px, 109.375vw);
    border-radius: 0 0 min(14px, 1.09375vw) min(14px, 1.09375vw);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.l-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-header__inner {
    padding: 0 min(33px, 2.578125vw) 0 min(40px, 3.125vw);
    height: min(84.5px, 6.6015625vw);
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    height: 18.1333333333vw;
    padding: 0 3.2vw;
  }
}
.l-header__logo {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-header__logo {
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    column-gap: 1.6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-header__logo img {
    width: min(88px, 6.875vw);
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo img {
    width: 17.6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-header__text-main {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .l-header__text-main {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .l-header__text-main {
    margin-bottom: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .l-header__text-main {
    margin-bottom: 1.6vw;
  }
}
.l-header__text-sub {
  color: #94A3B8;
}
@media screen and (min-width: 768px) {
  .l-header__text-sub {
    font-size: clamp(7.2px, 0.9375vw, 12px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .l-header__text-sub {
    font-size: calc(8 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
.l-header__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1E6FE0;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .l-header__btn {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .l-header__btn {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .l-header__btn {
    width: min(158px, 12.34375vw);
    height: min(46px, 3.59375vw);
    border-radius: min(50px, 3.90625vw);
  }
}
@media screen and (max-width: 767px) {
  .l-header__btn {
    width: 29.3333333333vw;
    height: 9.8133333333vw;
    border-radius: 10.6666666667vw;
  }
}

.l-footer__bg {
  color: #fff;
  background-color: #0A1E40;
}
@media screen and (min-width: 768px) {
  .l-footer__bg {
    padding: min(30px, 2.34375vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__bg {
    padding: 8vw 0;
  }
}
.l-footer__inner {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-footer__inner {
    justify-content: space-between;
    padding: 0 min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .l-footer__inner {
    max-width: none;
    flex-direction: column;
    row-gap: 8vw;
  }
}
.l-footer__logo {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .l-footer__logo {
    column-gap: min(12px, 0.9375vw);
  }
}
@media screen and (max-width: 767px) {
  .l-footer__logo {
    column-gap: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__logo img {
    width: min(88px, 6.875vw);
  }
}
@media screen and (max-width: 767px) {
  .l-footer__logo img {
    width: 17.6vw;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__text-company {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__text-company {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__text-desc {
    font-size: clamp(7.2px, 0.9375vw, 12px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__text-desc {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__copy {
    font-size: clamp(7.2px, 0.9375vw, 12px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__copy {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.p-kv__bg {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-kv__bg {
    padding: min(150px, 11.71875vw) 0 min(80px, 6.25vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__bg {
    padding: 32vw 0 16vw;
  }
}
.p-kv__bg::before, .p-kv__bg::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.p-kv__bg::before {
  top: 0;
  left: 0;
  background-image: url(../img/bg-kv01.png);
}
@media screen and (min-width: 768px) {
  .p-kv__bg::before {
    width: 844px;
    height: 681px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .p-kv__bg::before {
    width: 43.9583333333vw;
    height: 35.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__bg::before {
    width: 112.5333333333vw;
    height: 90.9333333333vw;
  }
}
.p-kv__bg::after {
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-kv__bg::after {
    background-image: url(../img/bg-kv02.png);
    width: auto;
    aspect-ratio: 1148/825;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__bg::after {
    background-image: url(../img/bg-kv01.png);
    width: 112.5333333333vw;
    height: 90.9333333333vw;
    transform: scale(-1, -1);
  }
}
.p-kv__inner {
  position: relative;
  z-index: 3;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-kv__inner {
    justify-content: center;
    column-gap: min(112px, 8.75vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__inner {
    align-items: center;
    row-gap: 5.3333333333vw;
    flex-direction: column;
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text {
    width: min(560px, 43.75vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text {
    width: 100%;
  }
}
.p-kv__text-label {
  border: 2px solid #1E6FE0;
  border-radius: 999px;
  color: #1E6FE0;
}
@media screen and (min-width: 768px) {
  .p-kv__text-label {
    font-size: clamp(9px, 1.171875vw, 15px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-label {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-label {
    display: inline-block;
    padding: min(8px, 0.625vw) min(30px, 2.34375vw);
    margin-bottom: min(24px, 1.875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-label {
    width: max-content;
    margin: 0 auto 5.3333333333vw;
    padding: 2.1333333333vw 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-lead {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-lead {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-lead {
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-lead {
    text-align: center;
    margin-bottom: 1.6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-title {
    font-size: clamp(36px, 4.6875vw, 60px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-title {
    font-size: calc(36 / 375 * 100vw);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-title {
    margin-bottom: min(24px, 1.875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-title {
    text-align: center;
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-title small {
    font-size: min(50px, 3.90625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-title small {
    font-size: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-txt {
    font-size: clamp(14.4px, 1.875vw, 24px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-txt {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-txt {
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-txt {
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text .c-btn {
    width: min(354px, 27.65625vw);
    margin-top: min(24px, 1.875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text .c-btn {
    width: 80vw;
    margin: 106.6666666667vw auto 0;
  }
}
.p-kv__text-list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-kv__text-list {
    margin-top: min(24px, 1.875vw);
    column-gap: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-list {
    margin-top: 4.8vw;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 4.8vw;
    row-gap: 2.1333333333vw;
  }
}
.p-kv__text-list li {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-kv__text-list li {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.125;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-list li {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.125;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__text-list li {
    column-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-list li {
    column-gap: 2.6666666667vw;
  }
}
.p-kv__text-list li::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: center/contain no-repeat url(../img/common/ic-check-bl.png);
  background-color: rgba(30, 111, 224, 0.1019607843);
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p-kv__text-list li::before {
    background-size: min(13px, 1.015625vw) min(9px, 0.703125vw);
    width: min(28px, 2.1875vw);
    height: min(28px, 2.1875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__text-list li::before {
    background-size: 3.4666666667vw 2.4vw;
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv__img {
    position: relative;
    width: min(520px, 40.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80vw;
    bottom: 53.3333333333vw;
  }
}
.p-kv__img img {
  display: block;
}
.p-kv__img-main {
  box-shadow: 0px 32px 64px rgba(15, 45, 94, 0.18), 0px 8px 24px rgba(15, 45, 94, 0.08);
}
.p-kv__img-sub {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-kv__img-sub {
    width: min(250px, 19.53125vw);
    bottom: max(-22px, -1.71875vw);
    left: max(-30px, -2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-kv__img-sub {
    width: 40vw;
    bottom: -3.52vw;
    left: -4.8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-support::before {
    top: auto;
    bottom: 0;
  }
}
.p-support__bg {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support__bg {
    padding: min(60px, 4.6875vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-support__bg {
    padding: 12vw 0 18.6666666667vw;
  }
}
.p-support__bg::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(286.04deg, #3EE01E 0%, #79DBFF 100%);
  opacity: 0.3;
  z-index: -2;
}
.p-support__img {
  position: absolute;
  z-index: 1;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-support__img {
    width: min(367px, 28.671875vw);
    left: max(-107px, -8.359375vw);
    bottom: max(-60px, -4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__img {
    width: 48.8vw;
    left: -10.6666666667vw;
    bottom: -18.6666666667vw;
  }
}
.p-support__graph {
  position: absolute;
  z-index: -1;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-support__graph {
    width: min(440px, 34.375vw);
    bottom: max(-60px, -4.6875vw);
    right: max(-72px, -5.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__graph {
    width: 46.9333333333vw;
    bottom: -18.6666666667vw;
    right: -5.3333333333vw;
  }
}
.p-support__list {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-support__list {
    width: max-content;
    margin: 0 auto;
    justify-content: center;
    column-gap: min(30px, 2.34375vw);
    margin-top: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__list {
    flex-direction: column;
    align-items: center;
    row-gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.p-support__list::after {
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
  background: center/contain no-repeat url(../img/im-support-arrow.png);
}
@media screen and (min-width: 768px) {
  .p-support__list::after {
    width: min(277px, 21.640625vw);
    height: min(159px, 12.421875vw);
    bottom: max(-8.5px, -0.6640625vw);
    right: max(-174px, -13.59375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__list::after {
    width: 29.6vw;
    height: 17.0666666667vw;
    bottom: -0.9066666667vw;
    right: -4vw;
  }
}
.p-support__box {
  position: relative;
  box-shadow: 0px 10px 15px rgba(30, 111, 224, 0.2);
}
@media screen and (min-width: 768px) {
  .p-support__box {
    border-radius: min(14px, 1.09375vw);
    width: min(240px, 18.75vw);
    padding: min(30px, 2.34375vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-support__box {
    border-radius: 3.7333333333vw;
    width: 64vw;
    padding: 8vw 0;
  }
}
.p-support__box::before {
  position: absolute;
  content: "";
  z-index: -2;
  background: linear-gradient(286.04deg, #3EE01E 0%, #79DBFF 100%);
  width: 100%;
  height: 100%;
  inset: 0;
}
@media screen and (min-width: 768px) {
  .p-support__box::before {
    border-radius: min(14px, 1.09375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__box::before {
    border-radius: 3.7333333333vw;
  }
}
.p-support__box::after {
  position: absolute;
  content: "";
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-support__box::after {
    width: calc(100% - min(8px, 0.625vw));
    height: calc(100% - min(8px, 0.625vw));
    border-radius: min(12px, 0.9375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__box::after {
    width: calc(100% - 2.1333333333vw);
    height: calc(100% - 2.1333333333vw);
    border-radius: 3.2vw;
  }
}
.p-support__box-title {
  display: inline-block;
  border-bottom: 1px solid #1E6FE0;
}
@media screen and (min-width: 768px) {
  .p-support__box-title {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-support__box-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-support__box-title {
    padding: 0 min(10px, 0.78125vw) min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__box-title {
    padding: 0 2.6666666667vw 2.1333333333vw;
  }
}
.p-support__box-num {
  display: block;
  color: #FF6658;
}
@media screen and (min-width: 768px) {
  .p-support__box-num {
    font-size: clamp(33.6px, 4.375vw, 56px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-support__box-num {
    font-size: calc(56 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-support__box-num {
    margin: min(6px, 0.46875vw) 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-support__box-num {
    margin: 1.6vw 0 0;
  }
}
.p-support__text {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-support__text {
    margin-top: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-support__text {
    margin-top: 3.2vw;
  }
}

@media screen and (min-width: 768px) {
  .p-worries {
    padding-left: min(10px, 0.78125vw);
    padding-right: min(10px, 0.78125vw);
  }
}
.p-worries__inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-worries__inner {
    max-width: 1280px;
  }
}
@media screen and (max-width: 767px) {
  .p-worries__inner {
    max-width: 89.3333333333vw;
  }
}
.p-worries__list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-worries__list {
    justify-content: center;
    column-gap: 3.125%;
    row-gap: min(40px, 3.125vw);
    margin-top: min(50px, 3.90625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-worries__list {
    flex-direction: column;
    row-gap: 5.3333333333vw;
    margin-top: 8vw;
  }
}
.p-worries__item {
  background-color: #F2F2F2;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-worries__item {
    border-radius: min(20px, 1.5625vw);
    width: 31.25%;
    padding: 3.125% 2.34375%;
    column-gap: 4.1%;
  }
}
@media screen and (max-width: 767px) {
  .p-worries__item {
    width: 100%;
    border-radius: 4vw;
    column-gap: 2.6666666667vw;
    padding: 5.3333333333vw 4vw;
  }
}
.p-worries__item-img {
  display: flex;
  border-radius: 50%;
  box-shadow: 0px 0px 15px rgba(30, 111, 224, 0.2);
}
@media screen and (min-width: 768px) {
  .p-worries__item-img {
    width: 15.9%;
  }
}
@media screen and (max-width: 767px) {
  .p-worries__item-img {
    width: 14.4vw;
  }
}
.p-worries__item-text {
  flex: 1;
}
.p-worries__item-text .c-text-m {
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .p-worries__item-title {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-worries__item-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-worries__item-title {
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-worries__item-title {
    margin-bottom: 2.1333333333vw;
  }
}
.p-worries__box {
  margin-inline: auto;
  position: relative;
  display: flex;
  border-color: #FF6658;
  border-style: solid;
  box-shadow: 0px 0px 15px rgba(30, 111, 224, 0.2);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-worries__box {
    align-items: center;
    width: min(700px, 54.6875vw);
    margin-top: min(50px, 3.90625vw);
    border-width: min(4px, 0.3125vw);
    border-radius: min(14px, 1.09375vw);
    padding: min(30px, 2.34375vw) 0 min(30px, 2.34375vw) min(60px, 4.6875vw);
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-worries__box {
    align-items: flex-start;
    width: 100%;
    border-width: 0.5333333333vw;
    margin-top: 8vw;
    border-radius: 2.6666666667vw;
    column-gap: 2.6666666667vw;
    padding: 5.3333333333vw 4vw 8vw;
  }
}
.p-worries__box::after {
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
  background: center/contain no-repeat url(../img/im-worries.png);
}
@media screen and (min-width: 768px) {
  .p-worries__box::after {
    width: min(176px, 13.75vw);
    height: min(228px, 17.8125vw);
    right: max(-49px, -3.828125vw);
    top: max(-61px, -4.765625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-worries__box::after {
    width: 17.6vw;
    height: 22.8vw;
    right: -0.8vw;
    bottom: -1.6vw;
  }
}
@media screen and (min-width: 768px) {
  .p-worries__box-icon {
    width: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-worries__box-icon {
    width: 8vw;
    margin-top: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-worries__box-title {
    font-size: clamp(19.2px, 2.5vw, 32px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-worries__box-title {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .p-worries__box-title {
    margin-bottom: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-worries__box-title {
    margin-bottom: 0.5333333333vw;
  }
}

.p-solution__top {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-solution__top {
    justify-content: center;
    column-gap: min(40px, 3.125vw);
    margin-top: min(50px, 3.90625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__top {
    margin-top: 8vw;
    row-gap: 5.3333333333vw;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .p-solution__lead {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-solution__lead {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
.p-solution__list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-solution__list {
    column-gap: min(24px, 1.875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__list {
    width: 100%;
    justify-content: space-between;
  }
}
.p-solution__list-item {
  color: #1E6FE0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #1E6FE0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-solution__list-item {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-solution__list-item {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-solution__list-item {
    width: min(120px, 9.375vw);
    height: min(120px, 9.375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__list-item {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
  }
}
.p-solution__list-item:not(:last-of-type)::after {
  position: absolute;
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/ic-arrow-bl.png);
  top: 50%;
  transform: translate(100%, -50%);
}
@media screen and (min-width: 768px) {
  .p-solution__list-item:not(:last-of-type)::after {
    width: min(9.5px, 0.7421875vw);
    height: min(9.5px, 0.7421875vw);
    right: max(-8px, -0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__list-item:not(:last-of-type)::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    right: -1.7333333333vw;
  }
}
.p-solution__approach {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-solution__approach {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__approach {
    justify-content: space-between;
  }
}
.p-solution__approach-item {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-solution__approach-item {
    width: min(120px, 9.375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__approach-item {
    width: 32%;
  }
}
.p-solution__approach-item img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-solution__approach-item img {
    width: min(54px, 4.21875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__approach-item img {
    width: 14.4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-solution__approach-title {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-solution__approach-title {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-solution__approach-title {
    margin: min(9px, 0.703125vw) 0 min(6px, 0.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__approach-title {
    margin: 2.4vw 0 1.6vw;
  }
}
.p-solution__system {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-solution__system {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system {
    flex-direction: column;
    align-items: center;
    row-gap: 5.3333333333vw;
  }
}
.p-solution__system-item {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-solution__system-item {
    width: min(220px, 17.1875vw);
    padding: min(20px, 1.5625vw) 0;
    border-radius: min(14px, 1.09375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system-item {
    width: 58.6666666667vw;
    padding: 5.3333333333vw 0;
    border-radius: 3.7333333333vw;
  }
}
.p-solution__system-item.dx {
  background-color: #EBFAE8;
  border: 2px solid #34D015;
}
.p-solution__system-item img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-solution__system-item img {
    width: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system-item img {
    width: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .p-solution__system-title {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system-title {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-solution__system-title {
    margin: min(9px, 0.703125vw) 0 min(6px, 0.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system-title {
    margin: 2.4vw 0 1.6vw;
  }
}
.p-solution__system-plus {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #34D015;
}
@media screen and (min-width: 768px) {
  .p-solution__system-plus {
    width: min(50px, 3.90625vw);
    height: min(50px, 3.90625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system-plus {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
}
.p-solution__system-plus::before, .p-solution__system-plus::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .p-solution__system-plus::before, .p-solution__system-plus::after {
    border-radius: min(2px, 0.15625vw);
    width: min(20px, 1.5625vw);
    height: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-solution__system-plus::before, .p-solution__system-plus::after {
    width: 5.3333333333vw;
    height: 1.0666666667vw;
    border-radius: 0.5333333333vw;
  }
}
.p-solution__system-plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.p-issue {
  background-color: #FAFAFA;
}
.p-issue__head {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-issue__head .c-title-en {
    text-align: left;
    padding-left: 5.3333333333vw;
  }
}
.p-issue__head-img {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .p-issue__head-img {
    top: 50%;
    transform: translateY(-50%);
    width: min(240px, 18.75vw);
    right: min(135px, 10.546875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__head-img {
    width: 32vw;
    right: 0;
    top: -22.4vw;
  }
}
.p-issue__box {
  position: relative;
  z-index: 1;
  box-shadow: 0px 32px 64px rgba(15, 45, 94, 0.1);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-issue__box {
    margin-top: min(50px, 3.90625vw);
    border-radius: min(16px, 1.25vw);
    padding: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__box {
    border-radius: 3.2vw;
    margin-top: 8vw;
    padding: 8vw 4vw;
  }
}
.p-issue__box-title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-issue__box-title {
    font-size: clamp(21.6px, 2.8125vw, 36px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-issue__box-title {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__box-title {
    margin-bottom: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__box-title {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__box-lead {
    text-align: center;
  }
}
.p-issue__wrap {
  display: flex;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-issue__wrap {
    flex-direction: column;
    row-gap: min(9px, 0.703125vw);
    margin-top: min(35px, 2.734375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__wrap {
    justify-content: space-between;
    margin-top: 6.4vw;
  }
}
.p-issue__flow {
  display: flex;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-issue__flow {
    justify-content: center;
    column-gap: min(34px, 2.65625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__flow {
    flex-direction: column;
    justify-content: center;
    row-gap: 6.4vw;
  }
}
.p-issue__flow-item {
  background-color: #94A3B8;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-issue__flow-item {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-issue__flow-item {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.25;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__flow-item {
    width: min(130px, 10.15625vw);
    border-radius: min(4px, 0.3125vw);
    padding: min(8px, 0.625vw) min(16px, 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__flow-item {
    width: 34.6666666667vw;
    border-radius: 1.0666666667vw;
    padding: 2.1333333333vw 4.2666666667vw;
  }
}
.p-issue__flow-item::before, .p-issue__flow-item::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #FF6658;
}
@media screen and (min-width: 768px) {
  .p-issue__flow-item::before, .p-issue__flow-item::after {
    left: 50%;
    transform: translate(-50%, 100%);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__flow-item::before, .p-issue__flow-item::after {
    top: 50%;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__flow-item::before {
    width: 1px;
    height: min(36px, 2.8125vw);
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-issue__flow-item::before {
    transform: translate(100%, -50%);
    width: 12vw;
    height: 1px;
    right: 0;
  }
}
.p-issue__flow-item::after {
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-issue__flow-item::after {
    width: min(8px, 0.625vw);
    height: min(8px, 0.625vw);
    bottom: max(-36px, -2.8125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__flow-item::after {
    transform: translate(96%, -50%);
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    right: -10.9333333333vw;
  }
}
.p-issue__steps {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-issue__steps {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__steps {
    flex-direction: column;
    row-gap: 5.3333333333vw;
  }
}
.p-issue__steps::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #1E6FE0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-issue__steps::after {
    width: min(800px, 62.5vw);
    height: min(2px, 0.15625vw);
    top: min(29px, 2.265625vw);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__steps::after {
    width: 0.5333333333vw;
    height: 95%;
    top: 0;
    left: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__step {
    width: min(143px, 11.171875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__step {
    display: flex;
    align-items: center;
    width: 42.6666666667vw;
    column-gap: 1.6vw;
  }
}
.p-issue__step img {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-issue__step img {
    margin-inline: auto;
    width: min(60px, 4.6875vw);
    margin-bottom: min(9px, 0.703125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__step img {
    width: 16vw;
  }
}
.p-issue__before {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-issue__before {
    column-gap: min(24px, 1.875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__before {
    column-gap: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__before img {
    width: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__before img {
    width: 16vw;
  }
}
.p-issue__before .c-text-m {
  flex: 1;
  line-height: 1.75;
}
.p-issue__list-item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-issue__list-item {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-issue__list-item {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__list-item {
    padding-left: min(38px, 2.96875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__list-item {
    padding-left: 10.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__list-item:not(:last-of-type) {
    margin-bottom: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__list-item:not(:last-of-type) {
    margin-bottom: 0.8vw;
  }
}
.p-issue__list-item::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  background: center/contain no-repeat url(../img/common/ic-batsu-rd.png);
}
@media screen and (min-width: 768px) {
  .p-issue__list-item::before {
    width: min(28px, 2.1875vw);
    height: min(28px, 2.1875vw);
    top: min(2px, 0.15625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-issue__list-item::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    top: 0.4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-issue__list-item small {
    margin-left: min(4px, 0.3125vw);
  }
}

.p-case::after {
  position: absolute;
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/dc-sec.png);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-case::after {
    bottom: 0;
    width: 689px;
    height: 576px;
    right: 31px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .p-case::after {
    width: 35.8854166667vw;
    height: 30vw;
    right: 1.6145833333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-case::after {
    bottom: -8vw;
    right: -21.3333333333vw;
    width: 92vw;
    height: 76.8vw;
  }
}
.p-case__steps {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-case__steps {
    margin-top: min(60px, 4.6875vw);
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__steps {
    margin-top: 10.6666666667vw;
    flex-direction: column;
    row-gap: 5.3333333333vw;
  }
}
.p-case__step {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-case__step {
    width: min(307px, 23.984375vw);
    padding: min(30px, 2.34375vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-case__step {
    width: 100%;
    padding: 8vw 0;
  }
}
.p-case__step img {
  display: block;
  margin-inline: auto;
  width: auto;
}
@media screen and (min-width: 768px) {
  .p-case__step img {
    height: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__step img {
    height: 8vw;
  }
}
.p-case__step-num {
  position: absolute;
  color: #1E6FE0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .p-case__step-num {
    font-size: clamp(21.6px, 2.8125vw, 36px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-case__step-num {
    font-size: calc(36 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-case__step-num {
    transform: translateY(-50%);
    left: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__step-num {
    left: 8vw;
  }
}
.p-case__step-title {
  text-align: center;
  color: #1E6FE0;
}
@media screen and (min-width: 768px) {
  .p-case__step-title {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-case__step-title {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-case__step-title {
    margin: min(10px, 0.78125vw) 0 min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__step-title {
    margin: 2.6666666667vw 0 2.1333333333vw;
  }
}
.p-case__step-list {
  width: max-content;
  margin: 0 auto;
}
.p-case__step-list li {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-case__step-list li {
    column-gap: min(9px, 0.703125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__step-list li {
    column-gap: 2.4vw;
  }
}
.p-case__step-list li::before {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/ic-check-bl.png);
}
@media screen and (min-width: 768px) {
  .p-case__step-list li::before {
    width: min(13px, 1.015625vw);
    height: min(9px, 0.703125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__step-list li::before {
    width: 3.4666666667vw;
    height: 2.4vw;
  }
}
.p-case .c-childbox.before {
  position: relative;
  overflow: visible;
}
.p-case .c-childbox.before::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #94A3B8;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-case .c-childbox.before::after {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    right: 0;
    transform: translateX(100%);
    width: min(21px, 1.640625vw);
    height: min(25px, 1.953125vw);
    top: min(111px, 8.671875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case .c-childbox.before::after {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 5.3333333333vw;
    height: 4.48vw;
  }
}
.p-case .c-childbox-title {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-case .c-childbox-title {
    padding-left: min(30px, 2.34375vw);
    border-top-left-radius: min(8px, 0.625vw);
    border-top-right-radius: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case .c-childbox-title {
    justify-content: center;
    border-top-left-radius: 2.1333333333vw;
    border-top-right-radius: 2.1333333333vw;
  }
}
.p-case .c-childbox-title .before,
.p-case .c-childbox-title .after {
  background-color: #fff;
  font-family: "Jost", sans-serif;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-case .c-childbox-title .before,
  .p-case .c-childbox-title .after {
    font-size: clamp(9px, 1.171875vw, 15px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-case .c-childbox-title .before,
  .p-case .c-childbox-title .after {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-case .c-childbox-title .before,
  .p-case .c-childbox-title .after {
    padding: min(4px, 0.3125vw) min(10px, 0.78125vw);
    margin-right: min(20px, 1.5625vw);
    border-radius: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case .c-childbox-title .before,
  .p-case .c-childbox-title .after {
    padding: 1.0666666667vw 2.6666666667vw;
    margin-right: 3.2vw;
    border-radius: 1.0666666667vw;
  }
}
.p-case .c-childbox-title .before {
  color: #94A3B8;
}
.p-case .c-childbox-title .after {
  color: #34D015;
}
.p-case__list-item {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-case__list-item {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-case__list-item {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-case__list-item {
    column-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__list-item {
    column-gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-case__list-item:not(:last-of-type) {
    margin-bottom: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__list-item:not(:last-of-type) {
    margin-bottom: 0.8vw;
  }
}
.p-case__list-item::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  .p-case__list-item::before {
    width: min(28px, 2.1875vw);
    height: min(28px, 2.1875vw);
    margin-top: min(2px, 0.15625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__list-item::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    margin-top: 0.4vw;
  }
}
.p-case__list.before .p-case__list-item::before {
  background: center/contain no-repeat url(../img/common/ic-batsu-rd.png);
}
.p-case__list.after .p-case__list-item::before {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/common/ic-check-gr2.png);
  background-color: #EBFAE8;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-case__list.after .p-case__list-item::before {
    background-size: min(13px, 1.015625vw) min(9px, 0.703125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__list.after .p-case__list-item::before {
    background-size: 3.4666666667vw 2.4vw;
  }
}
.p-case__factors {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-case__factors {
    justify-content: center;
    column-gap: min(50px, 3.90625vw);
    margin-top: min(100px, 7.8125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors {
    flex-direction: column;
    row-gap: 5.3333333333vw;
    margin-top: 20vw;
  }
}
@media screen and (min-width: 768px) {
  .p-case__factors-text {
    width: min(562px, 43.90625vw);
  }
}
@media screen and (min-width: 768px) {
  .p-case__factors-text .c-box-title {
    text-align: left;
    margin-bottom: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-text .c-box-title {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-case__factors-list {
    margin-top: min(30px, 2.34375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-list {
    margin-top: 5.3333333333vw;
  }
}
.p-case__factors-list li {
  display: flex;
  border: 2px solid #1E6FE0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-case__factors-list li {
    align-items: center;
    border-radius: min(8px, 0.625vw);
    padding: min(20px, 1.5625vw) min(30px, 2.34375vw);
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-list li {
    align-items: flex-start;
    border-radius: 2.1333333333vw;
    padding: 5.3333333333vw 4vw;
    column-gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-case__factors-list li:not(:last-of-type) {
    margin-bottom: min(16px, 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-list li:not(:last-of-type) {
    margin-bottom: 3.2vw;
  }
}
.p-case__factors-list li::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #1E6FE0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 59.4%;
}
@media screen and (min-width: 768px) {
  .p-case__factors-list li::before {
    width: min(6px, 0.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-list li::before {
    width: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-case__factors-list li img {
    width: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-list li img {
    width: 16vw;
  }
}
.p-case__factors-item {
  flex: 1;
}
.p-case__factors-title {
  color: #1E6FE0;
}
@media screen and (min-width: 768px) {
  .p-case__factors-title {
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-case__factors-title {
    margin-bottom: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-title {
    margin-bottom: 0.8vw;
  }
}
.p-case__factors-img {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-case__factors-img {
    width: min(428px, 33.4375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-case__factors-img {
    width: 100%;
  }
}

.p-faq__answer {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-faq__answer {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__answer {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__answer {
    margin-top: min(50px, 3.90625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__answer {
    margin-top: 8vw;
  }
}
.p-faq__step {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-faq__step {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
    margin-top: min(40px, 3.125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step {
    align-items: center;
    flex-direction: column;
    row-gap: 5.3333333333vw;
    margin-top: 8vw;
  }
}
.p-faq__step-item {
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(15, 45, 94, 0.1);
}
@media screen and (min-width: 768px) {
  .p-faq__step-item {
    width: min(188px, 14.6875vw);
    border-radius: min(8px, 0.625vw);
    padding: min(30px, 2.34375vw) min(20px, 1.5625vw) min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-item {
    width: 61.3333333333vw;
    border-radius: 2.1333333333vw;
    padding: 8vw 5.3333333333vw 5.3333333333vw;
  }
}
.p-faq__step-item.main {
  border: 4px solid #34D015;
  position: relative;
}
.p-faq__step-item.main::before {
  position: absolute;
  content: "まずはここから";
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  background-color: #34D015;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-faq__step-item.main::before {
    font-size: clamp(9px, 1.171875vw, 15px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-item.main::before {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__step-item.main::before {
    width: min(165px, 12.890625vw);
    height: min(31px, 2.421875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-item.main::before {
    width: 44vw;
    height: 8.2666666667vw;
  }
}
.p-faq__step-item img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-faq__step-item img {
    width: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-item img {
    width: 16vw;
  }
}
.p-faq__step-num {
  display: block;
  color: #1E6FE0;
  font-family: "Jost", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-faq__step-num {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-num {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__step-num {
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-num {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__step-title {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__step-title {
    margin: min(10px, 0.78125vw) 0 min(6px, 0.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__step-title {
    margin: 2.6666666667vw 0 1.6vw;
  }
}
.p-faq__alignment {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
    margin-top: min(40px, 3.125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment {
    flex-direction: column;
    row-gap: 5.3333333333vw;
    margin-top: 8vw;
  }
}
.p-faq__alignment-box {
  box-shadow: 0px 10px 20px rgba(15, 45, 94, 0.1);
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-box {
    width: min(455px, 35.546875vw);
    border-radius: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-box {
    width: 100%;
    border-radius: 2.1333333333vw;
  }
}
.p-faq__alignment-box.before .p-faq__alignment-title {
  background-color: #94A3B8;
}
.p-faq__alignment-box.before .p-faq__alignment-list li::before {
  background-image: url(../img/common/ic-check-gray.png);
  background-color: #EFF1F5;
}
.p-faq__alignment-box.after .p-faq__alignment-title {
  background-color: #34D015;
}
.p-faq__alignment-box.after .p-faq__alignment-list li::before {
  background-image: url(../img/common/ic-check-gr2.png);
  background-color: #EBFAE8;
}
.p-faq__alignment-title {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-title {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-title {
    padding: min(10px, 0.78125vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-title {
    padding: 2.1333333333vw 0;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-body {
    padding: min(20px, 1.5625vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-body {
    padding: 4vw 0;
  }
}
.p-faq__alignment-body .c-text-s {
  text-align: center;
}
.p-faq__alignment-subtitle {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-subtitle {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-subtitle {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-subtitle {
    margin-bottom: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-subtitle {
    margin-bottom: 0.8vw;
  }
}
.p-faq__alignment-list {
  width: max-content;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-list {
    margin-top: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-list {
    margin-top: 2.1333333333vw;
  }
}
.p-faq__alignment-list li {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-list li {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-list li {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-list li {
    column-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-list li {
    column-gap: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-list li:not(:last-of-type) {
    margin-bottom: min(4px, 0.3125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-list li:not(:last-of-type) {
    margin-bottom: 0.8vw;
  }
}
.p-faq__alignment-list li::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-list li::before {
    background-size: min(13px, 1.015625vw) min(9px, 0.703125vw);
    width: min(28px, 2.1875vw);
    height: min(28px, 2.1875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-list li::before {
    background-size: 3.2vw 2.1333333333vw;
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
.p-faq__alignment-icon {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-icon {
    flex-direction: column;
    column-gap: min(4px, 0.3125vw);
    margin: auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-icon {
    justify-content: center;
    column-gap: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-icon img {
    width: min(70px, 5.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-icon img {
    width: 18.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__alignment-icon .txt {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__alignment-icon .txt {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__note {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__note {
    margin-top: 2.1333333333vw;
  }
}

.p-cta__bg {
  background: linear-gradient(286.04deg, #3EE01E 0%, #79DBFF 100%);
}
@media screen and (min-width: 768px) {
  .p-cta__bg {
    padding: min(60px, 4.6875vw) min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__bg {
    padding: 12vw 0;
  }
}
.p-cta__box {
  background-color: #fff;
  box-shadow: 0px 8px 32px rgba(30, 111, 224, 0.1);
  border-style: solid;
  border-color: #EBFAE8;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-cta__box {
    max-width: 1400px;
    border-width: min(8px, 0.625vw);
    border-radius: min(24px, 1.875vw);
    padding: min(30px, 2.34375vw) 5.8% min(22px, 1.71875vw) 4%;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__box {
    flex-direction: column;
    row-gap: 5.3333333333vw;
    max-width: 89.3333333333vw;
    border-width: 1.0666666667vw;
    border-radius: 3.2vw;
    padding: 8vw 4vw;
  }
}
.p-cta__img {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-cta__img {
    width: 18.6%;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__img {
    pointer-events: none;
    position: absolute;
    width: 42.6666666667vw;
    right: -2.6666666667vw;
    bottom: 22.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__text {
    flex: 1;
    margin-left: 3.3%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__text {
    width: 100%;
  }
}
.p-cta__text-label {
  background-color: #1E6FE0;
  color: #fff;
  display: inline-block;
  border-radius: 999px;
}
@media screen and (min-width: 768px) {
  .p-cta__text-label {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__text-label {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__text-label {
    padding: min(6px, 0.46875vw) min(20px, 1.5625vw);
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__text-label {
    padding: 1.6vw 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__text-title {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__text-title {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__text-title {
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__text-title {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__text-txt {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__text-txt {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.75;
    letter-spacing: 0em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__pack {
    margin-left: auto;
  }
}
.p-cta__pack-title {
  color: #1E6FE0;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-cta__pack-title {
    font-size: clamp(14.4px, 1.875vw, 24px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-title {
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__pack-title {
    column-gap: min(10px, 0.78125vw);
    margin-bottom: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-title {
    column-gap: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.p-cta__pack-title::before {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/dc-title.png);
}
@media screen and (min-width: 768px) {
  .p-cta__pack-title::before {
    width: min(14px, 1.09375vw);
    height: min(14px, 1.09375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-title::before {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.p-cta__pack-wrap {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-cta__pack-wrap {
    align-items: center;
    column-gap: min(40px, 3.125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-wrap {
    flex-direction: column;
    row-gap: 3.2vw;
  }
}
.p-cta__pack-list li {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-cta__pack-list li {
    font-size: clamp(10.2px, 1.328125vw, 17px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-list li {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__pack-list li {
    column-gap: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-list li {
    column-gap: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__pack-list li:not(:last-of-type) {
    margin-bottom: min(2px, 0.15625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-list li:not(:last-of-type) {
    margin-bottom: 0.5333333333vw;
  }
}
.p-cta__pack-list li::before {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/ic-check-gr2.png);
}
@media screen and (min-width: 768px) {
  .p-cta__pack-list li::before {
    width: min(13px, 1.015625vw);
    height: min(9px, 0.703125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack-list li::before {
    width: 3.4666666667vw;
    height: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-cta__pack .c-btn {
    width: min(282px, 22.03125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-cta__pack .c-btn {
    width: 80vw;
  }
}

.p-flow {
  background-color: #F8FAFF;
}
.p-flow__wrap {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-flow__wrap {
    justify-content: center;
    column-gap: min(20px, 1.5625vw);
    margin-top: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__wrap {
    flex-direction: column;
    row-gap: 8vw;
    margin: 12vw auto 0;
    width: 80vw;
  }
}
.p-flow__wrap::before {
  position: absolute;
  content: "";
  display: block;
  z-index: -1;
  background-color: #1E6FE0;
}
@media screen and (min-width: 768px) {
  .p-flow__wrap::before {
    width: min(800px, 62.5vw);
    height: min(2px, 0.15625vw);
    top: min(52px, 4.0625vw);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__wrap::before {
    width: 0.5333333333vw;
    height: 100%;
    top: 0;
    left: 13.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__item {
    width: min(255px, 19.921875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__item {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 4vw;
  }
}
.p-flow__img {
  position: relative;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 20px rgba(30, 111, 224, 0.15);
}
@media screen and (min-width: 768px) {
  .p-flow__img {
    width: min(100px, 7.8125vw);
    height: min(100px, 7.8125vw);
    margin: 0 auto min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__img {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
  }
}
.p-flow__img-num {
  position: absolute;
  color: #1E6FE0;
  left: 0;
  transform: translateX(-20%);
}
@media screen and (min-width: 768px) {
  .p-flow__img-num {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-flow__img-num {
    font-size: calc(30 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__img-num {
    top: max(-8px, -0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__img-num {
    top: -2.1333333333vw;
  }
}
.p-flow__img img {
  width: auto;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-flow__img img {
    max-width: min(34px, 2.65625vw);
    max-height: min(34px, 2.65625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__img img {
    max-width: 9.0666666667vw;
    max-height: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__text {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-flow__text {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__text-title {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-flow__text-title {
    font-size: calc(18 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__text-title {
    margin-bottom: min(6px, 0.46875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__text-title {
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-flow__note {
    text-align: center;
    margin-top: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-flow__note {
    margin-top: 12vw;
  }
}

.p-start {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #1E6FE0 0%, #60A5FA 100%);
}
.p-start::before, .p-start::after {
  position: absolute;
  content: "";
  display: block;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-start::before, .p-start::after {
    height: 592px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .p-start::before, .p-start::after {
    height: 30.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-start::before, .p-start::after {
    height: 78.9333333333vw;
  }
}
.p-start::before {
  left: 0;
  top: 0;
  background-image: url(../img/bg-start01.png);
}
@media screen and (min-width: 768px) {
  .p-start::before {
    width: 1030px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .p-start::before {
    width: 53.6458333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-start::before {
    width: 137.3333333333vw;
  }
}
.p-start::after {
  right: 0;
  bottom: 0;
  background-image: url(../img/bg-start02.png);
}
@media screen and (min-width: 768px) {
  .p-start::after {
    width: 1067px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .p-start::after {
    width: 55.5729166667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-start::after {
    width: 142.4vw;
  }
}
.p-start .c-title-sub, .p-start .c-title-main {
  color: #fff;
}
.p-start__list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-start__list {
    justify-content: center;
    margin-top: min(20px, 1.5625vw);
    column-gap: min(20px, 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__list {
    width: max-content;
    flex-direction: column;
    margin: 5.3333333333vw auto 0;
    row-gap: 3.2vw;
  }
}
.p-start__list-item {
  display: flex;
  align-items: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-start__list-item {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.125;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-start__list-item {
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.125;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-start__list-item {
    column-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__list-item {
    column-gap: 2.6666666667vw;
  }
}
.p-start__list-item::before {
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/common/ic-check-gr.png);
}
@media screen and (min-width: 768px) {
  .p-start__list-item::before {
    width: min(28px, 2.1875vw);
    height: min(28px, 2.1875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__list-item::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
.p-start__box {
  margin-inline: auto;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-color: #EBFAE8;
  border-style: solid;
  box-shadow: 0px 8px 32px rgba(30, 111, 224, 0.1);
}
@media screen and (min-width: 768px) {
  .p-start__box {
    justify-content: space-between;
    margin-top: min(40px, 3.125vw);
    width: min(892px, 69.6875vw);
    border-radius: min(14px, 1.09375vw);
    padding: min(40px, 3.125vw) min(60px, 4.6875vw);
    border-width: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__box {
    flex-direction: column;
    width: 100%;
    margin-top: 8vw;
    border-radius: 2.6666666667vw;
    padding: 8vw 4vw;
    border-width: 1.0666666667vw;
    row-gap: 5.3333333333vw;
  }
}
.p-start__pack {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .p-start__pack {
    column-gap: min(30px, 2.34375vw);
    row-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack {
    justify-content: center;
    row-gap: 2.6666666667vw;
    column-gap: 2.6666666667vw;
  }
}
.p-start__pack-img {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-start__pack-img {
    width: min(60px, 4.6875vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-img {
    width: 16vw;
  }
}
@media screen and (min-width: 768px) {
  .p-start__pack-text {
    flex: 1;
  }
}
.p-start__pack-desc {
  color: #1E6FE0;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-start__pack-desc {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-desc {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-start__pack-desc {
    margin-bottom: min(10px, 0.78125vw);
    column-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-desc {
    margin-bottom: 2.6666666667vw;
    column-gap: 2.6666666667vw;
  }
}
.p-start__pack-desc::before {
  content: "";
  display: block;
  background-color: #1E6FE0;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-start__pack-desc::before {
    width: min(8px, 0.625vw);
    height: min(8px, 0.625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-desc::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-start__pack-title {
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-title {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 900;
  }
}
.p-start__pack-list {
  width: 100%;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-start__pack-list {
    padding-left: min(90px, 7.03125vw);
    column-gap: min(10px, 0.78125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-list {
    justify-content: space-between;
  }
}
.p-start__pack-list li {
  background-color: #34D015;
  color: #fff;
  border-radius: 999px;
}
@media screen and (min-width: 768px) {
  .p-start__pack-list li {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-list li {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .p-start__pack-list li {
    padding: min(5px, 0.390625vw) min(17px, 1.328125vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__pack-list li {
    padding: 1.3333333333vw 4.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .p-start__btn {
    width: min(318px, 24.84375vw);
  }
}
@media screen and (max-width: 767px) {
  .p-start__btn {
    width: 80vw;
  }
}

@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

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

/* animation */
[data-module=FadeIn] {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-timing-function: ease-out;
  transition-property: opacity, transform;
  transition-duration: 0.6s;
}

[data-module=FadeIn].is-FadeIn {
  opacity: 1;
  transform: translateZ(0);
}