@charset "UTF-8";
/* 文字コードの指定 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
}

/* Box sizing rules */
/* Box sizingの定義 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

/* Set core body defaults */
/* bodyのデフォルトを定義 */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.75;
  background-color: white;
  color: #222222;
  overflow-x: hidden;
}

/* Make images easier to work with */
/* img要素の扱いを簡単にする */
img, picture {
  width: 100%;
  display: block;
  vertical-align: bottom;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
}

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

li, ol {
  list-style: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #222222;
}

p span {
  display: block;
}

html, body {
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 1400px) {
  html, body {
    font-size: 11px;
  }
}
@media screen and (max-width: 1400px) {
  html, body {
    font-size: 10px;
  }
}
@media screen and (max-width: 1000px) {
  html, body {
    font-size: 9px;
  }
}
@media screen and (max-width: 768px) {
  html, body {
    font-size: 11px;
  }
}
@media screen and (max-width: 420px) {
  html, body {
    font-size: 10px;
  }
}
@media screen and (max-width: 374px) {
  html, body {
    font-size: 9px;
  }
}

@media screen and (min-width: 769px) {
  h1 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 2em;
  }
}

@media screen and (min-width: 769px) {
  h2 {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 769px) {
  h3 {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 1.6em;
  }
}

@media screen and (min-width: 769px) {
  h4 {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  h4 {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 769px) {
  h5 {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  h5 {
    font-size: 1.4em;
  }
}

@media screen and (min-width: 769px) {
  p, a {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  p, a {
    font-size: 1.4em;
  }
}

.fadeIn {
  opacity: 0;
  transition: opacity 3s ease-in-out;
}

.fadeIn.active {
  opacity: 1;
}

.moveTop {
  opacity: 0;
  transform: translateY(40px);
  --delay: 0s;
}

.trgr.active .moveTop {
  transition-delay: calc(1s * var(--delay));
  transition-duration: 0.8s;
  opacity: 1;
  transform: translateY(0);
}

.trgr:hover .moveTop {
  transition-delay: 0s;
}

.grayscale-target {
  filter: grayscale(100%);
  transition: filter 2.5s ease-in-out;
}

.grayscale-target.remove-grayscale {
  filter: grayscale(0%);
}

.header-container {
  padding-top: 2em;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: initial;
       column-gap: initial;
  row-gap: initial;
}
@media screen and (max-width: 768px) {
  .header-container .header-logo {
    width: 15em;
  }
}
@media screen and (min-width: 769px) {
  .header-container .header-logo {
    width: 20em;
  }
}
.header-container .headerContact-button {
  width: 2em;
}

.mv {
  padding-bottom: 15em;
}
@media screen and (max-width: 768px) {
  .mv {
    position: relative;
    position: relative;
  }
  .mv::before {
    content: "";
    position: absolute;
    width: 45%;
    height: 10em;
    right: initial;
    left: 0em;
    top: initial;
    bottom: 8em;
    background-color: #0F62FE;
    opacity: 0.5;
    z-index: -1;
  }
  .mv::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 10em;
    right: 0em;
    left: initial;
    top: 5em;
    bottom: initial;
    background-color: #0F62FE;
    opacity: 0.5;
  }
}
@media screen and (min-width: 769px) {
  .mv {
    position: relative;
    position: relative;
  }
  .mv::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 15em;
    right: initial;
    left: 0em;
    top: initial;
    bottom: 6em;
    background-color: #0F62FE;
    opacity: 0.5;
    z-index: -1;
  }
  .mv::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 15em;
    right: 0em;
    left: initial;
    top: 17em;
    bottom: initial;
    background-color: #0F62FE;
    opacity: 0.5;
  }
}
.mv .mv-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.mv .mv-container .mv-paragraph {
  position: relative;
  border: 1px solid #B5B5B5;
  border-radius: 3px;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .mv .mv-container .mv-paragraph {
    margin-top: 18em;
    width: 90%;
    padding: 15em 1.5em 3em;
  }
}
@media screen and (min-width: 769px) {
  .mv .mv-container .mv-paragraph {
    margin-top: 15em;
    width: 80%;
    padding: 28em 4em 5em;
  }
}
.mv .mv-container .mv-paragraph .mv-images {
  position: absolute;
  right: -3em;
  top: -14em;
  padding: 1em;
  background: rgba(194, 194, 255, 0.15);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .mv .mv-container .mv-paragraph .mv-images {
    width: 22em;
  }
}
@media screen and (min-width: 769px) {
  .mv .mv-container .mv-paragraph .mv-images {
    width: 72em;
    right: -21em;
  }
}
.mv .mv-container .mv-paragraph .mv-images .mv-images-elem {
  border-radius: 3px;
}
.mv .mv-container .mv-paragraph .slideImage {
  animation: slideAnime 20s infinite ease;
  opacity: 0;
}
@keyframes slideAnime {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  27% {
    opacity: 1;
  }
  38% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.mv .mv-container .mv-paragraph .slideImage:nth-of-type(2) {
  animation-delay: 5s;
}
.mv .mv-container .mv-paragraph .slideImage:nth-of-type(3) {
  animation-delay: 10s;
}
.mv .mv-container .mv-paragraph .slideImage:nth-of-type(4) {
  animation-delay: 15s;
}
.mv .mv-container .mv-paragraph .main-text {
  line-height: 2;
}
.mv .mv-container .mv-paragraph .main-text span {
  display: block;
}
@media screen and (min-width: 769px) {
  .mv .mv-container .mv-paragraph .main-text .text-elem {
    display: inline-block;
  }
}
.mv .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  top: -16em;
  left: -1em;
  width: 20em;
  height: 20em;
}
@media screen and (min-width: 769px) {
  .mv .c-gradation_1 {
    left: 29em;
    width: 27em;
    height: 27em;
  }
}
.mv .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  bottom: 23em;
  right: 8em;
  width: 15em;
  height: 15em;
  transform: rotate(126deg);
}
@media screen and (min-width: 769px) {
  .mv .c-gradation_2 {
    right: 33em;
  }
}

@media screen and (max-width: 768px) {
  .outline {
    position: relative;
  }
  .outline::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 10em;
    right: 0em;
    left: initial;
    top: initial;
    bottom: -7em;
    background-color: #0F62FE;
    opacity: 0.5;
  }
}
@media screen and (min-width: 769px) {
  .outline {
    position: relative;
  }
  .outline::after {
    content: "";
    position: absolute;
    width: 15%;
    height: 10em;
    right: 13%;
    left: initial;
    top: initial;
    bottom: -7em;
    background-color: #0F62FE;
    opacity: 0.5;
  }
}
.outline-container {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.outline-container .headingWrapper .heading {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
  display: flex;
  align-items: center;
  justify-content: initial;
  column-gap: 0.5em;
  row-gap: initial;
  text-transform: uppercase;
  color: #B5B5B5;
}
.outline-container .headingWrapper .heading::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #B5B5B5;
}
.outline-container .paragraph-container {
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 2em;
}
@media screen and (max-width: 768px) {
  .outline-container .paragraph-container {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .outline-container .paragraph-container {
    margin-top: 5em;
  }
}
@media screen and (max-width: 768px) {
  .outline-container .paragraph-container {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .outline-container .paragraph-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
.outline-container .paragraph-container .paragraph {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .outline-container .paragraph-container .paragraph + .paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .outline-container .paragraph-container .paragraph + .paragraph {
    margin-top: 2em;
  }
}
.outline-container .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 18em;
  height: 18em;
  top: 0em;
  right: -5em;
}
@media screen and (min-width: 769px) {
  .outline-container .c-gradation_1 {
    right: 0em;
  }
}
.outline-container .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 10em;
  height: 10em;
  bottom: -3em;
  left: -5em;
}
@media screen and (min-width: 769px) {
  .outline-container .c-gradation_2 {
    left: 2em;
  }
}

@media screen and (max-width: 768px) {
  .about {
    position: relative;
  }
  .about::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 23em;
    right: 0;
    left: initial;
    top: initial;
    bottom: -15em;
    background-color: #0F62FE;
    opacity: 0.5;
    z-index: -1;
  }
}
@media screen and (min-width: 769px) {
  .about {
    position: relative;
  }
  .about::before {
    content: "";
    position: absolute;
    width: 14%;
    height: 24em;
    right: 18%;
    left: initial;
    top: initial;
    bottom: -3em;
    background-color: #0F62FE;
    opacity: 0.5;
    z-index: -1;
  }
}
@media screen and (max-width: 768px) {
  .about {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .about {
    margin-top: 15em;
  }
}
.about-container {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.about-container .headingWrapper .heading {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
  display: flex;
  align-items: center;
  justify-content: initial;
  column-gap: 0.5em;
  row-gap: initial;
  text-transform: uppercase;
  color: #B5B5B5;
}
.about-container .headingWrapper .heading::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #B5B5B5;
}
@media screen and (min-width: 769px) {
  .about-container .aboutContent-wrapper {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
.about-container .aboutContent {
  margin-top: 8em;
  width: 95%;
  position: relative;
  padding: 15em 2em 2em;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .about-container .aboutContent {
    max-width: 40em;
  }
}
@media screen and (min-width: 769px) {
  .about-container .aboutContent {
    max-width: 45em;
  }
}
@media screen and (max-width: 768px) {
  .about-container .aboutContent .paragraph {
    width: 75%;
  }
}
@media screen and (min-width: 769px) {
  .about-container .aboutContent .paragraph {
    width: 100%;
  }
}
.about-container .aboutContent .content-img {
  width: 70%;
  max-width: 35em;
  position: absolute !important;
  z-index: 1;
  padding: 1em;
  border: 1px solid #B5B5B5;
  background: rgba(194, 194, 255, 0.15);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.about-container .aboutContent .content-img .img-elem {
  border-radius: 3px;
}
@media screen and (min-width: 769px) {
  .about-container .content-1 {
    margin-left: auto;
  }
}
.about-container .content-1 .content-img {
  top: -4em;
  right: -3em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .about-container .content-1 .content-img {
    top: -10em;
  }
}
.about-container .content-1 .content-img::after {
  content: "";
  position: absolute;
  width: 10em;
  height: 7em;
  right: -3em;
  left: initial;
  top: initial;
  bottom: -2em;
  background-color: #0F62FE;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .about-container .content-2 {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .about-container .content-2 .paragraph {
    margin-left: auto;
  }
}
.about-container .content-2 .content-img {
  top: -4em;
  left: -3em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .about-container .content-2 .content-img {
    top: -10em;
    left: -9em;
  }
}
.about-container .content-2 .content-img::after {
  content: "";
  position: absolute;
  width: 10em;
  height: 7em;
  right: initial;
  left: -3em;
  top: initial;
  bottom: -3em;
  background-color: #0F62FE;
  opacity: 0.5;
}
@media screen and (min-width: 769px) {
  .about-container .content-3 {
    margin-left: auto;
  }
}
.about-container .content-3 .content-img {
  top: -4em;
  right: -3em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .about-container .content-3 .content-img {
    top: -10em;
    right: -8em;
  }
}
.about-container .content-3 .content-img::after {
  content: "";
  position: absolute;
  width: 10em;
  height: 7em;
  right: initial;
  left: -7em;
  top: initial;
  bottom: 5em;
  background-color: #0F62FE;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .about-container .aboutContent-conclusion {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .about-container .aboutContent-conclusion {
    margin-top: 5em;
  }
}
.about-container .aboutContent-conclusion .paragraph {
  padding: 1.5em;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.about-container .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 8em;
  height: 8em;
  top: 29em;
  right: 0em;
}
@media screen and (min-width: 769px) {
  .about-container .c-gradation_1 {
    top: 26em;
    right: 6em;
  }
}
.about-container .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 6em;
  height: 6em;
  top: 67em;
  left: 1em;
  transform: rotate(300deg);
}
@media screen and (min-width: 769px) {
  .about-container .c-gradation_2 {
    top: 50em;
    left: 30em;
  }
}
.about-container .c-gradation_3 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 47em;
  right: -4em;
}
@media screen and (min-width: 769px) {
  .about-container .c-gradation_3 {
    top: 53em;
    right: 26em;
  }
}
.about-container .c-gradation_4 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  bottom: -6em;
  left: -4em;
}
.about-container .s-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 30em;
  top: 13em;
  left: -5em;
}
@media screen and (min-width: 769px) {
  .about-container .s-gradation_1 {
    left: 30em;
  }
}
.about-container .s-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  bottom: 23em;
  left: -5em;
}
@media screen and (min-width: 769px) {
  .about-container .s-gradation_2 {
    left: -1em;
  }
}

