@charset "UTF-8";
/*-- baseフォルダの中の_index.scss --*/
html {
  font-size: 0.91em;
}

.hero {
  background: url(../../images/hero-bg.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  padding-block: 3.125rem;
  margin-top: 3.9375rem;
}
.hero__inner {
  max-width: 75rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
}
@media screen and (max-width: 767.98px) {
  .hero__inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 0rem;
  }
}
.hero__content {
  max-width: 54%;
}
@media (max-width: 767.98px) {
  .hero__content {
    max-width: 100%;
    display: contents;
  }
}
.hero__content .hero__logo-wrapper {
  display: flex;
  gap: 1.25rem;
}
@media screen and (max-width: 767.98px) {
  .hero__content .hero__logo-wrapper {
    order: -4;
    margin-bottom: 0.5em;
  }
  .hero__content .hero__logo-wrapper img:nth-of-type(1) {
    width: calc(62% - 1.25rem);
    height: auto;
  }
  .hero__content .hero__logo-wrapper img:nth-of-type(2) {
    width: 38%;
    height: auto;
  }
}
.hero__content .hero__heading {
  font-size: calc(5.9466666667vw);
  line-height: 1.3;
  letter-spacing: 0.08em;
  font-weight: bold;
  margin-bottom: 0.3em;
}
@media (min-width: 768px) {
  .hero__content .hero__heading {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 767.98px) {
  .hero__content .hero__heading {
    order: -3;
  }
}
.hero__content .hero__description {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 2em;
  font-weight: 500;
}
@media screen and (max-width: 767.98px) {
  .hero__content .hero__description {
    font-size: calc(3.2vw);
    order: -2;
  }
}
.hero__buttons {
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 767.98px) {
  .hero__buttons {
    flex-direction: column;
    gap: calc(4.8vw);
    width: 100%;
    margin-top: calc(6.4vw);
  }
}
.hero__buttons .button {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 1.125rem;
  min-width: 17.5rem;
  text-align: center;
  padding: 0.6em;
  line-height: 1.33;
}
@media (max-width: 767.98px) {
  .hero__buttons .button {
    width: 100%;
    font-size: calc(4.2133333333vw);
    min-width: initial;
    text-align: left;
    padding-block: 0.8em;
  }
}
.hero__image {
  align-self: flex-end;
  margin-bottom: -1rem;
}
@media (max-width: 767.98px) {
  .hero__image {
    order: -1;
    align-self: initial;
    text-align: center;
    width: 100%;
  }
}
.hero__image img {
  width: 25rem;
  height: auto;
}
@media (max-width: 767.98px) {
  .hero__image img {
    width: 70%;
    max-width: 25rem;
  }
}

.issues {
  padding: 5rem 0;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #cccccc 100%);
}
.issues__title {
  font-size: calc(6.6666666667vw);
  color: #444;
  font-weight: bold;
  margin-bottom: calc(10.6666666667vw);
  text-align: center;
}
@media (min-width: 768px) {
  .issues__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .issues__title {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 767.98px) {
  .issues__title {
    line-height: 1.5;
  }
}
.issues__title .issues__highlight {
  color: #002C60;
  text-decoration: underline;
  text-underline-offset: 0.75rem;
}
.issues__list {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
@media (max-width: 767.98px) {
  .issues__list {
    flex-direction: column;
    gap: calc(13.8666666667vw);
  }
}
.issues__item {
  max-width: 15rem;
  text-align: center;
}
@media (max-width: 767.98px) {
  .issues__item {
    max-width: initial;
  }
}
.issues__text {
  border-radius: 0.75rem;
  background: #fff;
  color: #444;
  padding: 2.75rem 1.25rem;
  box-shadow: 0 0.25rem 0 rgba(0, 0, 0, 0.25);
  font-size: calc(4.2666666667vw);
  margin-bottom: 0.25rem;
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .issues__text {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .issues__text {
    min-width: 15.625rem;
  }
}
.issues__icon {
  margin-bottom: 0.25rem;
}
.issues__label {
  background-color: #002d5f;
  color: #fff;
  padding: 1rem 1.25rem;
  font-weight: bold;
  font-size: calc(4.2666666667vw);
  line-height: 1.55;
  width: 86%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .issues__label {
    font-size: 1.125rem;
  }
}

.feature {
  padding-block: 5rem;
}
.feature__text, .feature__note p {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1.25rem;
}
.feature__heading {
  font-size: calc(5.0666666667vw);
  font-weight: bold;
  color: #002C60;
  margin-top: calc(10.6666666667vw);
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .feature__heading {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .feature__heading {
    margin-top: 3.75rem;
  }
}
.feature__text-wrapper {
  border-left: 6px solid #002C60;
  background-color: #F6F6F7;
  padding: 1.5rem 2.125rem;
  margin-bottom: 2em;
}
@media (max-width: 767.98px) {
  .feature__text-wrapper {
    margin-bottom: calc(10.1333333333vw);
  }
}
.feature__text-wrapper h4 {
  font-size: calc(4.5333333333vw);
  font-weight: bold;
  margin-bottom: 0.98em;
}
@media (min-width: 768px) {
  .feature__text-wrapper h4 {
    font-size: 1.125rem;
  }
}
.feature__text-wrapper .feature__text {
  font-size: calc(4.5333333333vw);
  font-weight: 500;
}
@media (min-width: 768px) {
  .feature__text-wrapper .feature__text {
    font-size: 1.125rem;
  }
}
.feature__text-wrapper .feature__text strong {
  font-size: calc(4.5333333333vw);
  color: #AD001F;
}
@media (min-width: 768px) {
  .feature__text-wrapper .feature__text strong {
    font-size: 1.125rem;
  }
}
.feature__subheading {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.feature__table-wrapper {
  overflow-x: auto;
  margin-bottom: 2em;
}
@media (max-width: 767.98px) {
  .feature__table-wrapper {
    margin-bottom: calc(10.1333333333vw);
  }
}
.feature__table-title {
  font-size: calc(4.5333333333vw);
  font-weight: bold;
  margin-bottom: 0.98em;
}
@media (min-width: 768px) {
  .feature__table-title {
    font-size: 1.125rem;
  }
}
.feature__table, .feature__reason-table {
  width: 100%;
  border-collapse: collapse;
}
.feature__table th,
.feature__table td, .feature__reason-table th,
.feature__reason-table td {
  min-width: 6em;
  border-bottom: 1px solid #ACACAC;
  padding: 0.875rem;
  text-align: center;
  font-size: calc(4.2666666667vw);
}
@media (min-width: 768px) {
  .feature__table th,
  .feature__table td, .feature__reason-table th,
  .feature__reason-table td {
    font-size: 1rem;
  }
}
.feature__table th span,
.feature__table td span, .feature__reason-table th span,
.feature__reason-table td span {
  font-size: calc(3.4666666667vw);
}
@media (min-width: 768px) {
  .feature__table th span,
  .feature__table td span, .feature__reason-table th span,
  .feature__reason-table td span {
    font-size: 0.8125rem;
  }
}
.feature__table th strong,
.feature__table td strong, .feature__reason-table th strong,
.feature__reason-table td strong {
  font-weight: bold;
  color: #AD001F;
}
.feature__table th:not(:last-of-type),
.feature__table td:not(:last-of-type), .feature__reason-table th:not(:last-of-type),
.feature__reason-table td:not(:last-of-type) {
  border-right: 1px solid rgba(255, 255, 255, 0.2274509804);
}
.feature__table th:first-of-type,
.feature__table td:first-of-type, .feature__reason-table th:first-of-type,
.feature__reason-table td:first-of-type {
  text-align: left;
}
.feature__table th, .feature__reason-table th {
  background-color: #f4f4f4;
  font-weight: 400;
}
.feature__table thead th,
.feature__table thead td, .feature__reason-table thead th,
.feature__reason-table thead td {
  background: #002C60;
  color: #fff;
}
.feature__table tbody tr:nth-of-type(odd) th,
.feature__table tbody tr:nth-of-type(odd) td, .feature__reason-table tbody tr:nth-of-type(odd) th,
.feature__reason-table tbody tr:nth-of-type(odd) td {
  background: #F6F6F7;
}
.feature__table tbody tr:nth-of-type(even) th,
.feature__table tbody tr:nth-of-type(even) td, .feature__reason-table tbody tr:nth-of-type(even) th,
.feature__reason-table tbody tr:nth-of-type(even) td {
  background: #E8E8E8;
}
.feature__reason-table th,
.feature__reason-table td {
  padding: 1.25rem;
  text-align: left;
}
.feature__table tbody tr:first-of-type th,
.feature__table tbody tr:first-of-type td {
  background: #DEEFFF;
}
.feature__performance {
  margin-top: 2.5rem;
}
.feature__performance-wrapper {
  background: #F6F6F7;
  padding: 2.5rem 4.1875rem;
}
@media (max-width: 767.98px) {
  .feature__performance-wrapper {
    padding: 5em 2em;
  }
}
.feature__performance-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2.25rem;
}
@media (max-width: 767.98px) {
  .feature__performance-cards {
    gap: 2.4em;
  }
}
.feature__card {
  flex: 1 1 30%;
  background-color: #fff;
  padding: 1.5rem;
  text-align: center;
  border-radius: 0.75rem;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 767.98px) {
  .feature__card {
    width: 100%;
    flex: initial;
    padding-inline: calc(5.3333333333vw);
  }
}
.feature__card-label {
  display: block;
  font-size: calc(4.2666666667vw);
  font-weight: 500;
  margin-bottom: 0.72em;
}
@media (min-width: 768px) {
  .feature__card-label {
    font-size: 1.125rem;
  }
}
.feature__card-value {
  font-family: "Roboto" sans-serif;
  font-weight: bold;
  color: #002C60;
  font-size: calc(7.4666666667vw);
  display: block;
  margin-bottom: calc(2.1333333333vw);
}
@media (min-width: 768px) {
  .feature__card-value {
    font-size: 2.75rem;
  }
}
@media (min-width: 768px) {
  .feature__card-value {
    margin-bottom: 0.5rem;
  }
}
.feature__card-description {
  font-size: calc(3.4666666667vw);
  font-weight: 500;
  color: #525B5C;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .feature__card-description {
    font-size: 1rem;
  }
}
.feature__note {
  margin-top: 2.25rem;
}
.feature__note h4 {
  font-size: calc(4.2666666667vw);
  font-weight: bold;
  margin-bottom: 0.98em;
}
@media (min-width: 768px) {
  .feature__note h4 {
    font-size: 1.125rem;
  }
}
.feature__note p {
  font-weight: 500;
  font-size: calc(4.2666666667vw);
  margin-bottom: 2em;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .feature__note p {
    font-size: 1.125rem;
  }
}
.feature__note p strong {
  font-weight: bold;
  color: #AD001F;
}
.feature__comparison {
  width: 100%;
  background: #fff;
  border-radius: 0.75rem;
  padding: 1.875rem 7.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767.98px) {
  .feature__comparison {
    padding: 4em 1.5rem;
  }
}
.feature__comparison h5 {
  text-align: center;
  font-size: calc(4.2666666667vw);
  font-weight: bold;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .feature__comparison h5 {
    font-size: 1rem;
  }
}
.feature__comparison-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media (max-width: 767.98px) {
  .feature__comparison-wrapper {
    flex-direction: column;
  }
}
.feature__comparison .feature__image {
  flex: 1;
}
.feature__comparison .feature__image img {
  max-width: initial;
  display: block;
}
@media (max-width: 767.98px) {
  .feature__comparison .feature__image img {
    width: 100%;
    height: auto;
    max-width: 18.75rem;
    margin-inline: auto;
  }
}
.feature__comparison .feature__image figcaption {
  text-align: center;
  margin-top: 1em;
  font-size: calc(4.2666666667vw);
}
@media (min-width: 768px) {
  .feature__comparison .feature__image figcaption {
    font-size: 1rem;
  }
}

.contact {
  background-color: #002d5f;
  color: #fff;
  padding-block: 5rem;
}
.contact .footer__middle {
  padding: 0;
}
.contact__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media (max-width: 767.98px) {
  .contact__cards {
    grid-template-columns: 1fr;
  }
}
.contact__card {
  background: #fff;
  color: #000;
  padding: 2.3125rem 1.875rem;
  flex: 1 1 18.75rem;
  text-align: center;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .contact__card {
    padding-inline: 0.75rem;
  }
}
@media (max-width: 767.98px) {
  .contact__card {
    padding-inline: 1rem;
    justify-content: center;
  }
}
.contact__card:nth-of-type(1) {
  border: 4px solid #01A2D9;
}
.contact__card:nth-of-type(2) {
  border: 4px solid #525B5C;
}
.contact__card:nth-of-type(3) {
  border: 4px solid #EA002A;
}
.contact__icon {
  text-align: center;
  margin-bottom: 1.375rem;
}
.contact__card-title {
  font-size: calc(4.8vw);
  font-weight: bold;
  color: #01A2D9;
  margin-bottom: 0.7em;
}
@media (min-width: 768px) {
  .contact__card-title {
    font-size: 1.48125rem;
  }
}
.contact__card-text {
  font-size: calc(4vw);
  line-height: 1.55;
  margin-bottom: 1.1em;
  font-weight: 500;
}
@media (min-width: 768px) {
  .contact__card-text {
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .contact__card-text {
    font-size: 0.925rem;
  }
}
.contact .button {
  font-size: calc(4.1333333333vw);
  width: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .contact .button {
    font-size: 1.1875rem;
  }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .contact .button {
    font-size: 1.025rem;
  }
}
.contact .button span {
  font-size: calc(3.7333333333vw);
  border: 1px solid #fff;
  width: -moz-max-content;
  width: max-content;
  flex-shrink: 0;
  padding: 2px 3px 3px 4px;
  margin-left: 0.25rem;
}
@media (min-width: 768px) {
  .contact .button span {
    font-size: 0.9375rem;
  }
}

.reason {
  text-align: center;
  padding-block: 5rem;
}
.reason__items {
  display: flex;
  justify-content: center;
  gap: 1.625rem;
  flex-wrap: wrap;
  margin-top: 2em;
}
@media (max-width: 767.98px) {
  .reason__items {
    flex-direction: column;
    gap: calc(6.4vw);
  }
}
@media (max-width: 767.98px) and (min-width: 768px) {
  .reason__items {
    gap: 1.5rem;
  }
}

.reason-card {
  background: #fff;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
  flex: 1;
}
.reason-card__icon {
  padding-block: calc(6.4vw);
  background-color: #002e5d;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .reason-card__icon {
    padding-block: 2.0625rem;
  }
}
.reason-card__text-wrapper {
  padding: calc(5.8666666667vw);
}
@media (min-width: 768px) {
  .reason-card__text-wrapper {
    padding: 1.875rem;
  }
}
.reason-card__title {
  font-size: calc(4.8vw);
  font-weight: bold;
  line-height: 1.63;
  margin-bottom: 1em;
  color: #002e5d;
}
@media (min-width: 768px) {
  .reason-card__title {
    font-size: 1.375rem;
  }
}
.reason-card__description {
  text-align: left;
  font-size: calc(4vw);
  font-weight: 500;
  margin-bottom: 0.8em;
  line-height: 1.62;
}
@media (min-width: 768px) {
  .reason-card__description {
    font-size: 1rem;
  }
}

.usecase {
  text-align: center;
  padding-block: 5rem;
}
.usecase__list {
  display: flex;
  flex-direction: column;
  gap: calc(8vw);
}
@media (min-width: 768px) {
  .usecase__list {
    gap: 2.5rem;
  }
}
.usecase__item {
  background: #fff;
  text-align: left;
  border: 2px solid #ccc;
}
.usecase__item-title {
  background: #002C60;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.08em;
  font-size: calc(4.8vw);
  padding-block: 0.72em;
}
@media (min-width: 768px) {
  .usecase__item-title {
    font-size: 1.375rem;
  }
}
.usecase__item-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2.5rem 4.8125rem;
}
@media (max-width: 767.98px) {
  .usecase__item-content {
    padding-inline: calc(6.1333333333vw);
  }
}
.usecase__item-text {
  font-size: calc(4.2666666667vw);
  line-height: 1.75;
  font-weight: 500;
}
@media (min-width: 768px) {
  .usecase__item-text {
    font-size: 1rem;
  }
}
.usecase__item-text strong {
  font-size: calc(4.5333333333vw);
  color: #AD001F;
}
@media (min-width: 768px) {
  .usecase__item-text strong {
    font-size: 1.125rem;
  }
}
.usecase__item-image {
  margin-top: calc(4.8vw);
}
.usecase__item-image.usecase__image--case1 {
  display: flex;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case1 {
    flex-direction: column;
  }
}
.usecase__item-image.usecase__image--case1 img:nth-of-type(1) {
  margin-top: 1.875rem;
  width: 40%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case1 img:nth-of-type(1) {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.usecase__item-image.usecase__image--case1 img:nth-of-type(2) {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case1 img:nth-of-type(2) {
    width: 100%;
    height: auto;
  }
}
.usecase__item-image.usecase__image--case2 {
  display: flex;
  gap: 5rem;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case2 {
    flex-direction: column;
  }
}
.usecase__item-image.usecase__image--case2 > div {
  position: relative;
  width: 30%;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case2 > div {
    width: 100%;
  }
}
.usecase__item-image.usecase__image--case2 > div img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case2 > div img {
    max-width: initial;
    width: 100%;
    height: auto;
  }
}
.usecase__item-image.usecase__image--case2 > div::after {
  display: block;
  content: "";
  width: 1.6875rem;
  height: 6.1875rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSI5OSIgdmlld0JveD0iMCAwIDI3IDk5Ij4gPHBhdGggZD0iTTQ5LjUsMCw5OSwyN0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjcpIHJvdGF0ZSg5MCkiIGZpbGw9IiNjY2MiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -15%;
  top: 13%;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case2 > div::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5OSIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDk5IDI3Ij4gPHBhdGggZD0iTTQ5LjUsMCw5OSwyN0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTkgMjcpIHJvdGF0ZSgxODApIiBmaWxsPSIjY2NjIi8+PC9zdmc+");
    width: calc(23.4666666667vw);
    height: calc(6.1333333333vw);
    top: initial;
    right: initial;
    bottom: -11%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.usecase__item-image.usecase__image--case2 > img:nth-of-type(1) {
  width: 61%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case2 > img:nth-of-type(1) {
    width: 100%;
    height: auto;
  }
}
.usecase__item-image.usecase__image--case3 img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.usecase__item-image.usecase__image--case4 {
  display: flex;
  gap: 5rem;
  position: relative;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case4 {
    flex-direction: column;
    padding-bottom: 30%;
  }
}
.usecase__item-image.usecase__image--case4 img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.usecase__item-image.usecase__image--case4 img:nth-of-type(1) {
  width: 65%;
  margin-inline: auto;
  padding-right: 5%;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case4 img:nth-of-type(1) {
    width: 100%;
  }
}
.usecase__item-image.usecase__image--case4 img:nth-of-type(2) {
  width: 18.75rem;
  position: absolute;
  bottom: 2%;
  right: 0;
}
@media (max-width: 767.98px) {
  .usecase__item-image.usecase__image--case4 img:nth-of-type(2) {
    width: 50%;
    bottom: 0;
  }
}
.usecase__bottom-wrapper {
  margin-top: 3.6em;
  border-color: #EA002A;
  border-style: solid;
  border-width: 4px 4px 10px 4px;
  display: flex;
  align-items: center;
  gap: 6rem;
  padding: 2.625rem 5.75rem;
}
@media (max-width: 767.98px) {
  .usecase__bottom-wrapper {
    flex-direction: column;
    padding-inline: 1.5rem;
    gap: 1.5rem;
  }
}
.usecase__bottom-textarea {
  width: 57%;
}
@media (max-width: 767.98px) {
  .usecase__bottom-textarea {
    width: 100%;
    display: contents;
  }
}
.usecase__bottom-textarea p {
  font-weight: bold;
  font-size: calc(4.8vw);
  text-align: left;
  letter-spacing: 0.06em;
  line-height: 1.67;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .usecase__bottom-textarea p {
    font-size: 1.5rem;
  }
}
.usecase__bottom-textarea p strong {
  font-weight: bold;
  color: #EA002A;
}
@media (max-width: 767.98px) {
  .usecase__bottom-textarea p {
    order: -2;
    margin-bottom: 0.2em;
  }
}
.usecase__bottom-textarea .button {
  display: flex;
  font-size: calc(4.8vw);
  letter-spacing: 0.05em;
  width: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .usecase__bottom-textarea .button {
    font-size: 1.375rem;
  }
}
.usecase__bottom-image {
  width: 43%;
}
@media (max-width: 767.98px) {
  .usecase__bottom-image {
    width: 100%;
    order: -1;
  }
}

.voices {
  padding-block: 5rem;
  text-align: center;
}
.voices__cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 3em;
}
@media (min-width: 768px) {
  .voices__cards {
    flex-direction: row;
    justify-content: center;
  }
}

.voice-card {
  background: #fff;
  padding: 2.5rem 2.5rem 3.75rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  text-align: left;
  flex: 1;
}
.voice-card__icon {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .voice-card__icon {
    margin-left: 1.875rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-card__icon img {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.voice-card__title {
  font-size: calc(4.8vw);
  font-weight: bold;
  color: #003f7d;
}
@media (min-width: 768px) {
  .voice-card__title {
    font-size: 1.375rem;
  }
}
.voice-card__text {
  font-size: calc(4vw);
  font-weight: 500;
  line-height: 2;
}
@media (min-width: 768px) {
  .voice-card__text {
    font-size: 1rem;
  }
}

.product-specs {
  background-color: #eaf5ff;
  padding-block: 5.75rem;
  text-align: center;
}
.product-specs__heading {
  font-size: 1.75rem;
  font-weight: bold;
  color: #003f7d;
  margin-bottom: 2rem;
}
.product-specs__table {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
}
.product-specs__table .toggle-wrapper {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  will-change: height;
}
.product-specs__table .toggle-wrapper > tr > td {
  padding: 0;
}
.product-specs__table .toggle-inner {
  margin-top: -1px;
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
  will-change: height;
}
.product-specs__table th,
.product-specs__table td {
  padding: 1rem 1.5rem;
  border: 1px solid rgba(221, 221, 221, 0.6509803922);
  font-size: calc(4.2666666667vw);
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  line-height: 1.44;
}
@media (min-width: 768px) {
  .product-specs__table th,
  .product-specs__table td {
    font-size: 1.125rem;
  }
}
.product-specs__table th {
  background-color: #002C60;
  color: #fff;
  width: 30%;
  font-weight: normal;
}
.product-specs__table td {
  background-color: #fff;
}
.product-specs__image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
}
.product-specs__toggle {
  display: block;
  width: 100%;
  background: #ccc;
  border: none;
  font-size: 1.5rem;
  padding: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
  text-align: right;
}
.product-specs__toggle:hover {
  background: #bbb;
}
.product-specs__toggle-icon {
  display: inline-block;
}

.flow {
  padding-block: 4rem;
  text-align: center;
}
.flow__steps {
  display: flex;
  flex-direction: column;
  gap: calc(4.8vw);
}
@media (min-width: 768px) {
  .flow__steps {
    gap: 1.625rem;
    flex-direction: row;
    justify-content: center;
  }
}
.flow__step {
  background: #fff;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
  width: 100%;
  text-align: center;
  padding-bottom: 3.0625rem;
  position: relative;
}
@media (min-width: 768px) {
  .flow__step {
    flex: 1;
  }
}
.flow__step:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 1.375rem;
  height: 3.75rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDIyIDYwIj4gPHBhdGggZD0iTTMwLDAsNjAsMjJIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyKSByb3RhdGUoOTApIiBmaWxsPSIjMDAyYzYwIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -1.375rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) {
  .flow__step:not(:last-of-type)::after {
    width: calc(13.8666666667vw);
    height: calc(4.2666666667vw);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDYwIDIyIj4gPHBhdGggZD0iTTMwLDAsNjAsMjJIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwIDIyKSByb3RhdGUoMTgwKSIgZmlsbD0iIzAwMmM2MCIvPjwvc3ZnPg==");
    top: initial;
    right: 35%;
    bottom: calc(-4.2666666667vw);
    transform: translateX(-50%);
    z-index: 1;
  }
}
.flow__step-header {
  background: #d9e9f7;
  font-family: "Roboto";
  color: #003f7d;
  font-weight: 500;
  font-size: calc(4.8vw);
  padding: 1rem 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .flow__step-header {
    font-size: 1.375rem;
  }
}
.flow__icon {
  margin-bottom: 1.2em;
}
.flow__description {
  font-size: calc(4.8vw);
  font-weight: bold;
  color: #002C60;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .flow__description {
    font-size: 1.375rem;
  }
}

.faq {
  padding-block: 4rem;
  background: #fff;
  text-align: left;
}
.faq__item {
  border: 2px solid #ccc;
  padding: 2.5rem 3.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .faq__item {
    padding-inline: 1.5rem;
  }
}
.faq__question {
  font-size: calc(4.5333333333vw);
  display: flex;
  align-items: baseline;
  font-weight: 500;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .faq__question {
    font-size: 1.375rem;
  }
}
@media (max-width: 767.98px) {
  .faq__question {
    align-items: flex-start;
  }
}
.faq__answer {
  font-size: calc(4.8vw);
  font-weight: bold;
  display: flex;
  align-items: baseline;
  line-height: 1.3;
  color: #002C60;
  font-weight: bold;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .faq__answer {
    font-size: 1.625rem;
  }
}
@media (max-width: 767.98px) {
  .faq__answer {
    align-items: flex-start;
  }
}
.faq__q-label, .faq__a-label {
  font-family: "Roboto";
  display: grid;
  place-items: center;
  font-weight: 500;
  font-size: 1.8125rem;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 1.125rem;
  flex-shrink: 0;
}
.faq__q-label {
  background-color: #eee;
}
.faq__a-label {
  background-color: #002C60;
  color: #fff;
}

.other {
  padding-block: 4rem;
}
@media (max-width: 767.98px) {
  .other .section__label {
    font-size: calc(4.0533333333vw);
  }
}
@media (max-width: 767.98px) {
  .other .section__title {
    font-size: calc(5.3333333333vw);
  }
}/*# sourceMappingURL=style-new.css.map */