@charset "UTF-8";
@media (min-width: 768px) {
  .pcbr {
    display: block;
  }
  .spbr {
    display: none;
  }
}
@media (max-width: 768px) {
  .spbr {
    display: block;
  }
  .pcbr {
    display: none;
  }
}
:root {
  --blue: #0f1ed2;
  --sky: #2a69ff;
  --gray1: #eff2f6;
  --gray2: #d9dfe9;
  --gray3: #c5ccd9;
  --gray7: #6b7387;
  --gray10: #282d3c;
  --bluegrad: linear-gradient(to right, var(--blue), var(--sky));
  --bluegrad--reverse: linear-gradient(to left, var(--blue), var(--sky));
  --bluegrad--top: linear-gradient(var(--blue), var(--sky));
  --graygrad: linear-gradient(var(--gray2), var(--blue));
  --blockradius: 16px;
  --tabcalc: 1200 * 100vw;
  --spcalc: 375 * 100vw;
  --spblockradius: min(calc(8/var(--spcalc)), 8px);
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

#nf-specialcontents {
  color: var(--gray10);
  letter-spacing: 0.05em;
  line-height: 1.7;
  font-weight: bold;
}
:where(#nf-specialcontents) *:where(:not(iframe, canvas, img, svg, video, audio):not(svg *, symbol *):not(:focus-visible)) {
  all: unset;
  display: revert;
}
:where(#nf-specialcontents) :where(*, *::before, *::after) {
  box-sizing: border-box;
}
:where(#nf-specialcontents) :where(ol, ul, menu, summary) {
  list-style: none;
}
:where(#nf-specialcontents) ol {
  counter-reset: revert;
}
:where(#nf-specialcontents) img {
  max-inline-size: 100%;
  max-block-size: 100%;
}
:where(#nf-specialcontents) table {
  border-collapse: collapse;
}
:where(#nf-specialcontents) textarea {
  white-space: revert;
}
:where(#nf-specialcontents) meter {
  -webkit-appearance: revert;
  appearance: revert;
}
:where(#nf-specialcontents) :where(pre) {
  all: revert;
  box-sizing: border-box;
}
:where(#nf-specialcontents) ::placeholder {
  color: unset;
}
:where(#nf-specialcontents) :where([hidden]) {
  display: none;
}
:where(#nf-specialcontents) :where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}
:where(#nf-specialcontents) :where([draggable=true]) {
  -webkit-user-drag: element;
}
:where(#nf-specialcontents) :where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}
:where(#nf-specialcontents) ::-webkit-details-marker {
  display: none;
}
:where(#nf-specialcontents) a {
  color: var(--gray10);
  text-decoration: none;
  transition: 0.25s;
}

.button {
  border-radius: 90px;
  background: #fff;
  padding-block: 12px;
  padding-inline: min(16 / var(--tabcalc), 16px) min(24 / var(--tabcalc), 24px);
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--blue);
  position: relative;
  letter-spacing: 0.01em;
}
.button::after {
  content: "";
  display: block;
  background: url(../images/icon-arrow.svg) no-repeat center center/contain;
  width: 14px;
  height: 14px;
  margin-inline: 12px 0;
  position: relative;
  transition: 0.25s all;
  right: 0;
}
@media (min-width: 768px) {
  .button:hover {
    opacity: 0.8;
  }
  .button:hover::after {
    right: -0.25em;
  }
}
.button.grad-button {
  background: var(--bluegrad);
  color: #fff;
}
.button.grad-button::after {
  background: url(../images/icon-arrow--white.svg) no-repeat center center/contain;
}
@media (max-width: 768px) {
  .button {
    padding-block: min(8 / var(--spcalc), 8px);
    padding-inline: min(8 / var(--spcalc), 8px) min(24 / var(--spcalc), 24px);
  }
  .button::after {
    width: min(15 / var(--spcalc), 15px);
    height: min(15 / var(--spcalc), 15px);
  }
}

.button-balloon {
  margin-block: 0 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-balloon::before, .button-balloon::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 1px;
}
.button-balloon::before {
  transform: rotate(-120deg);
}
.button-balloon::after {
  transform: rotate(-60deg);
}
@media (max-width: 768px) {
  .button-balloon {
    margin-block: 0 calc(8 / var(--spcalc));
    font-size: min(16 / var(--spcalc), 16px);
  }
  .button-balloon::before, .button-balloon::after {
    width: min(32 / var(--spcalc), 32px);
  }
}

.sect-title {
  font-size: 40px;
  line-height: 1.7;
  margin-block: 0 64px;
  text-align: center;
}
.sect-title--vivid {
  color: var(--blue);
}
.sect-title--vivid.sect-title--big {
  font-size: 1.6em;
}
@media (max-width: 768px) {
  .sect-title {
    font-size: min(22 / var(--spcalc), 22px);
    margin-block: 0 min(32 / var(--spcalc), 32px);
  }
  .sect-title--big {
    font-size: min(28 / var(--spcalc), 28px);
    line-height: 1;
  }
}

.mv {
  background: var(--bluegrad);
}
.mv__product {
  background: var(--gray1);
  height: 64px;
  padding-block: 8px;
}
.mv__product__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.mv__product__logo {
  height: inherit;
  margin: 0;
}
:where(.mv__product__logo) img {
  display: block;
  height: inherit;
}
.mv__product__button {
  padding: 12px 32px;
  border: 1px solid var(--blue);
  color: var(--blue);
}
.mv__product__button::after {
  width: 11px;
  height: 11px;
}
@media (max-width: 768px) {
  .mv__product {
    height: min(50 / var(--spcalc), 50px);
    padding: min(12 / var(--spcalc), 12px) min(20 / var(--spcalc), 20px);
  }
  .mv__product__button {
    background: initial;
    border: none;
    font-size: min(14 / var(--spcalc), 14px);
    padding: 0;
  }
}
.mv__main {
  background: url(../images/mv__bg.png) no-repeat center center/cover;
  height: 600px;
}
.mv__main__inner {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.mv__main__copy {
  font-size: 16px;
}
.mv__main__copy__category {
  background: #fff;
  padding: 8px 16px;
  font-size: 20px;
  width: fit-content;
}
.mv__main__copy__catch {
  color: var(--blue);
  line-height: 1.5;
  font-size: 48px;
  margin-block: 24px;
}
.mv__main__copy__catch__grad {
  font-size: 56px;
  background: var(--bluegrad);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mv__main__copy__catch__grad.grad--reverse {
  background: var(--bluegrad--reverse);
  background-clip: text;
}
.mv__main__copy__body {
  line-height: 2;
}
.mv__main__emblem {
  width: 234px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
:where(.mv__main__emblem) img {
  width: 100%;
}
@media (max-width: 768px) {
  .mv__main {
    height: fit-content;
    padding: calc(24 / var(--spcalc)) 10px;
    background: url(../images/mv__bg--sp.png) no-repeat center bottom/cover;
  }
  .mv__main__inner {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .mv__main__copy__category {
    padding: calc(4 / var(--spcalc)) calc(8 / var(--spcalc));
    font-size: min(16 / var(--spcalc), 16px);
  }
  .mv__main__copy__catch {
    font-size: min(28 / var(--spcalc), 28px);
  }
  .mv__main__copy__catch__grad {
    font-size: min(36 / var(--spcalc), 36px);
  }
  .mv__main__copy__body {
    font-size: min(14 / var(--spcalc), 14px);
  }
  .mv__main__emblem {
    width: min(234 / var(--spcalc), 234px);
    position: static;
  }
}
.mv__link {
  padding: 32px;
  text-align: center;
}
.mv__link__box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-inline: 32px;
  gap: 0 40px;
}
.mv__link__list {
  min-width: 400px;
}
@media (max-width: 992px) {
  .mv__link__list {
    min-width: initial;
    width: 47.619047619vw;
  }
}
.mv__link__balloon {
  color: #fff;
}
.mv__link__balloon::before, .mv__link__balloon::after {
  background: #fff;
}
.mv__link__button {
  height: 80px;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
}
.mv__link__button::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  background: var(--blue);
}
.mv__link__button.button--download::before {
  background: url(../images/icon-download.svg) no-repeat center center/16px 16px, var(--blue);
}
.mv__link__button.button--contact::before {
  background: url(../images/icon-contact.svg) no-repeat center center/20px 16px, var(--blue);
}
@media (max-width: 768px) {
  .mv__link {
    padding: calc(32 / var(--spcalc)) calc(20 / var(--spcalc));
  }
  .mv__link__box {
    flex-direction: column;
    gap: calc(24 / var(--spcalc)) 0;
    align-items: center;
    padding: 0;
  }
  .mv__link__list {
    width: 100%;
  }
  .mv__link__button {
    height: min(60 / var(--spcalc), 60px);
    font-size: min(18 / var(--spcalc), 18px);
  }
  .mv__link__button::before {
    width: min(40 / var(--spcalc), 44px);
    height: min(40 / var(--spcalc), 44px);
  }
}

.movie {
  padding-block: 80px 120px;
}
.movie__cont {
  background: var(--gray1);
  border-radius: var(--blockradius);
  max-width: 820px;
  width: 100%;
  padding: 24px;
}
.movie__cont.mod-media-video > .outer {
  max-width: 768px;
}
@media (max-width: 768px) {
  .movie {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .movie__cont {
    max-width: calc(335 / var(--spcalc));
    padding: min(24 / var(--spcalc), 24px);
    border-radius: var(--spblockradius);
  }
}

.solution {
  background: var(--gray1);
  padding-block: 120px;
}
.solution__box {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}
.solution__list {
  width: min(33.3333333333%, 380px);
  height: auto;
}
.solution__cont {
  background: #fff;
  min-height: 460px;
  border-radius: var(--blockradius);
  border: 1px solid var(--gray2);
  padding: 36px 16px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.solution__cont.issue {
  margin-block: 0 60px;
  position: relative;
}
.solution__cont.issue::after {
  content: "";
  display: block;
  width: 45px;
  height: 60px;
  margin: 0 auto;
  background: url(../images/solution__arrow.svg) no-repeat top center/contain;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
}
:where(.solution__cont.issue) .issue__number {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
  font-size: 40px;
  color: var(--blue);
  top: -0.85em;
}
.solution__cont.resolve {
  border: 3px solid var(--blue);
}
:where(.solution__cont.resolve) .solution-title {
  color: var(--blue);
}
.solution__title {
  font-size: 22px;
  text-align: center;
  display: flex;
  flex-grow: 1;
  margin-block: 0 12px;
  justify-content: center;
  align-items: center;
}
.solution__image, .solution__text {
  padding-inline: 24px;
}
.solution__image {
  max-width: 295px;
  margin: 0 auto;
}
.solution__text {
  font-size: 16px;
  font-weight: normal;
}
.solution__arrow {
  width: fit-content;
  height: fit-content;
  margin: 0 auto;
}
:where(.solution__arrow) img {
  display: block;
}
@media (max-width: 768px) {
  .solution {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .solution__box {
    flex-direction: column;
    gap: min(56 / var(--spcalc), 56px) 0;
  }
  .solution__list {
    width: 100%;
  }
  .solution__cont {
    max-height: min(388 / var(--spcalc), 388px);
    padding: min(24 / var(--spcalc), 24px);
    border-radius: var(--spblockradius);
    min-height: initial;
  }
  .solution__cont.issue {
    margin-block: min(16 / var(--spcalc), 16px) min(44 / var(--spcalc), 44px);
  }
  :where(.solution__cont.issue) .issue__number {
    font-size: min(32 / var(--spcalc), 32px);
  }
  .solution__cont.issue::after {
    width: min(30 / var(--spcalc), 30px);
    height: min(42 / var(--spcalc), 42px);
    bottom: max(-42 / var(--spcalc), -42px);
  }
  .solution__title {
    font-size: min(20 / var(--spcalc), 20px);
    min-height: 3.4em;
    margin-block: 0 min(8 / var(--spcalc), 8px);
  }
  .solution__image, .solution__text {
    padding: 0;
  }
  .solution__image {
    width: min(287 / var(--spcalc), 287px);
  }
  .solution__text {
    font-size: min(14 / var(--spcalc), 14px);
  }
}

.eyecatch {
  background: var(--bluegrad);
  padding-block: 80px;
}
.eyecatch__title {
  color: #fff;
  font-size: 32px;
  margin-block: 0 104px;
  text-align: center;
}
.eyecatch__box {
  background: #fff;
  border-radius: var(--blockradius);
  padding-block: min(32 / var(--tabcalc), 32px);
  display: flex;
  justify-content: space-between;
}
.eyecatch__list {
  position: relative;
  width: 33.3333333333%;
  padding-block: min(88 / var(--tabcalc), 88px) 0;
  padding-inline: min(32 / var(--tabcalc), 32px);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.eyecatch__list:not(:last-of-type) {
  border-right: 1px solid var(--gray2);
}
.eyecatch__list::before {
  content: "";
  width: min(132 / var(--tabcalc), 132px);
  height: min(132 / var(--tabcalc), 132px);
  background: var(--gray1);
  box-shadow: 0 0 16px 0 rgba(40, 45, 60, 0.1);
  display: block;
  position: absolute;
  top: max(-96 / var(--tabcalc), -96px);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
  z-index: 1;
}
.eyecatch__list.eyecatch--document::before {
  background: url(../images/icon-docs--blue.svg) no-repeat center center/54px 43px, var(--gray1);
}
.eyecatch__list.eyecatch--contact::before {
  background: url(../images/icon-contact--blue.svg) no-repeat center center/53px 54px, var(--gray1);
}
.eyecatch__list__title {
  font-size: 24px;
  margin-block: 0 12px;
}
.eyecatch__list__balloon::before, .eyecatch__list__balloon::after {
  background: var(--gray10);
}
.eyecatch__list__button {
  max-width: 320px;
  width: 100%;
  margin: auto auto 0;
  padding: min(16 / var(--tabcalc), 16px) min(32 / var(--tabcalc), 32px);
  justify-content: center;
}
@media (max-width: 992px) {
  .eyecatch__list__button {
    font-size: 14px;
  }
}
.eyecatch__list__button:not(.grad-button) {
  border: 1px solid var(--blue);
}
@media (max-width: 768px) {
  .eyecatch {
    padding-block: min(40 / var(--spcalc), 40px);
  }
  .eyecatch__title {
    font-size: min(20 / var(--spcalc), 20px);
    margin-block: 0 min(16 / var(--spcalc), 16px);
  }
  .eyecatch__box {
    flex-direction: column;
    padding-inline: min(24 / var(--spcalc), 24px);
    border-radius: var(--spblockradius);
  }
  .eyecatch__list {
    width: 100%;
    padding-block: min(16 / var(--spcalc), 16px);
    padding-inline: 0;
  }
  .eyecatch__list:not(:last-of-type) {
    border-right: none;
    border-bottom: 1px solid var(--gray2);
  }
  .eyecatch__list::before {
    display: none;
  }
  .eyecatch__list__title {
    position: relative;
    font-size: min(18 / var(--spcalc), 18px);
    margin-block: 0 min(8 / var(--spcalc), 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(12 / var(--spcalc), 12px);
  }
  .eyecatch__list__title::before {
    content: "";
    display: block;
    width: min(48 / var(--spcalc), 48px);
    height: min(48 / var(--spcalc), 48px);
    background: var(--gray1);
    border-radius: 50%;
  }
  :where(.eyecatch--document) .eyecatch__list__title::before {
    background: url(../images/icon-docs--blue.svg) no-repeat center center/min(16 / var(--spcalc), 16px) min(20 / var(--spcalc), 20px), var(--gray1);
  }
  :where(.eyecatch--contact) .eyecatch__list__title::before {
    background: url(../images/icon-contact--blue.svg) no-repeat center center/min(20 / var(--spcalc), 20px) min(16 / var(--spcalc), 16px), var(--gray1);
  }
  .eyecatch__list__button {
    font-size: min(16 / var(--spcalc), 16px);
    padding-block: min(12 / var(--spcalc), 12px);
  }
}

.costcut {
  padding-block: 144px;
}
.costcut__box {
  display: flex;
  justify-content: center;
  gap: 0 76px;
  color: #fff;
  text-align: center;
}
.costcut__list {
  background: var(--bluegrad--top);
  width: 320px;
  height: 320px;
  border-radius: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
}
@media screen and (max-width: 1132px) {
  .costcut__list {
    width: calc(320 / var(--tabcalc));
    height: calc(320 / var(--tabcalc));
  }
}
.costcut__list:not(:last-of-type)::before {
  content: "";
  width: 59px;
  height: 44px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -70px;
  display: block;
  background: url(../images/costcut__arrow.svg) no-repeat center center/contain;
}
.costcut__list__subtitle {
  font-size: 16px;
  color: var(--gray10);
  background: #fff;
  padding: min(4 / var(--tabcalc), 4px) min(12 / var(--tabcalc), 12px);
  margin-block: min(48 / var(--tabcalc), 48px) min(8 / var(--tabcalc), 8px);
}
@media (max-width: 992px) {
  .costcut__list__subtitle {
    font-size: 14px;
  }
}
.costcut__list__title, .costcut__list__image {
  flex-grow: 1;
}
@media (max-width: 992px) {
  .costcut__list__title {
    font-size: 16px;
  }
}
.costcut__list__image {
  width: min(195px, 195 / var(--tabcalc));
}
@media (max-width: 768px) {
  .costcut {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .costcut__box {
    flex-direction: column;
    align-items: center;
    gap: min(44 / var(--spcalc), 44px);
  }
  .costcut__list {
    width: min(270 / var(--spcalc), 270px);
    height: min(270 / var(--spcalc), 270px);
    gap: min(8 / var(--spcalc), 8px) 0;
  }
  .costcut__list:not(:last-of-type)::before {
    transform: rotate(90deg);
    top: initial;
    bottom: max(-36 / var(--spcalc), -36px);
    left: 0;
    right: 0;
    margin: 0 auto;
    height: min(30 / var(--spcalc), 30px);
    width: min(42 / var(--spcalc), 42px);
  }
  .costcut__list__subtitle {
    font-size: min(14 / var(--spcalc), 14px);
    margin-block: min(36 / var(--spcalc), 36px) 0;
  }
  .costcut__list__title {
    font-size: min(18 / var(--spcalc), 18px);
    flex-grow: initial;
  }
  .costcut__list__image {
    width: initial;
    height: min(80 / var(--spcalc), 80px);
  }
}

.point {
  background: var(--gray1);
  padding-block: 104px 136px;
}
.point__box {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.point__list {
  display: flex;
  border-radius: var(--blockradius);
  background: #fff;
  border: 1px solid var(--gray2);
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 40px;
  gap: 0 64px;
}
.point__list:nth-of-type(even) {
  flex-direction: row-reverse;
}
.point__list__text {
  font-size: 16px;
}
.point__list__text__num {
  color: var(--blue);
  margin-block: 0 4px;
}
.point__list__text__title {
  font-size: 31px;
  margin-block: 0 24px;
}
.point__list__text__body {
  line-height: 1.8;
}
.point__list__image {
  border-radius: var(--blockradius);
  overflow: hidden;
  flex-shrink: 0;
  width: min(550 / var(--tabcalc), 550px);
}
:where(.point__list__image) img {
  display: block;
}
@media (max-width: 768px) {
  .point {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .point__box {
    gap: min(24 / var(--spcalc), 24px) 0;
  }
  .point__list {
    flex-direction: column;
    padding: min(24 / var(--spcalc), 24px);
    gap: min(16 / var(--spcalc), 16px) 0;
    border-radius: var(--spblockradius);
  }
  .point__list:nth-of-type(even) {
    flex-direction: column;
  }
  .point__list__text {
    font-size: min(14 / var(--spcalc), 14px);
    text-align: center;
  }
  .point__list__text__title {
    font-size: min(20 / var(--spcalc), 20px);
    margin-block: min(4 / var(--spcalc), 4px) min(16 / var(--spcalc), 16px);
  }
  .point__list__text__body {
    text-align: initial;
  }
  .point__list__image {
    border-radius: var(--spblockradius);
    width: 100%;
  }
}

.continue {
  padding-block: 104px 120px;
}
.continue__subtitle {
  text-align: center;
  font-size: 28px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 0 24px;
}
.continue__subtitle::before {
  content: "";
  background: url(../images/icon-comment.svg) no-repeat center bottom/contain;
  width: 27px;
  height: 27px;
  display: block;
  margin-right: 0.5em;
}
.continue__case {
  position: relative;
}
.continue__case__slider {
  background: var(--gray1);
  max-width: 940px;
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 0 40px;
  border-radius: var(--blockradius);
}
@media (max-width: 992px) {
  .continue__case__slider {
    max-width: initial;
  }
}
.continue__case__image {
  border-radius: var(--blockradius);
  overflow: hidden;
  width: min(38.2978723404vw, 360px);
  flex-shrink: 0;
}
:where(.continue__case__image) img {
  display: block;
  width: 100%;
}
.continue__case__text {
  font-size: 16px;
}
.continue__case__text__num {
  color: var(--blue);
}
.continue__case__text__title {
  font-size: 24px;
  margin-block: 4px 24px;
}
.continue__case__text__body {
  font-weight: normal;
}
:where(.continue__case) *[class^=swiper-button] {
  width: 56px;
  height: 56px;
  transition: 0.25s all;
}
@media (min-width: 768px) {
  :where(.continue__case) *[class^=swiper-button]:hover {
    opacity: 0.8;
  }
}
:where(.continue__case) *[class^=swiper-button]::before {
  content: "";
  width: 56px;
  height: 56px;
  background: url(../images/icon-arrow--round.svg) no-repeat center center/contain;
}
:where(.continue__case) *[class^=swiper-button].swiper-button-prev {
  left: calc(50% - 470px - 28px);
}
@media (min-width: 768px) {
  :where(.continue__case) *[class^=swiper-button].swiper-button-prev:hover {
    left: calc(50% - 470px - 28px - 0.25em);
  }
}
:where(.continue__case) *[class^=swiper-button].swiper-button-next {
  right: calc(50% - 470px - 28px);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  :where(.continue__case) *[class^=swiper-button].swiper-button-next:hover {
    right: calc(50% - 470px - 28px - 0.25em);
  }
}
:where(.continue__case) *[class^=swiper-button] svg {
  display: none;
}
@media (max-width: 768px) {
  .continue {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .continue__subtitle {
    font-size: min(20 / var(--spcalc), 20px);
  }
  .continue__subtitle::before {
    width: min(20 / var(--spcalc), 20px);
    height: min(20 / var(--spcalc), 20px);
    margin-block: min(24 / var(--spcalc), 24px);
  }
  .continue__case__slider {
    max-width: calc(310 / var(--spcalc));
    flex-direction: column;
    border-radius: var(--spblockradius);
    padding: min(20 / var(--spcalc), 20px);
    gap: min(16 / var(--spcalc), 16px);
    height: auto;
  }
  .continue__case__image {
    min-width: initial;
    width: calc(270 / var(--spcalc));
    border-radius: var(--spblockradius);
  }
  .continue__case__text {
    font-size: min(14 / var(--spcalc), 14px);
  }
  .continue__case__text__title {
    font-size: min(18 / var(--spcalc), 18px);
    margin-block: min(4 / var(--spcalc), 4px) min(8 / var(--spcalc), 8px);
  }
  .continue__case__text__body {
    min-height: calc(min(14 / var(--spcalc), 14px) * 3 * 1.7);
  }
  :where(.continue) *[class^=swiper-button] {
    width: min(44 / var(--spcalc), 44px);
    height: min(44 / var(--spcalc), 44px);
  }
  :where(.continue) *[class^=swiper-button]::before {
    width: min(44 / var(--spcalc), 44px);
    height: min(44 / var(--spcalc), 44px);
  }
  :where(.continue) *[class^=swiper-button].swiper-button-prev {
    left: calc(50% - 310 / var(--spcalc) / 2 - 44 / var(--spcalc) / 2);
  }
  :where(.continue) *[class^=swiper-button].swiper-button-next {
    right: calc(50% - 310 / var(--spcalc) / 2 - 44 / var(--spcalc) / 2);
  }
}

.service {
  padding-block: 120px;
  background: var(--gray1);
}
.service__box {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}
.service__cont {
  display: flex;
  flex-direction: column;
  border-radius: var(--blockradius);
  border: 1px solid;
  border-top: none;
  width: min(33.3333333333%, 380px);
  background: #fff;
}
.service__cont__plan {
  padding-block: 16px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: var(--blockradius) var(--blockradius) 0 0;
}
.service__cont__inner {
  padding: 24px 40px 40px;
}
.service__cont.plan--pro {
  border-color: var(--blue);
}
:where(.service__cont.plan--pro) .service__cont__plan {
  background: var(--blue);
}
:where(.service__cont.plan--pro) .service__cont__function__num {
  color: var(--blue);
}
.service__cont.plan--business {
  border-color: var(--sky);
}
:where(.service__cont.plan--business) .service__cont__plan {
  background: var(--sky);
}
:where(.service__cont.plan--business) .service__cont__function__num {
  color: var(--sky);
}
.service__cont.plan--enterprise {
  border-color: var(--gray3);
}
:where(.service__cont.plan--enterprise) .service__cont__plan {
  background: var(--gray3);
  color: var(--gray10);
}
.service__cont__function, .service__cont__other-function {
  display: flex;
  flex-direction: column;
  margin-block: 0 16px;
  font-size: 18px;
}
.service__cont__function {
  gap: 16px;
}
.service__cont__function__name {
  margin-block: 0 4px;
}
.service__cont__function__num {
  font-size: 32px;
}
.service__cont__other-function {
  gap: 8px;
  padding-block: 0 16px;
  border-bottom: 1px solid var(--gray2);
}
.service__cont__other-function__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service__cont__other-function__name {
  font-weight: normal;
  font-size: 14px;
}
.service__cont__major-function__title {
  font-weight: normal;
  font-size: 14px;
  margin-block: 0 4px;
}
.service__cont__major-function__list {
  list-style-type: disc;
  margin-left: 1em;
  line-height: 1.8;
}
.service__cont__major-function__sublist::before {
  content: "-";
}
@media (max-width: 768px) {
  .service {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .service__inner {
    overflow-x: scroll;
    position: relative;
    padding-bottom: min(8 / var(--spcalc), 8px);
  }
  .service__box {
    width: min(744 / var(--spcalc), 744px);
  }
  .service__cont {
    border-radius: var(--spblockradius);
  }
  .service__cont__plan {
    border-radius: var(--spblockradius) var(--spblockradius) 0 0;
    font-size: min(22 / var(--spcalc), 22px);
  }
  .service__cont__inner {
    padding: min(20 / var(--spcalc), 20px);
  }
  .service__cont__function {
    gap: min(8 / var(--spcalc), 8px);
    font-size: min(16 / var(--spcalc), 16px);
    margin-block: 0 min(8 / var(--spcalc), 8px);
  }
  .service__cont__function__num {
    font-size: min(24 / var(--spcalc), 24px);
  }
  .service__cont__other-function {
    gap: min(4 / var(--spcalc), 4px);
    font-size: min(14 / var(--spcalc), 14px);
    margin-block: 0 min(8 / var(--spcalc), 8px);
    padding-block: 0 min(8 / var(--spcalc), 8px);
  }
  .service__cont__other-function__name {
    font-size: min(14 / var(--spcalc), 14px);
  }
  .service__cont__major-function {
    font-size: min(14 / var(--spcalc), 14px);
  }
  .service__cont__major-function__title {
    margin-block: 0 min(4 / var(--spcalc), 4px);
  }
}

.faq {
  padding-block: 120px;
}
.faq__box {
  padding: 20px 40px;
  border-radius: var(--blockradius);
  border: 2px solid var(--gray2);
}
.faq__cont {
  border-bottom: 1px solid var(--gray2);
  padding-inline: 16px;
}
.faq__cont__title, .faq__cont__body {
  display: flex;
}
:where(.faq__cont__title, .faq__cont__body)::before {
  font-size: 28px;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1;
}
.faq__cont__title {
  font-size: 21px;
  padding-block: 16px;
  cursor: pointer;
}
.faq__cont__title::before {
  content: "Q";
  color: var(--blue);
}
.faq__cont__title__body {
  position: relative;
  display: block;
  width: 100%;
}
.faq__cont__title::after {
  content: "";
  width: 15px;
  height: 15px;
  border-top: 2px solid var(--blue);
  border-left: 2px solid var(--blue);
  transform: rotate(-135deg);
  flex-shrink: 0;
  margin: 0.5em 0 0 16px;
  transition: 0.25s;
  display: block;
}
:where(.faq__cont[open=true]) .faq__cont__title::after {
  transform: rotate(45deg);
}
.faq__cont__body::before {
  content: "A";
  color: var(--gray7);
}
.faq__cont__body__box {
  font-weight: normal;
  font-size: 18px;
  padding-block: 0 16px;
}
.faq__cont__body__desc {
  margin-block: 0 16px;
}
.faq__cont__body__notes {
  font-size: 14px;
}
.faq__cont__body__notes__list::before {
  content: "※";
}
@media (max-width: 768px) {
  .faq {
    padding-block: min(64 / var(--spcalc), 64px);
  }
  .faq__box {
    padding: min(20 / var(--spcalc), 20px);
    border-radius: var(--spblockradius);
  }
  .faq__cont {
    padding-inline: min(8 / var(--spcalc), 8px);
  }
  .faq__cont__title {
    font-size: min(16 / var(--spcalc), 16px);
    padding-block: min(12 / var(--spcalc), 12px);
    gap: 0 min(8 / var(--spcalc), 8px);
  }
  .faq__cont__title::before {
    font-size: min(24 / var(--spcalc), 24px);
    margin-right: 0;
  }
  .faq__cont__title::after {
    width: min(13 / var(--spcalc), 13px);
    height: min(13 / var(--spcalc), 13px);
    margin: 0.5em 0 0;
    flex: 0 0 min(13 / var(--spcalc), 13px);
  }
  .faq__cont__title__body {
    margin-right: 0.25em;
  }
  .faq__cont__body::before {
    font-size: min(24 / var(--spcalc), 24px);
  }
  .faq__cont__body__box {
    font-size: min(16 / var(--spcalc), 16px);
  }
  .faq__cont__body__notes {
    font-size: min(12 / var(--spcalc), 12px);
  }
}

.footer {
  padding-block: 80px 20px;
}
.footer__inner {
  width: 390px;
  text-align: center;
}
.footer__product__logo {
  margin-block: 0 24px;
}
.footer__product__button {
  border: 1px solid var(--blue);
  margin: 0 auto;
  max-width: 242px;
  justify-content: center;
}
@media (max-width: 768px) {
  .footer {
    padding-block: min(64 / var(--spcalc), 64px) 0;
  }
  .footer__inner {
    width: min(335 / var(--spcalc), 335px);
  }
  .footer__product__logo {
    margin-block: 0 min(16 / var(--spcalc), 16px);
  }
  .footer__product__button {
    max-width: min(230 / var(--spcalc), 230px);
    padding-block: min(12 / var(--spcalc), 12px);
    padding-inline: min(24 / var(--spcalc), 24px);
  }
}

.dl-mv {
  width: 100%;
  height: 280px;
  background: url(../images/download__bg.png) no-repeat center center/cover;
  color: #fff;
  margin-block: 0 64px;
}
.dl-mv__main, .dl-mv__inner {
  height: 100%;
}
.dl-mv__inner {
  display: flex;
  align-items: center;
}
.dl-mv__title {
  font-size: 32px;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .dl-mv {
    height: min(230 / var(--spcalc), 230px);
    background: url(../images/download__bg--sp.png) no-repeat center center/cover;
    margin-block: 0 min(32 / var(--spcalc), 32px);
  }
  .dl-mv__title {
    font-size: min(22 / var(--spcalc), 22px);
    margin-inline: min(10 / var(--spcalc), 10px) 0;
  }
}

.dl-intro {
  font-weight: normal;
  text-align: center;
  line-height: 1.8;
  margin-block: 0 64px;
  font-size: 16px;
}
.dl-intro__text + .dl-intro__text {
  margin-block: 1em 0;
}
@media (max-width: 768px) {
  .dl-intro {
    margin-block: 0 min(32 / var(--spcalc), 32px);
    font-size: min(14 / var(--spcalc), 14px);
  }
}/*# sourceMappingURL=style.css.map */