.flow {
  position: relative;
}
@media screen and (max-width: 768px) {
  .flow {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .flow {
    margin-top: 15em;
  }
}
.flow::before {
  content: "";
  position: absolute;
  width: 33%;
  height: 29em;
  right: 0em;
  left: initial;
  top: 48em;
  bottom: initial;
  background-color: #0F62FE;
  opacity: 0.5;
  z-index: -1;
}
.flow-container {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.flow-container .headingWrapper .heading {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
  display: flex;
  align-items: center;
  justify-content: initial;
  column-gap: 0.5em;
  row-gap: initial;
  text-transform: uppercase;
  color: #B5B5B5;
}
.flow-container .headingWrapper .heading::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #B5B5B5;
}
.flow-container .flowIntro {
  padding: 1.5em;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .flow-container .flowIntro {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .flow-container .flowIntro {
    margin-top: 5em;
  }
}
@media screen and (max-width: 768px) {
  .flow-container .flowPoints-container {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .flow-container .flowPoints-container {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .flow-container .flowPoints-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    -moz-column-gap: initial;
         column-gap: initial;
    row-gap: 2em;
    flex-wrap: wrap;
  }
}
.flow-container .flowPoints-container .flowPoints-item {
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .flow-container .flowPoints-container .flowPoints-item {
    display: flex;
    align-items: center;
    justify-content: initial;
    -moz-column-gap: initial;
         column-gap: initial;
    row-gap: initial;
    padding: 1.5em 1.5em 1.5em 0;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .flow-container .flowPoints-container .flowPoints-item {
    width: 32%;
    display: flex;
    flex-direction: column;
    row-gap: 4em;
    justify-content: initial;
    align-items: center;
    padding: 2em;
  }
}
.flow-container .flowPoints-container .flowPoints-item .num {
  display: flex;
  flex-direction: column;
  row-gap: initial;
  justify-content: initial;
  align-items: center;
  width: 20%;
  color: #B5B5B5;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .flow-container .flowPoints-container .flowPoints-item .num {
    font-size: 3em;
  }
}
@media screen and (max-width: 768px) {
  .flow-container .flowPoints-container .flowPoints-item .num {
    font-size: 3em;
  }
}
.flow-container .flowPoints-container .flowPoints-item .num::before {
  content: attr(data-text);
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .flow-container .flowPoints-container .flowPoints-item .num::before {
    font-size: 0.4em;
  }
}
@media screen and (max-width: 768px) {
  .flow-container .flowPoints-container .flowPoints-item .num::before {
    font-size: 0.4em;
  }
}
@media screen and (max-width: 768px) {
  .flow-container .flowPoints-container .flowPoints-item .paragraph {
    width: 80%;
  }
}
.flow-container .flowPoints-container .flowPoints-item .paragraph span .highlight {
  display: inline-block;
  font-weight: 600;
  background: linear-gradient(transparent 75%, #faf09d 0%);
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .flow-container .flowPoints-container .flowPoints-item + .flowPoints-item {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .flow-container .flowPoints-container .flowPoints-item + .flowPoints-item {
    margin-top: 5em;
  }
}
.flow-container .flowInconcle {
  padding: 1.5em;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .flow-container .flowInconcle {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .flow-container .flowInconcle {
    margin-top: 5em;
  }
}
.flow-container .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 22em;
  height: 22em;
  top: 8em;
  right: -5em;
}
.flow-container .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 10em;
  height: 10em;
  top: 29em;
  left: 1em;
  transform: rotate(300deg);
}
.flow-container .c-gradation_3 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 10em;
  height: 10em;
  top: 37em;
  left: 12em;
}
.flow-container .c-gradation_4 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  bottom: -6em;
  left: -10em;
}

.function {
  position: relative;
}
@media screen and (max-width: 768px) {
  .function {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .function {
    margin-top: 15em;
  }
}
.function::before {
  content: "";
  position: absolute;
  width: 35%;
  height: 25em;
  right: initial;
  left: 0em;
  top: initial;
  bottom: 25em;
  background-color: #0F62FE;
  opacity: 0.5;
  z-index: -1;
}
.function-container {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.function-container .headingWrapper .heading {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
  display: flex;
  align-items: center;
  justify-content: initial;
  column-gap: 0.5em;
  row-gap: initial;
  text-transform: uppercase;
  color: #B5B5B5;
}
.function-container .headingWrapper .heading::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #B5B5B5;
}
.function-container .functionIntro {
  padding: 1.5em;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .function-container .functionIntro {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .function-container .functionIntro {
    margin-top: 5em;
  }
}
@media screen and (max-width: 768px) {
  .function-container .functionItems-wrapper {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .function-container .functionItems-wrapper {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .function-container .functionItems-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    -moz-column-gap: initial;
         column-gap: initial;
    row-gap: 2em;
    flex-wrap: wrap;
  }
}
.function-container .functionItems-wrapper .functionTools-item {
  display: block;
  padding: 1em 2em;
  position: relative;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border: 1px solid rgb(15, 98, 254);
}
.function-container .functionItems-wrapper .functionTools-item:hover {
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-delay: 0s;
  background: rgba(15, 98, 254, 0.5);
}
@media screen and (max-width: 768px) {
  .function-container .functionItems-wrapper .functionTools-item {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .function-container .functionItems-wrapper .functionTools-item {
    width: 32%;
    padding-bottom: 4em;
  }
}
.function-container .functionItems-wrapper .functionTools-item .item-icon {
  width: 1.5em;
}
.function-container .functionItems-wrapper .functionTools-item .functionTool-title {
  display: block;
}
@media screen and (max-width: 768px) {
  .function-container .functionItems-wrapper .functionTools-item .functionTool-title {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .function-container .functionItems-wrapper .functionTools-item .functionTool-title {
    margin-top: 1em;
  }
}
.function-container .functionItems-wrapper .functionTools-item .guide-icon {
  width: 2.2em;
  border: 1px solid #B5B5B5;
  border-radius: 50%;
  padding: 0.5em;
  background: rgba(246, 246, 253, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
@media screen and (max-width: 768px) {
  .function-container .functionItems-wrapper .functionTools-item .guide-icon {
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .function-container .functionItems-wrapper .functionTools-item .guide-icon {
    position: absolute;
    right: 5%;
    bottom: 5%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .function-container .functionItems-wrapper .functionTools-item + .functionTools-item {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .function-container .functionItems-wrapper .functionTools-item + .functionTools-item {
    margin-top: 5em;
  }
}
.function-container .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 40em;
  left: -5em;
}
@media screen and (min-width: 769px) {
  .function-container .c-gradation_1 {
    left: 23em;
  }
}
.function-container .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 10em;
  height: 10em;
  top: 60em;
  left: 10em;
  transform: rotate(300deg);
}
@media screen and (min-width: 769px) {
  .function-container .c-gradation_2 {
    display: none;
  }
}
.function-container .c-gradation_3 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  bottom: 20em;
  right: 0em;
}
@media screen and (min-width: 769px) {
  .function-container .c-gradation_3 {
    right: 23em;
  }
}
.function-container .c-gradation_4 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 12em;
  height: 12em;
  bottom: -4em;
  left: 4em;
}
@media screen and (min-width: 769px) {
  .function-container .c-gradation_4 {
    left: 35em;
    transform: rotate(139deg);
  }
}
.function-container .s-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 17em;
  height: 41em;
  top: 6em;
  right: -5em;
}

@media screen and (max-width: 768px) {
  .contact {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .contact {
    margin-top: 15em;
  }
}
.contact-container {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.contact-container .headingWrapper .heading {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
  display: flex;
  align-items: center;
  justify-content: initial;
  column-gap: 0.5em;
  row-gap: initial;
  text-transform: uppercase;
  color: #B5B5B5;
}
.contact-container .headingWrapper .heading::before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #B5B5B5;
}
.contact-container .paragraph-container {
  padding: 3em 2em 10em;
  position: relative;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .contact-container .paragraph-container {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .contact-container .paragraph-container {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .contact-container .paragraph-container {
    width: 55em;
    position: relative;
    padding-bottom: 17em;
    margin-left: auto;
    margin-right: auto;
  }
}
.contact-container .paragraph-container .bold {
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .contact-container .paragraph-container .bold {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .contact-container .paragraph-container .bold {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .contact-container .paragraph-container .bold span {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .contact-container .paragraph-container .bold span {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .contact-container .paragraph-container .paragraph + .paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .contact-container .paragraph-container .paragraph + .paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .contact-container .paragraph-container .contactButton {
    width: 100%;
    position: absolute;
    right: -20em;
    bottom: 13em;
  }
}
.contact-container .paragraph-container .contactButton .contactButton-link {
  position: relative;
  display: block;
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.5em 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  justify-content: initial;
  align-items: center;
  background: rgba(246, 246, 253, 0.5);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 3px;
  border: 1px solid #0F62FE;
  transition: 0.5s;
}
.contact-container .paragraph-container .contactButton .contactButton-link::after {
  content: "";
  position: absolute;
  width: 5em;
  height: 4em;
  right: -2em;
  left: initial;
  top: -2em;
  bottom: initial;
  background-color: #0F62FE;
  opacity: 0.5;
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .contact-container .paragraph-container .contactButton .contactButton-link {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .contact-container .paragraph-container .contactButton .contactButton-link {
    margin-top: 5em;
  }
}
.contact-container .paragraph-container .contactButton .contactButton-link .link-icon {
  width: 1.5em;
}
.contact-container .paragraph-container .contactButton .contactButton-link:hover {
  background: rgba(15, 98, 254, 0.5);
}
.contact-container .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 25em;
  height: 25em;
  top: 0em;
  right: -5em;
}
@media screen and (min-width: 769px) {
  .contact-container .c-gradation_1 {
    right: 5em;
  }
}
.contact-container .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 15em;
  height: 15em;
  top: 22em;
  left: -1em;
  transform: rotate(300deg);
}
@media screen and (min-width: 769px) {
  .contact-container .c-gradation_2 {
    top: 32em;
    left: 12em;
  }
}

.box-img {
  position: relative;
}
.box-img .out-flame {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: rgba(194, 194, 255, 0.15);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.box-img .out-flame .box-img-elem {
  padding: 1em;
}
.box-img .out-flame .box-img-elem img {
  border-radius: 3px;
}

.box-img-bg {
  position: absolute;
  top: -5em;
  width: 100%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  opacity: 0.8;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .box-img-bg {
    height: 20em;
  }
}
@media screen and (min-width: 769px) {
  .box-img-bg {
    height: 35em;
  }
}

@media screen and (max-width: 768px) {
  .box-img_above {
    margin-top: 20em;
  }
}
@media screen and (min-width: 769px) {
  .box-img_above {
    margin-top: 25em;
  }
}

@media screen and (max-width: 768px) {
  .box-img_below {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .box-img_below {
    margin-top: 20em;
  }
}
@media screen and (max-width: 768px) {
  .box-img_below .box-img-bg {
    top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .box-img_below .box-img-bg {
    top: 15em;
  }
}

@media screen and (max-width: 768px) {
  .tool {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .tool {
    margin-top: 15em;
  }
}
.tool .tool-title {
  text-align: center;
  color: #B5B5B5;
}
@media screen and (min-width: 769px) {
  .tool .tool-title .main-title {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 768px) {
  .tool .tool-title .main-title {
    font-size: 2.5em;
  }
}
.tool .tool-title .sub-title {
  font-weight: 500;
}
.tool .table-container {
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .tool .table-container {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container {
    margin-top: 5em;
  }
}
.tool .table-container .tool-item {
  padding: 3em 2em;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border: 1px solid rgb(15, 98, 254);
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .logo-img {
    width: 10em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .logo-img {
    width: 13em;
  }
}
.tool .table-container .tool-item .tool-table {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table {
    margin-top: 2em;
  }
}
.tool .table-container .tool-item .tool-table .table-label {
  font-weight: 500;
  color: #B5B5B5;
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .table-label {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .table-label {
    font-size: 1.2em;
  }
}
.tool .table-container .tool-item .tool-table .table-label::before {
  content: "";
  width: 0.7em;
  height: 2px;
  background-color: #B5B5B5;
}
.tool .table-container .tool-item .tool-table .tool-table-elem {
  border: 0.3px solid #B5B5B5;
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem {
    display: flex;
    align-items: stretch;
    justify-content: initial;
    -moz-column-gap: initial;
         column-gap: initial;
    row-gap: initial;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table {
    display: flex;
    align-items: stretch;
    justify-content: initial;
    -moz-column-gap: initial;
         column-gap: initial;
    row-gap: initial;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table {
    display: flex;
    flex-direction: column;
    row-gap: initial;
    justify-content: initial;
    align-items: initial;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table {
    font-size: 1.4em;
  }
}
.tool .table-container .tool-item .tool-table .tool-table-elem .row-table .row-table-elem {
  flex: 1;
  flex-grow: 1;
  padding: 1em 1em;
  border: 0.5px solid #B5B5B5;
}
.tool .table-container .tool-item .tool-table .tool-table-elem .row-table .bold {
  font-weight: 500;
  background-color: #B5B5B5;
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-two {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-two {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-three {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-three {
    width: 33.5%;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-four {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-four {
    width: 25.5%;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-five {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .tool-table .tool-table-elem .row-table-five {
    width: 22%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .div-two {
    width: 70%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .div-three {
    width: 80%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .three-extra {
    width: 96%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .div-four {
    width: 93%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .div-five {
    width: 96%;
  }
}
.tool .table-container .tool-item .table-expand {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .table-expand {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .table-expand {
    font-size: 1.4em;
  }
}
.tool .table-container .tool-item .table-expand-content-title {
  display: block;
  padding: 1em 1em;
  text-align: center;
  background-color: #B5B5B5;
  font-weight: 500;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .table-expand-content-title {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .table-expand-content-title {
    font-size: 1.2em;
  }
}
.tool .table-container .tool-item .table-expand-content-elem {
  display: flex;
}
.tool .table-container .tool-item .table-expand-content .content {
  width: 65%;
  padding: 1em 1em;
  background-color: #B5B5B5;
  font-weight: 500;
}
.tool .table-container .tool-item .table-expand-content .price {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1em 1em;
  border: 0.5px solid #B5B5B5;
}
@media screen and (max-width: 768px) {
  .tool .table-container .tool-item .table-expand .table-expand-content + .table-expand-content {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .tool-item .table-expand .table-expand-content + .table-expand-content {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .table-expand + .table-expand {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .table-expand + .table-expand {
    margin-top: 5em;
  }
}
.tool .table-container .table-paragraph {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .tool .table-container .table-paragraph {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .table-paragraph {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .table-paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .table-paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .table-paragraph .paragraph-list {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .table-paragraph .paragraph-list {
    font-size: 1.4em;
  }
}
.tool .table-container .table-paragraph .paragraph-list li {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
}
.tool .table-container .table-paragraph .paragraph-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #222222;
}
@media screen and (max-width: 768px) {
  .tool .table-container .table-paragraph .paragraph-elem + .paragraph-elem {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .table-paragraph .paragraph-elem + .paragraph-elem {
    margin-top: 0.5em;
  }
}
.tool .table-container .link-text {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: initial;
       column-gap: initial;
  row-gap: initial;
}
@media screen and (max-width: 768px) {
  .tool .table-container .link-text {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .link-text {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .tool .table-container .link-text {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .link-text {
    font-size: 1.2em;
  }
}
.tool .table-container .link-text .link {
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .tool .table-container .link-text .link {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 768px) {
  .tool .table-container .link-text .link {
    font-size: 1.1em;
  }
}
.tool .table-container .link-text::after {
  content: "";
  width: 1.2em;
  height: 2px;
  background-color: #B5B5B5;
  margin-left: 0.7em;
}
@media screen and (max-width: 768px) {
  .tool .tool-item + .tool-item {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .tool .tool-item + .tool-item {
    margin-top: 5em;
  }
}
.tool .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 25em;
  height: 25em;
  top: 11em;
  right: -5em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_1 {
    width: 30em;
    height: 30em;
    top: 13em;
  }
}
.tool .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 60em;
  left: -5em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_2 {
    width: 25em;
    height: 25em;
    top: 56em;
  }
}
.tool .c-gradation_3 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 15em;
  height: 15em;
  top: 85em;
  right: 5em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_3 {
    top: 76em;
    right: 42em;
  }
}
.tool .c-gradation_4 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 13em;
  height: 13em;
  top: 110em;
  left: 5em;
  transform: rotate(359deg);
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_4 {
    top: 110em;
  }
}
.tool .s-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 50em;
  top: 130em;
  right: -5em;
}
@media screen and (min-width: 769px) {
  .tool .s-gradation_1 {
    width: 25em;
    top: 110em;
  }
}
.tool .c-gradation_5 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 25em;
  height: 25em;
  top: 190em;
  left: -5em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_5 {
    width: 30em;
    height: 30em;
    top: 150em;
  }
}
.tool .c-gradation_6 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 240em;
  right: 0em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_6 {
    width: 30em;
    height: 30em;
    top: 190em;
  }
}
.tool .c-gradation_7 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 255em;
  left: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_7 {
    width: 50em;
    height: 50em;
    top: 250em;
  }
}
.tool .c-gradation_8 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 270em;
  right: 0em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_8 {
    width: 30em;
    height: 30em;
    top: 290em;
  }
}
.tool .c-gradation_9 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 25em;
  height: 25em;
  top: 300em;
  right: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_9 {
    width: 25em;
    height: 25em;
    top: 310em;
  }
}
.tool .c-gradation_10 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 35em;
  height: 80em;
  top: 390em;
  left: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_10 {
    width: 35em;
    height: 80em;
    top: 390em;
  }
}
.tool .c-gradation_11 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 40em;
  height: 40em;
  top: 500em;
  right: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_11 {
    width: 50em;
    height: 50em;
    top: 500em;
  }
}
.tool .c-gradation_12 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 23em;
  height: 23em;
  top: 540em;
  left: -20em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_12 {
    width: 25em;
    height: 25em;
    top: 540em;
  }
}
.tool .c-gradation_13 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 600em;
  right: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_13 {
    width: 25em;
    height: 25em;
    top: 560em;
  }
}
.tool .c-gradation_14 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 20em;
  height: 20em;
  top: 440em;
  right: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_14 {
    width: 25em;
    height: 25em;
    top: 440em;
  }
}
.tool .c-gradation_15 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  width: 35em;
  height: 40em;
  top: 630em;
  right: -15em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_15 {
    width: 25em;
    height: 50em;
    top: 600em;
  }
}
.tool .c-gradation_16 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 30em;
  height: 30em;
  top: 680em;
  left: -10em;
}
@media screen and (min-width: 769px) {
  .tool .c-gradation_16 {
    width: 40em;
    height: 40em;
    top: 680em;
  }
}

.paragraph-container {
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .paragraph-container {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container {
    margin-top: 5em;
  }
}
.paragraph-container .paragraph {
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 1.5em 2.5em;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-inner + .paragraph-inner {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-inner + .paragraph-inner {
    margin-top: 1em;
  }
}
.paragraph-container .paragraph.paragraph-intro {
  padding: 6em 5em;
}
.paragraph-container .paragraph .paragraph-head-image {
  width: 60%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.paragraph-container .paragraph .paragraph-head .paragraph-inner {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-head .paragraph-inner {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-head .paragraph-inner {
    margin-top: 1em;
  }
}
.paragraph-container .paragraph .paragraph-head .paragraph-inner .inline {
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-head .paragraph-inner .inline {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-head .paragraph-inner .inline {
    font-size: 1.6em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-head .paragraph-inner .inline {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-subHead {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-subHead {
    margin-top: 5em;
  }
}
.paragraph-container .paragraph .paragraph-subHead .paragraph-inner {
  text-align: center;
}
.paragraph-container .paragraph .paragraph-subHead .paragraph-subHead-imageWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1em;
       column-gap: 1em;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-subHead .paragraph-subHead-imageWrapper .image-elem {
    width: 40%;
    max-width: 180px;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-subHead .paragraph-subHead-imageWrapper .image-elem {
    max-width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-text {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-text {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-text {
    text-align: center;
  }
}
.paragraph-container .paragraph .paragraph-text .link-text {
  text-align: center;
  font-size: 1.4em;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-text .link-text {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-text .link-text {
    margin-top: 1em;
  }
}
.paragraph-container .paragraph .paragraph-text .link-text a {
  font-size: 1.2em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-features {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-features {
    margin-top: 5em;
  }
}
.paragraph-container .paragraph .paragraph-features .feature-name {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-features .feature-name {
    font-size: 2.4em;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-features .feature-name {
    font-size: 2em;
  }
}
.paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item {
    margin-top: 2em;
  }
}
.paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item .feature-item-head {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item .feature-item-head {
    width: 100%;
    font-size: 1.8em;
  }
}
.paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item .feature-item-head::before {
  content: "";
  width: 0.7em;
  height: 2px;
  background: #0F62FE;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item p {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-features .feature-container .feature-list .feature-list-item p {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement {
    margin-top: 5em;
  }
}
.paragraph-container .paragraph .paragraph-achievement .achievement-name {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-name {
    font-size: 2.4em;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-name {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-image {
    width: 90%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-image {
    width: 50%;
  }
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-image img {
    width: 60%;
    margin-left: auto;
    margin-right: 6em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content {
    width: 50%;
    padding-right: 5em;
  }
}
.paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content .achievement-item-head {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content .achievement-item-head {
    width: 100%;
    font-size: 1.8em;
  }
}
.paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content .achievement-item-head::before {
  content: "";
  width: 0.7em;
  height: 2px;
  background: #0F62FE;
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content p {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item .achievement-item-content p {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item + .achievement-list-item {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .paragraph .paragraph-achievement .achievement-container .achievement-list .achievement-list-item + .achievement-list-item {
    margin-top: 5em;
  }
}
.paragraph-container .c-gradation_1 {
  top: 18em;
  right: 4em;
}
@media screen and (min-width: 769px) {
  .paragraph-container .c-gradation_1 {
    width: 40em;
    height: 40em;
    right: 8em;
  }
}
@media screen and (min-width: 769px) {
  .paragraph-container .c-gradation_4 {
    left: initial;
    right: -8em;
    width: 30em;
    height: 30em;
  }
}

.support {
  position: relative;
}
@media screen and (max-width: 768px) {
  .support {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .support {
    margin-top: 5em;
  }
}
@media screen and (max-width: 768px) {
  .support {
    position: relative;
  }
  .support::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 40em;
    right: initial;
    left: 0em;
    top: initial;
    bottom: -5em;
    background-color: #0F62FE;
    opacity: 0.5;
    z-index: -1;
  }
}
@media screen and (min-width: 769px) {
  .support {
    position: relative;
  }
  .support::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 50em;
    right: initial;
    left: 10%;
    top: initial;
    bottom: -5em;
    background-color: #0F62FE;
    opacity: 0.5;
    z-index: -1;
  }
}
.support-container {
  position: relative;
  width: 90%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .support-container {
    padding: 3em 1.5em;
  }
}
@media screen and (min-width: 769px) {
  .support-container {
    padding: 6em 5em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item {
    display: flex;
    align-items: center;
    justify-content: initial;
    -moz-column-gap: initial;
         column-gap: initial;
    row-gap: initial;
    flex-wrap: wrap;
  }
}
.support-container .support-item .item-name {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
}
@media screen and (min-width: 769px) {
  .support-container .support-item .item-name {
    width: 100%;
  }
}
.support-container .support-item .item-name::before {
  content: "";
  width: 0.7em;
  height: 2px;
  background: #0F62FE;
}
.support-container .support-item .support-list {
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .support-container .support-item .support-list {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .support-list {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .support-list {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .support-item .support-list {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .support-list {
    width: 50%;
  }
}
.support-container .support-item .support-list .support-list-elem {
  position: relative;
  padding-left: 1em;
}
.support-container .support-item .support-list .support-list-elem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  transform: translateY(-50%);
  width: 0.5em;
  height: 2px;
  background-color: #B5B5B5;
}
@media screen and (max-width: 768px) {
  .support-container .support-item .price-info {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .price-info {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .price-info {
    width: 50%;
    padding-left: 3em;
  }
}
.support-container .support-item .price-info .price-name {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
  margin-left: 1em;
}
@media screen and (min-width: 769px) {
  .support-container .support-item .price-info .price-name {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .support-item .price-info .price-name {
    font-size: 1.4em;
  }
}
.support-container .support-item .price-info .price-name::before {
  content: "";
  width: 0.7em;
  height: 2px;
  background: #0F62FE;
}
.support-container .support-item .price-info .price-list {
  padding-left: 2em;
}
@media screen and (max-width: 768px) {
  .support-container .support-item .price-info .price-list {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .price-info .price-list {
    margin-top: 1em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item .price-info .price-list {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .support-item .price-info .price-list {
    font-size: 1.4em;
  }
}
.support-container .support-item .price-info .price-list .price-list-elem {
  padding-left: 1em;
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: initial;
       column-gap: initial;
  row-gap: initial;
}
.support-container .support-item .price-info .price-list .price-list-elem .plan-name {
  width: 10em;
}
@media screen and (max-width: 768px) {
  .support-container .support-item + .support-item {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .support-item + .support-item {
    margin-top: 5em;
  }
}
.support-container .notes {
  margin-top: 5em;
}
@media screen and (min-width: 769px) {
  .support-container .notes {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .notes {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .notes .paragraph-elem + .paragraph-elem {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .notes .paragraph-elem + .paragraph-elem {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .notes .paragraph + .paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .notes .paragraph + .paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .support-container .notes .bold {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 768px) {
  .support-container .notes .bold {
    font-size: 1.8em;
  }
}
.support .c-gradation_1 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(146, 216, 253);
  background: linear-gradient(325deg, rgb(146, 216, 253) 0%, rgb(229, 172, 247) 100%);
  width: 35em;
  height: 35em;
  top: -10em;
  left: -5em;
  transform: rotate(195deg);
}
@media screen and (min-width: 769px) {
  .support .c-gradation_1 {
    left: 50em;
  }
}
.support .c-gradation_2 {
  position: absolute;
  opacity: 0.8;
  z-index: -1;
  border-radius: 50%;
  background: rgb(247, 169, 76);
  background: linear-gradient(325deg, rgb(247, 169, 76) 0%, rgb(229, 172, 247) 100%);
  width: 30em;
  height: 30em;
  top: 12em;
  right: -5em;
}
@media screen and (min-width: 769px) {
  .support .c-gradation_2 {
    right: 32em;
  }
}

.privacy .privacy-container {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container {
    margin-top: 15em;
  }
}
.privacy .privacy-container .privacy-title {
  text-align: center;
  color: #B5B5B5;
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container .privacy-title .main-title {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container .privacy-title .main-title {
    font-size: 2.5em;
  }
}
.privacy .privacy-container .privacy-title .sub-title {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container .texts-container {
    margin-top: 10em;
  }
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container .texts-container {
    margin-top: 15em;
  }
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container .texts-container .textsParagraph .list {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container .texts-container .textsParagraph .list {
    font-size: 1.4em;
  }
}
.privacy .privacy-container .texts-container .textsParagraph .num-list {
  counter-reset: count;
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container .texts-container .textsParagraph .num-list {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container .texts-container .textsParagraph .num-list {
    margin-top: 2em;
  }
}
.privacy .privacy-container .texts-container .textsParagraph .num-list li {
  display: flex;
  align-items: flex-start;
  counter-increment: count;
}
.privacy .privacy-container .texts-container .textsParagraph .num-list li::before {
  content: "方針" counter(count) ".";
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 10px;
}
.privacy .privacy-container .texts-container .textsParagraph .num-list.en li::before {
  content: "0" counter(count) ".";
}
.privacy .privacy-container .texts-container .textsParagraph .points-list li {
  padding-left: 2rem;
  position: relative;
  line-height: 1.5;
}
.privacy .privacy-container .texts-container .textsParagraph .points-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container .texts-container .textsParagraph .paragraph {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container .texts-container .textsParagraph .paragraph {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) {
  .privacy .privacy-container .textsParagraph + .textsParagraph {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .privacy .privacy-container .textsParagraph + .textsParagraph {
    margin-top: 5em;
  }
}

.footer {
  margin-top: 20em;
  padding-bottom: 2em;
  position: relative;
}
.footer .footer-container .footerContainer-about {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  filter: none;
  background: rgba(234, 234, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(13px) !important;
  -webkit-backdrop-filter: blur(16.5px) !important;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
@media screen and (max-width: 768px) {
  .footer .footer-container .footerContainer-about {
    padding: 2em 1em;
  }
}
@media screen and (min-width: 769px) {
  .footer .footer-container .footerContainer-about {
    padding: 2em 3em;
  }
}
.footer .footer-container .footerContainer-about .footerTop-part .footer-logo {
  width: 20em;
}
.footer .footer-container .footerContainer-about .footerTop-part .about-companyName .name {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .footer .footer-container .footerContainer-about .footerTop-part .about-address {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .footer .footer-container .footerContainer-about .footerTop-part .about-address {
    margin-top: 5em;
  }
}
.footer .footer-container .footerContainer-about .footerTop-part .about-address span {
  font-size: 1.2em;
  display: block;
}
@media screen and (max-width: 768px) {
  .footer .footer-container .footerContainer-about .footerTop-part .about-contactInfo {
    margin-top: 2em;
  }
}
@media screen and (min-width: 769px) {
  .footer .footer-container .footerContainer-about .footerTop-part .about-contactInfo {
    margin-top: 5em;
  }
}
.footer .footer-container .footerContainer-about .footerTop-part .about-contactInfo span {
  font-size: 1.2em;
  display: block;
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer .footer-container .footerContainer-about .footerBottom-part {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .footer .footer-container .footerContainer-about .footerBottom-part {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .footer .footer-container .footerContainer-about .footerBottom-part {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .footer .footer-container .footerContainer-about .footerBottom-part .footerLink-list {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 768px) {
  .footer .footer-container .footerContainer-about .footerBottom-part .footerLink-list {
    font-size: 0.8em;
  }
}
.footer .footer-container .footerContainer-about .footerBottom-part .footerLink-list li {
  display: flex;
  align-items: center;
  justify-content: initial;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: initial;
}
.footer .footer-container .footerContainer-about .footerBottom-part .footerLink-list li::before {
  content: "";
  width: 1em;
  height: 1.5px;
  background-color: #222222;
}
.footer .footer-container .copyRight {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer .footer-container .copyRight {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  .footer .footer-container .copyRight {
    margin-top: 5em;
  }
}
.footer .footer-container .copyRight span {
  display: block;
}
.footer-bg {
  position: absolute;
  top: -5em;
  width: 100%;
  background: rgb(146, 216, 253);
  background: linear-gradient(302deg, rgb(146, 216, 253) 0%, rgb(139, 159, 226) 20%, rgb(186, 167, 229) 39%, rgb(219, 189, 147) 58%, rgb(247, 169, 76) 78%, rgb(229, 172, 247) 100%);
  opacity: 0.8;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .footer-bg {
    height: 20em;
  }
}
@media screen and (min-width: 769px) {
  .footer-bg {
    height: 35em;
  }
}/*# sourceMappingURL=style.css.map */