/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/style.scss ***!
  \****************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap);
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/style.scss (1) ***!
  \********************************************************************************************************************/
@charset "UTF-8";
/* Reset CSS */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Improve text rendering */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

/* Default body settings */
body {
  font-family: sans-serif, Arial, Helvetica;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}

/* Remove list styles */
ul, ol {
  list-style: none;
}

/* Remove default link styles */
a {
  text-decoration: none;
  color: inherit;
}

/* Remove button default styles */
button, input, textarea, select {
  font: inherit;
  background: none;
  border: none;
  outline: none;
}

/* Make images responsive */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Reset table styles */
table {
  border-collapse: collapse;
  width: 100%;
}

/* Remove default focus outline (custom focus styles recommended) */
:focus {
  outline: none;
}

.animate-item {
  transform: scale(1);
  opacity: 0;
  filter: blur(10px);
  transition: opacity 0.3s ease-in, filter 0.3s ease;
  transform-origin: center;
}
.animate-item.is-visible {
  transform: scale(1);
  opacity: 1;
  filter: blur(0);
}
.animate-item--fadein {
  transform: scale(1);
  opacity: 1;
  filter: blur(0);
}

.fadeInUp {
  opacity: 0;
}
.fadeInUp.is-visible {
  animation: fadeInUp 1.6s ease;
  animation-fill-mode: forwards;
}

.fadeInLeft {
  opacity: 0;
}
.fadeInLeft.is-visible {
  animation: fadeInLeft 2.6s ease;
  animation-fill-mode: forwards;
}

.fadeInScale {
  opacity: 0;
}
.fadeInScale.is-visible {
  animation: fadeInScale 1.6s ease;
  animation-fill-mode: forwards;
}

.fadeInScaleIn {
  opacity: 0;
}
.fadeInScaleIn.is-visible {
  animation: fadeInScaleIn 1.6s ease;
  animation-fill-mode: forwards;
}

.fadeInOpacity {
  opacity: 0;
}
.fadeInOpacity.is-visible {
  animation: fadeInOpacity 1.6s ease;
  animation-fill-mode: forwards;
}

.ani-wapper {
  overflow: hidden;
}

@keyframes path_animation {
  0% {
    opacity: 1;
    fill: #008ed2;
  }
  100% {
    fill: white;
    opacity: 0;
  }
}
@keyframes contact_animation {
  0% {
    opacity: 0;
  }
  100% {
    fill: #1c9edd;
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes fadeInScaleIn {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(0.8);
    filter: blur(100px);
  }
  5% {
    opacity: 1;
  }
  6% {
    opacity: 0.2;
  }
  10% {
    opacity: 1;
  }
  80% {
    filter: blur(0px);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0px);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes change-color {
  0% {
    background-color: #e6e6e6;
    color: #758395;
  }
  100% {
    background-color: #9fdaf7;
    color: #008ed2;
  }
}
.jarallax {
  position: relative;
  z-index: 0;
}

.jarallax > .jarallax-img, picture.jarallax-img img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

.egfm-wrapper {
  font-size: clamp(16px, (100vw - 360px) * 16 / 360 + 16px, 32px);
}
@media (max-width: 719px) {
  .egfm-wrapper {
    font-size: clamp(16px, (100vw - 360px) * 16 / 360 + 16px, 32px);
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper {
    font-size: clamp(18px, (100vw - 720px) * 18 / 720 + 18px, 36px);
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper {
    font-size: clamp(16px, (100vw - 1440px) * 18 / 1440 + 18px, 36px);
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper {
    font-size: 18px;
  }
}
.egfm-wrapper p {
  font-size: 1em;
  font-weight: 400;
}
.egfm-wrapper h5 {
  font-size: 1.25em;
}
.egfm-wrapper h4 {
  font-size: 1.5em;
}
.egfm-wrapper h3 {
  font-size: 1.875em;
}
.egfm-wrapper h2 {
  font-size: 2.25em;
}
.egfm-wrapper h1 {
  font-size: 2.5em;
}

body {
  font-family: "Noto Sans TC", "Roboto", sans-serif;
  color: #1f1f1f;
  background-color: #FFF;
}

.egfm-wrapper .egfm-contact {
  width: 100%;
}
.egfm-wrapper .egfm-contact__container {
  position: relative;
  width: 100%;
  padding-top: calc(20 * ((100vw - 360px) * 16 / 360 + 16px));
  overflow: hidden;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-contact__container {
    padding-top: calc(20 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-contact__container {
    padding-top: calc(24 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-contact__container {
    padding-top: 29.68%;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-contact__container {
    padding-top: 29.68%;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-contact__container {
    width: 1280px;
    padding-top: 380px;
  }
}
.egfm-wrapper .egfm-contact__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.egfm-wrapper .egfm-contact__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.egfm-wrapper .egfm-contact__colorbar {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.egfm-wrapper .egfm-contact__colorbar svg {
  width: 100%;
  height: 100%;
}
.egfm-wrapper .egfm-contact__colorbar.is-visible svg #contactbar0 {
  animation: contact_animation 0.8s ease-in forwards;
}
.egfm-wrapper .egfm-contact__colorbar.is-visible svg #contactbar1 {
  animation: contact_animation 0.4s ease-in 0.4s forwards;
}
.egfm-wrapper .egfm-contact__colorbar.is-visible svg #contactbar2 {
  animation: contact_animation 0.8s ease-in 0.8s forwards;
}
.egfm-wrapper .egfm-contact__colorbar.is-visible svg #contactbar3 {
  animation: contact_animation 1s ease-in 0.4s forwards;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-contact__colorbar {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-contact__colorbar {
    display: block;
    height: 100%;
    width: 44%;
    right: -6.5%;
    top: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-contact__colorbar {
    display: block;
    height: 380px;
    width: 254px;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-contact__colorbar {
    display: block;
    height: 380px;
    width: 254px;
    right: 0;
    top: 0;
  }
}
.egfm-wrapper .egfm-contact__lines {
  position: absolute;
  top: 0;
  right: calc(-2.5 * ((100vw - 360px) * 16 / 360 + 16px));
  height: 100%;
  width: auto;
  display: none;
}
.egfm-wrapper .egfm-contact__lines img {
  height: 100%;
  width: auto;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-contact__lines {
    display: block;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-contact__lines {
    display: block;
    right: calc(-2.5 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-contact__lines {
    display: block;
    right: 0;
    height: 380px;
    width: 254px;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-contact__lines {
    display: block;
    right: 0;
    height: 380px;
    width: 254px;
  }
}
.egfm-wrapper .egfm-contact__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 1em;
}
.egfm-wrapper .egfm-contact__title {
  color: white;
  font-size: 2.5em;
  line-height: 1.2;
  margin-bottom: 1em;
  font-weight: 500;
}
.egfm-wrapper .egfm-contact__button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.egfm-wrapper .egfm-cases {
  display: none;
}
.egfm-wrapper .egfm-cases.is-active {
  display: block;
}
.egfm-wrapper .egfm-cases__item {
  position: relative;
  width: 80%;
  max-width: calc(18 * ((100vw - 360px) * 16 / 360 + 16px));
  padding-top: 82.75%;
  margin-right: calc(1.5 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-cases__item {
    padding-top: 82.75%;
    margin-right: calc(1.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-cases__item {
    width: calc(24 * ((100vw - 720px) * 18 / 720 + 18px));
    padding-top: calc(16 * ((100vw - 720px) * 18 / 720 + 18px));
    margin-right: 2em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-cases__item {
    width: 450px;
    padding-top: 300px;
    margin-right: 2em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-cases__item {
    width: 450px;
    padding-top: 300px;
    margin-right: 2em;
  }
}
.egfm-wrapper .egfm-cases__item .item__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.egfm-wrapper .egfm-cases__img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.egfm-wrapper .egfm-cases__img img {
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.egfm-wrapper .egfm-cases__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 1em;
}
.egfm-wrapper .egfm-cases .egfm-cases__title {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.3;
  padding: calc(2 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-cases .egfm-cases__title {
    font-size: 1.5em;
    padding: calc(2 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-cases .egfm-cases__title {
    font-size: 1.5em;
    padding: calc(2 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-cases .egfm-cases__title {
    padding: 1em 4.5em 2em 1.5em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-cases .egfm-cases__title {
    padding: 1em 4.5em 2em 1.5em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-cases .egfm-cases__title {
    padding: 1em 4.5em 2em 1.5em;
  }
}
.egfm-wrapper .egfm-cases .button__wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-cases .button__wrapper {
    padding: 2em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-cases .button__wrapper {
    padding: 2em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-cases .button__wrapper {
    padding: 2em;
  }
}
.egfm-wrapper .egfm-cases .egfm__button {
  width: 100%;
  max-width: none;
}
.egfm-wrapper .egfm-footer {
  background-color: #fff;
}
.egfm-wrapper .egfm-footer.is-dark {
  background-color: #1f1f1f;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-footer.is-nopadding .egfm-contact {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-footer.is-nopaddingtop .egfm-contact {
    padding-top: 0;
  }
}

.egfm-nav {
  position: relative;
  top: 0;
  width: 100%;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  z-index: 99;
}
.egfm-nav__list {
  display: flex;
  list-style: none;
  justify-content: space-around;
  max-width: 720px;
  margin: 0 auto;
}
.egfm-nav__item {
  margin: 0 10px;
}
.egfm-nav__link {
  text-decoration: none;
  color: #004465;
  font-weight: bold;
}
.egfm-nav__link--active {
  color: #008ed2;
  position: relative;
  width: 100%;
}
.egfm-nav__link--active:before, .egfm-nav__link--active:after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../../assets/images/button_arrow_nbg.svg);
  top: 50%;
  transform: translateY(-50%);
}
.egfm-nav__link--active:before {
  left: 0;
  margin-left: -1.5em;
  transform: translateY(-50%) rotate(180deg);
}
.egfm-nav__link--active:after {
  margin-right: -1.5em;
  right: 0;
}

.egfm img {
  width: 100%;
}
.egfm-article {
  position: relative;
  width: 100%;
  background-color: white;
}
.egfm-article--gray {
  background-color: #e6e6e6;
}
.egfm-container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: calc(3.3125 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(2.4375 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-container {
    padding: calc(3.3125 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(2.4375 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-container {
    padding: calc(4.5278 * ((100vw - 720px) * 18 / 720 + 18px)) calc(2.22 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-container {
    padding: calc(6 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(4.44 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-container {
    padding: 108px 79.92px;
  }
}
.egfm-container--hero {
  max-width: 1920px;
  padding: 0;
  margin: 0 auto;
}
.egfm-cards {
  display: flex;
}
.egfm-cards__item {
  display: flex;
}

.sp {
  margin-left: -0.3em;
  margin-right: -0.3em;
}
@media (max-width: 719px) {
  .sp {
    margin-left: -0.3em;
    margin-right: -0.3em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .sp {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .sp {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1440px) {
  .sp {
    margin-left: 0;
    margin-right: 0;
  }
}

.egfm-page {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  display: none;
  overflow: hidden;
}
.egfm-page--active {
  visibility: visible;
  display: block;
  opacity: 1;
}
.egfm-page:not(.egfm-page--active) {
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
  display: none;
}

.hidden-mobile {
  display: none;
}
@media (max-width: 719px) {
  .hidden-mobile {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .hidden-mobile {
    display: block;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .hidden-mobile {
    display: block;
  }
}
@media (min-width: 1440px) {
  .hidden-mobile {
    display: block;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .hidden-laptop {
    display: none;
  }
}
@media (min-width: 1440px) {
  .hidden-laptop {
    display: none;
  }
}

.show-mobile {
  display: block;
}
@media (max-width: 719px) {
  .show-mobile {
    display: block;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .show-mobile {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .show-mobile {
    display: none;
  }
}
@media (min-width: 1440px) {
  .show-mobile {
    display: none;
  }
}

.show-tablet {
  display: none;
}
@media (max-width: 719px) {
  .show-tablet {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .show-tablet {
    display: block;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .show-tablet {
    display: none;
  }
}
@media (min-width: 1440px) {
  .show-tablet {
    display: none;
  }
}

.hidden-from-tablet {
  display: block;
}
@media (max-width: 719px) {
  .hidden-from-tablet {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .hidden-from-tablet {
    display: none;
  }
}

.show-tablet {
  display: none;
}
@media (max-width: 719px) {
  .show-tablet {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .show-tablet {
    display: block;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .show-tablet {
    display: none;
  }
}
@media (min-width: 1440px) {
  .show-tablet {
    display: none;
  }
}

.show-laptop {
  display: none;
}
@media (max-width: 719px) {
  .show-laptop {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .show-laptop {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .show-laptop {
    display: block;
  }
}
@media (min-width: 1440px) {
  .show-laptop {
    display: none;
  }
}

.hidden-desktop {
  display: block;
}
@media (max-width: 719px) {
  .hidden-desktop {
    display: block;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .hidden-desktop {
    display: block;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .hidden-desktop {
    display: block;
  }
}
@media (min-width: 1440px) {
  .hidden-desktop {
    display: none;
  }
}

.egfm-section {
  position: relative;
  width: 100%;
  padding: calc(3.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-section {
    padding: calc(3.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-section {
    padding: calc(3.75 * ((100vw - 720px) * 18 / 720 + 18px)) calc(2 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-section {
    padding: calc(3.75 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(4 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-section {
    padding: 67.5px 13.5px;
  }
}

.egfm-title {
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  width: auto;
}
@media (max-width: 719px) {
  .egfm-title {
    text-align: left;
    justify-content: flex-start;
  }
}
.egfm-title:after {
  display: none;
  content: "";
  background-image: url(../../assets/images/title_mark.svg);
  height: clamp(40px, 3.46vw, 50px);
  width: clamp(40px, 3.46vw, 50px);
  background-repeat: no-repeat;
  margin-left: 10px;
  padding-left: 40px;
  margin-top: 10px;
  top: 0;
  padding-left: 40px;
  margin-top: 10px;
  margin-right: -60px;
  margin-left: 10px;
  position: relative;
}
@media (max-width: 719px) {
  .egfm-title:after {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-title:after {
    display: inline-block;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-title:after {
    display: inline-block;
  }
}
@media (min-width: 1440px) {
  .egfm-title:after {
    display: inline-block;
  }
}
.egfm-title .title__content {
  font-size: 2.5em;
  line-height: 1.25;
  text-align: left;
  margin-bottom: calc(1.5626 * ((100vw - 360px) * 16 / 360 + 16px));
  position: relative;
  font-weight: 500;
}
@media (max-width: 719px) {
  .egfm-title .title__content {
    font-size: 2.5em;
    line-height: 1.5;
    margin-bottom: calc(1.5626 * ((100vw - 360px) * 16 / 360 + 16px));
    text-align: left;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-title .title__content {
    font-size: 2.7778em;
    margin-bottom: calc(1.5 * ((100vw - 720px) * 18 / 720 + 18px));
    display: flex;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.2;
    text-align: center;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-title .title__content {
    font-size: 3.333em;
    margin-bottom: calc(3 * ((100vw - 1440px) * 18 / 1440 + 18px));
    line-height: 1.1;
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .egfm-title .title__content {
    font-size: 3.333em;
    line-height: 1.1;
    margin-bottom: 54px;
    text-align: center;
  }
}
.egfm-text {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.egfm-wrapper .egfm-section__title {
  font-size: 2.5em;
  line-height: 1;
  font-weight: 500;
  text-align: left;
  margin-bottom: calc(1.5626 * ((100vw - 360px) * 16 / 360 + 16px));
  position: relative;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-section__title {
    font-size: 2.5em;
    margin-bottom: calc(1.5626 * ((100vw - 360px) * 16 / 360 + 16px));
    text-align: left;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-section__title {
    font-size: 2.7778em;
    margin-bottom: calc(1.5 * ((100vw - 720px) * 18 / 720 + 18px));
    display: flex;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.2;
    text-align: center;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-section__title {
    font-size: 3.333em;
    margin-bottom: calc(3 * ((100vw - 1440px) * 18 / 1440 + 18px));
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-section__title {
    font-size: 3.333em;
    margin-bottom: 54px;
    text-align: center;
  }
}
.egfm-wrapper .egfm-section__title-wrapper {
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  width: auto;
}
.egfm-wrapper .egfm-section__title-wrapper:after {
  display: none;
  content: "";
  background-image: url(../../assets/images/title_mark.svg);
  height: clamp(40px, 3.46vw, 50px);
  width: clamp(40px, 3.46vw, 50px);
  background-repeat: no-repeat;
  margin-left: 10px;
  padding-left: 40px;
  margin-top: 10px;
  top: 0;
  padding-left: 40px;
  margin-top: 10px;
  margin-right: -60px;
  margin-left: 10px;
  position: relative;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-section__title-wrapper:after {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-section__title-wrapper:after {
    display: inline-block;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-section__title-wrapper:after {
    display: inline-block;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-section__title-wrapper:after {
    display: inline-block;
  }
}

.egfm-wrapper .egfm-banner {
  background-color: #008ed2;
}
.egfm-wrapper .egfm-banner .banner-mask {
  display: none;
  position: absolute;
  top: 0;
  left: 44.55%;
  height: 100%;
  aspect-ratio: 1.284/1;
  width: auto;
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner .banner-mask {
    display: block;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner .banner-mask {
    display: block;
  }
}
.egfm-wrapper .egfm-banner .banner-mask svg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.egfm-wrapper .egfm-banner .banner-mask svg #path1 {
  animation: path_animation 0.8s ease-in-out forwards 1.5s;
}
.egfm-wrapper .egfm-banner .banner-mask svg #path2 {
  animation: path_animation 0.4s ease-in-out forwards 2s;
}
.egfm-wrapper .egfm-banner .banner-mask svg #path3 {
  animation: path_animation 0.5s ease-in-out forwards 2.5s;
}
.egfm-wrapper .egfm-banner .banner-mask svg #path4 {
  animation: path_animation 0.8s ease-in-out forwards 2.5s;
}
.egfm-wrapper .egfm-banner__content {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  display: none;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
  padding-top: 45.13%;
  overflow: hidden;
}
.egfm-wrapper .egfm-banner__content.egfm-banner__content--active {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__content {
    padding-top: 0;
    display: none;
    height: auto;
    flex-direction: column-reverse;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__content {
    padding-top: 0;
    display: none;
    height: auto;
    flex-direction: column-reverse;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__content {
    padding-top: 45.13%;
    height: 0;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__content {
    width: 100%;
    max-width: 1440px;
    padding-top: 650px;
  }
}
.egfm-wrapper .egfm-banner__content--active {
  display: flex;
}
.egfm-wrapper .egfm-banner__bg, .egfm-wrapper .egfm-banner__bar, .egfm-wrapper .egfm-banner__arrow, .egfm-wrapper .egfm-banner__line, .egfm-wrapper .egfm-banner__container {
  position: absolute;
  height: 100%;
  width: auto;
}
.egfm-wrapper .egfm-banner__bg img, .egfm-wrapper .egfm-banner__bar img, .egfm-wrapper .egfm-banner__arrow img, .egfm-wrapper .egfm-banner__line img, .egfm-wrapper .egfm-banner__container img {
  height: 100%;
  width: auto;
}
.egfm-wrapper .egfm-banner .bg-container {
  width: 100%;
  height: calc(12.5 * ((100vw - 360px) * 16 / 360 + 16px));
  display: block;
  overflow: hidden;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner .bg-container {
    height: calc(12.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner .bg-container {
    height: calc(20.3 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner .bg-container {
    height: calc(12.5 * ((100vw - 1440px) * 18 / 1440 + 18px));
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner .bg-container {
    height: 225px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
.egfm-wrapper .egfm-banner__bg {
  right: -2px;
  bottom: 0;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__bg {
    position: static;
    height: auto;
    width: 100%;
  }
  .egfm-wrapper .egfm-banner__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.21);
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__bg {
    position: static;
    height: 49.8vw;
    width: 100%;
  }
  .egfm-wrapper .egfm-banner__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__bg {
    position: absolute;
  }
  .egfm-wrapper .egfm-banner__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__bg {
    position: absolute;
    aspect-ratio: 1.284/1;
  }
  .egfm-wrapper .egfm-banner__bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.egfm-wrapper .egfm-banner__bar {
  top: 0;
  right: 40.9%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__bar {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__bar {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__bar {
    display: block;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__bar {
    display: block;
  }
}
.egfm-wrapper .egfm-banner__arrow {
  top: 0;
  left: 44.5%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__arrow {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__arrow {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__arrow {
    display: block;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__arrow {
    display: block;
  }
}
.egfm-wrapper .egfm-banner__line {
  top: 0;
  left: 44.7%;
  right: auto;
  transform-origin: 26%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__line {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__line {
    display: block;
    right: 0;
    height: auto;
    left: auto;
    width: calc(15 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__line {
    display: block;
    top: 0;
    left: auto;
    right: -2.5%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__line {
    display: block;
    right: -2.5%;
    left: auto;
  }
}
.egfm-wrapper .egfm-banner__container {
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: calc(3.2 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(3 * ((100vw - 360px) * 16 / 360 + 16px));
  position: relative;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__container {
    justify-content: center;
    width: 100%;
    flex-direction: column;
    padding: calc(2 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__container {
    position: relative;
    width: 100%;
    flex-direction: column;
    padding: calc(3 * ((100vw - 720px) * 18 / 720 + 18px)) calc(2 * ((100vw - 720px) * 18 / 720 + 18px));
    height: 56vw;
    justify-content: center;
    align-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__container {
    position: absolute;
    width: 55%;
    padding: calc(5 * ((100vw - 1440px) * 18 / 1440 + 18px));
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__container {
    position: absolute;
    width: 58%;
    padding: 86.4px;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
.egfm-wrapper .egfm-banner__title--main {
  font-size: 2.5em;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: calc(0.875 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__title--main {
    font-size: 2.5em;
    margin-bottom: calc(0.875 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__title--main {
    font-size: 3em;
    margin-bottom: calc(1.52 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__title--main {
    font-size: 3.333em;
    margin-bottom: calc(1.52 * ((100vw - 1440px) * 18 / 1440 + 18px));
    display: block;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__title--main {
    font-size: 3.333em;
    margin-bottom: 27.36px;
    display: block;
  }
}
.egfm-wrapper .egfm-banner__title--en {
  line-height: 1;
  font-weight: 500;
  padding-left: 5px;
  font-size: 1.125em;
  margin-bottom: 0;
  display: block;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__title--en {
    font-size: 1.125em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__title--en {
    font-size: 1.6667em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__title--en {
    font-size: 1.6667em;
    display: block;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__title--en {
    font-size: 1.6667em;
    display: block;
  }
}
.egfm-wrapper .egfm-banner__title--sub {
  color: #fff;
  line-height: 1;
  font-size: 2.25em;
  font-weight: 400;
  margin-bottom: calc(0.875 * ((100vw - 360px) * 16 / 360 + 16px));
  display: block;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__title--sub {
    font-size: 2.25em;
    margin-bottom: calc(0.875 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__title--sub {
    font-size: 2em;
    margin-bottom: calc(1.11 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__title--sub {
    font-size: 2em;
    margin-bottom: calc(1.11 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__title--sub {
    font-size: 2em;
    margin-bottom: 19.98px;
  }
}
.egfm-wrapper .egfm-banner__description {
  font-size: 1em;
  line-height: 1.33;
  font-weight: 400;
  display: block;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-banner__description {
    font-size: 1em;
    margin-bottom: 0;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-banner__description {
    font-size: 1.3333em;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-banner__description {
    font-size: 1.3333em;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-banner__description {
    font-size: 1.3333em;
    margin-bottom: 0;
  }
}

.egfm__button {
  display: flex;
  background-color: #008ed2;
  color: #fff;
  cursor: pointer;
  text-align: center;
  width: 100%;
  max-width: calc(18.125 * ((100vw - 360px) * 16 / 360 + 16px));
  max-height: calc(3.315 * ((100vw - 360px) * 16 / 360 + 16px));
  padding: calc(1.0325 * ((100vw - 360px) * 16 / 360 + 16px));
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  line-height: 1;
  font-weight: 500;
}
@media (max-width: 719px) {
  .egfm__button {
    font-size: 1.25em;
    padding: calc(1.0325 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm__button {
    font-size: 1.333em;
    padding: calc(0.75 * ((100vw - 720px) * 18 / 720 + 18px));
    max-width: calc(16 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm__button {
    font-size: 1em;
    padding: calc(0.75 * ((100vw - 1440px) * 18 / 1440 + 18px));
    max-width: calc(16 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm__button {
    font-size: 1em;
    padding: 13.5px;
    max-width: 288px;
  }
}
.egfm__button--white {
  background-color: #fff;
  color: #008ed2;
  border: none;
  transition: background-color 0.3s ease;
}
.egfm__button--white:hover {
  background-color: #008ed2;
  color: #fff;
}

.egfm-lightbox .lightbox {
  display: none;
  z-index: 999;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 68, 101, 0.8);
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}
.egfm-lightbox .industry__wrapper {
  width: 100%;
  position: relative;
  display: inline-block;
}
.egfm-lightbox .industry__wrapper select {
  appearance: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.egfm-lightbox .industry__wrapper:after {
  content: "▼"; /* 或使用 background-image: url("arrow.svg") */
  position: absolute;
  top: 40%;
  right: 1em;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 0.8em;
  color: #333;
}
.egfm-lightbox input[type=text], .egfm-lightbox input[type=email], .egfm-lightbox select {
  width: 100%;
  padding: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
  background-color: #e6e6e6;
  color: #1f1f1f;
  margin-bottom: 1em;
}
.egfm-lightbox input[type=text]::placeholder, .egfm-lightbox input[type=email]::placeholder, .egfm-lightbox select::placeholder {
  color: #1f1f1f;
}
@media (max-width: 719px) {
  .egfm-lightbox input[type=text], .egfm-lightbox input[type=email], .egfm-lightbox select {
    padding: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-lightbox input[type=text], .egfm-lightbox input[type=email], .egfm-lightbox select {
    padding: calc(0.5 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-lightbox input[type=text], .egfm-lightbox input[type=email], .egfm-lightbox select {
    padding: calc(0.5 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-lightbox input[type=text], .egfm-lightbox input[type=email], .egfm-lightbox select {
    padding: 9px;
  }
}
.egfm-lightbox .lightbox__label {
  display: flex;
  flex-direction: row;
}
.egfm-lightbox .lightbox__checkbox {
  width: calc(0.875 * ((100vw - 360px) * 16 / 360 + 16px));
  height: calc(0.875 * ((100vw - 360px) * 16 / 360 + 16px));
  flex: none;
  margin-bottom: 0;
  margin-right: 0.5em;
  margin-top: 0.25em;
  max-width: 20px;
  max-height: 20px;
}
.egfm-lightbox .checkbox__text {
  font-size: 0.875em;
  line-height: 1.5;
}
@media (max-width: 719px) {
  .egfm-lightbox .checkbox__text {
    font-size: 0.75em;
  }
}
.egfm-lightbox .lightbox__title {
  font-size: 1.1875em;
  font-weight: 500;
  letter-spacing: -0.05em;
  color: #004465;
  margin-bottom: 1em;
}
@media (max-width: 719px) {
  .egfm-lightbox .lightbox__title {
    font-size: 1em;
    margin-bottom: 0.5em;
  }
}
.egfm-lightbox .lightbox__overlay {
  position: absolute;
  inset: 0;
}
.egfm-lightbox .lightbox__content {
  position: relative;
  top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 719px) {
  .egfm-lightbox .lightbox__content {
    top: 50px;
    padding-bottom: 50px;
  }
}
.egfm-lightbox .lightbox__content .content__wrapper {
  position: relative;
  background: white;
  padding: 20px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.egfm-lightbox .lightbox__close {
  position: absolute;
  top: -1.2em;
  right: 0;
  background: none;
  border: none;
  font-size: 2em;
  cursor: pointer;
  color: white;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 719px) {
  .egfm-lightbox .lightbox__close {
    top: -1.6em;
    right: 0.3em;
    font-size: 1.5em;
  }
}
.egfm-lightbox .form-row {
  display: flex;
  gap: 10px;
}
.egfm-lightbox input {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
}
.egfm-lightbox .egfm__button {
  margin-top: 1em;
  max-width: 100%;
}

.egfm-wrapper .splide__arrows {
  position: absolute;
  width: 100%;
}
@media (max-width: 719px) {
  .egfm-wrapper .splide__arrows {
    width: 100%;
    max-width: 100%;
    top: 0;
    transform: translateY(0);
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .splide__arrows {
    width: 100%;
    max-width: 100%;
    top: 0;
    transform: translateY(0);
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .splide__arrows {
    width: 100%;
    max-width: 1200px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .splide__arrows {
    width: 100%;
    max-width: 1200px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
  }
}
.egfm-wrapper .splide__arrows .splide__arrow {
  width: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
  height: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-wrapper .splide__arrows .splide__arrow {
    width: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
    height: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .splide__arrows .splide__arrow {
    width: calc(3.3333 * ((100vw - 720px) * 18 / 720 + 18px));
    height: calc(3.3333 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .splide__arrows .splide__arrow {
    width: calc(2.5 * ((100vw - 1440px) * 18 / 1440 + 18px));
    height: calc(2.5 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .splide__arrows .splide__arrow {
    width: 45px;
    height: 45px;
  }
}
.egfm-wrapper .splide__arrows .splide__arrow__picture {
  width: 100%;
  height: 100%;
}
.egfm-wrapper .splide__arrows .splide__arrow--prev {
  left: 0;
  top: 50%;
  transform: translateY(0) scaleX(-1);
}
.egfm-wrapper .splide__arrows .splide__arrow--next {
  right: 0;
  top: 50%;
  transform: translateY(0);
}

.egfm-main__carousel {
  background-color: #e6e6e6;
  padding: calc(3.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__carousel {
    padding: calc(3.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel {
    padding: calc(3.8889 * ((100vw - 720px) * 18 / 720 + 18px)) calc(2.2222 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel {
    padding: calc(3.8889 * ((100vw - 1440px) * 18 / 1440 + 18px)) 0;
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel {
    padding: 70.0002px 0;
  }
}
.egfm-main__carousel .main-carousel-content .splide__slide .splide__item {
  overflow: hidden;
  transform: scale(0.9);
  transition: transform 0.3s ease-in 0.05s, opacity 0.3s ease-in 0.05s;
  opacity: 0.75;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__slide .splide__item {
    width: calc(100vw - 1.5 * ((100vw - 360px) * 16 / 360 + 16px));
    flex-direction: column;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__slide .splide__item {
    width: calc(100vw - 4 * ((100vw - 720px) * 18 / 720 + 18px));
    flex-flow: wrap-reverse;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__slide .splide__item {
    width: calc(100vw - 8 * ((100vw - 1440px) * 18 / 1440 + 18px));
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__slide .splide__item {
    width: 1280px;
    max-width: 1280px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__slide.is-next .splide__item {
  margin-right: 0;
}
.egfm-main__carousel .main-carousel-content .splide__slide.is-prev .splide__item {
  margin-left: 0;
}
.egfm-main__carousel .main-carousel-content .splide__slide.is-active .splide__item {
  transform: scale(1);
  opacity: 1;
}
.egfm-main__carousel .main-carousel-content .splide__item {
  height: 100%;
  display: flex;
  background-color: white;
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__item {
    width: calc(100vw - 1.5 * ((100vw - 360px) * 16 / 360 + 16px));
    height: auto;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__item {
    width: calc(100vw - 1.5 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item {
    width: 80vw;
    max-width: 1280px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item {
    width: 80vw;
    max-width: 1280px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__background {
  display: none;
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__background picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__background picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__background {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__background {
    display: flex;
    width: 100%;
    padding-top: 50%;
    position: relative;
    overflow: hidden;
  }
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__background picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__background {
    width: 35.47%;
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__background {
    width: 35.47%;
    display: inline-flex;
  }
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: calc(1.125 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(2 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__content {
    width: 100%;
    padding: calc(1.125 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(2 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__content {
    display: flex;
    width: 100%;
    padding: calc(2.5 * ((100vw - 720px) * 18 / 720 + 18px)) calc(3 * ((100vw - 720px) * 18 / 720 + 18px)) calc(2 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__content {
    display: inline-flex;
    width: 62.5%;
    padding: calc(3 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(4 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(3.5 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__content {
    display: inline-flex;
    width: 62.5%;
    padding: 54px 72px 63px 36px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__container {
  position: relative;
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__title {
  color: #008ed2;
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: calc(0.625 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__title {
    font-size: 1.25em;
    margin-bottom: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__title {
    font-size: 1.875em;
    margin-bottom: calc(0.625 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__title {
    font-size: 1.7778em;
    margin-bottom: calc(1.2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__title {
    font-size: 1.7778em;
    margin-bottom: calc(1.2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__description {
  color: #1f1f1f;
  font-size: 1em;
  font-weight: 4 0;
  margin-bottom: calc(2.25 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__description {
    margin-bottom: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__description {
    margin-bottom: calc(1.2 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__description {
    margin-bottom: calc(1.2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__description {
    margin-bottom: calc(1.2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 45px;
  text-align: center;
  padding-bottom: calc(3.75 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords {
    padding-bottom: calc(3.75 * ((100vw - 360px) * 16 / 360 + 16px));
    justify-content: space-between;
    row-gap: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords {
    padding-bottom: calc(2 * ((100vw - 720px) * 18 / 720 + 18px));
    justify-content: flex-start;
    row-gap: calc(2.5 * ((100vw - 720px) * 18 / 720 + 18px));
    column-gap: 2.8em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords {
    padding-bottom: calc(2 * ((100vw - 1440px) * 18 / 1440 + 18px));
    justify-content: flex-start;
    column-gap: calc(4.5 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords {
    padding-bottom: 36px;
    justify-content: flex-start;
    column-gap: 80px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords h4.keywords__title {
  font-size: 1.875em;
  font-weight: 400;
  color: #c19510;
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__keywords.keywords p.keywords__description {
  font-size: 1em;
  font-weight: 300;
  color: #758395;
}
.egfm-main__carousel .main-carousel-content .splide__item .splide-item__button {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__button {
    justify-content: start;
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__item .splide-item__button {
    justify-content: start;
  }
}
.egfm-main__carousel .main-carousel-content .splide__track {
  padding-top: calc(4 * ((100vw - 360px) * 16 / 360 + 16px));
  margin-top: 0;
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__track {
    padding-top: calc(4 * ((100vw - 360px) * 16 / 360 + 16px));
    margin-top: -1em;
    margin-bottom: -2em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__track {
    padding-top: calc(4.33 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__track {
    padding-top: calc(2 * ((100vw - 1440px) * 18 / 1440 + 18px));
    padding-bottom: calc(2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__track {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__pagination {
  bottom: auto;
  top: calc(1.875 * ((100vw - 360px) * 16 / 360 + 16px));
  column-gap: calc(0.6875 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination {
    top: calc(2.575 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination {
    top: auto;
    bottom: 0;
    column-gap: 12.375px;
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination {
    top: auto;
    bottom: 0;
    column-gap: 12.375px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__pagination > li {
  line-height: 0;
}
.egfm-main__carousel .main-carousel-content .splide__pagination > li .splide__pagination__page {
  border-radius: 0;
  height: calc(0.3125 * ((100vw - 360px) * 16 / 360 + 16px));
  width: calc(2.0625 * ((100vw - 360px) * 16 / 360 + 16px));
  background-color: #758395;
  color: #758395;
}
@media (max-width: 719px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination > li .splide__pagination__page {
    height: calc(0.3125 * ((100vw - 360px) * 16 / 360 + 16px));
    width: calc(1.5 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination > li .splide__pagination__page {
    height: calc(0.5 * ((100vw - 720px) * 18 / 720 + 18px));
    width: calc(3.8889 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination > li .splide__pagination__page {
    height: calc(0.3125 * ((100vw - 1440px) * 18 / 1440 + 18px));
    width: calc(3 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__carousel .main-carousel-content .splide__pagination > li .splide__pagination__page {
    height: 5.625px;
    width: 59.94px;
  }
}
.egfm-main__carousel .main-carousel-content .splide__pagination > li .splide__pagination__page.is-active {
  color: #008ed2;
  background-color: #008ed2;
  transform: scale(1);
}
.egfm-main__video .main-video__overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.egfm-main__video .main-video__overlay.is-playing {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.egfm-main__video .main-video__overlay.is-playing .overlay__bg {
  opacity: 0;
}
.egfm-main__video .main-video__overlay.is-paused .overlay__bg {
  opacity: 0;
}
.egfm-main__video .main-video__overlay .overlay__button {
  cursor: pointer;
  pointer-events: all;
  width: 3em;
  height: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.egfm-main__video .main-video__overlay .overlay__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.egfm-main__video .main-video__overlay .overlay__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.egfm-main__video .main-video__container {
  width: 100%;
  padding-top: 57%;
  position: relative;
}
.egfm-main__video .main-video__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.egfm-main__video .main-video__container iframe .ytp-button {
  display: none;
}
.egfm-main__solution .main-solution__button {
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: left;
  column-gap: calc(1 * ((100vw - 360px) * 16 / 360 + 16px));
  background-color: #e6e6e6;
  padding: calc(1 * ((100vw - 360px) * 16 / 360 + 16px)) calc(1.875 * ((100vw - 360px) * 16 / 360 + 16px));
  color: #758395;
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__button {
    padding: calc(1 * ((100vw - 360px) * 16 / 360 + 16px)) calc(1.875 * ((100vw - 360px) * 16 / 360 + 16px));
    justify-content: left;
    column-gap: calc(1 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__button {
    padding: calc(0.75 * ((100vw - 720px) * 18 / 720 + 18px)) calc(9 * ((100vw - 720px) * 18 / 720 + 18px));
    justify-content: left;
    column-gap: calc(1 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__button {
    padding: calc(0.75 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(2.5 * ((100vw - 1440px) * 18 / 1440 + 18px));
    justify-content: center;
    column-gap: calc(1 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__button {
    padding: 13.5px 45px;
    justify-content: center;
    column-gap: 18px;
  }
}
.egfm-main__solution .main-solution__button.is-active {
  background-color: #9fdaf7;
  color: #008ed2;
  animation: change-color 0.3s ease-in-out forwards;
}
.egfm-main__solution .main-solution__button-list {
  margin-bottom: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__button-list {
    display: block;
    margin-bottom: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__button-list {
    display: block;
    margin-bottom: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__button-list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 28.125px;
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__button-list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 28.125px;
  }
}
.egfm-main__solution .main-solution__button-item {
  margin-left: calc(-0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  margin-right: calc(-0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  margin-bottom: calc(0.25 * ((100vw - 360px) * 16 / 360 + 16px));
  width: 100vw;
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__button-item {
    margin-left: calc(-0.75 * ((100vw - 360px) * 16 / 360 + 16px));
    margin-right: calc(-0.75 * ((100vw - 360px) * 16 / 360 + 16px));
    margin-bottom: calc(0.25 * ((100vw - 360px) * 16 / 360 + 16px));
    width: 100vw;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__button-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: calc(0.25 * ((100vw - 720px) * 18 / 720 + 18px));
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__button-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: calc(0.25 * ((100vw - 1440px) * 18 / 1440 + 18px));
    width: 32%;
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__button-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4.5px;
    width: 32%;
  }
}
.egfm-main__solution .main-solution__button .button-icon img {
  height: calc(1.1875 * ((100vw - 360px) * 16 / 360 + 16px));
  width: auto;
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__button .button-icon img {
    height: calc(1.1875 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__button .button-icon img {
    height: calc(1.875 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__button .button-icon img {
    height: calc(1.875 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__button .button-icon img {
    height: 33.75px;
  }
}
.egfm-main__solution .main-solution__button .button-text {
  font-size: 1.1875em;
  font-weight: 500;
  line-height: 1.395;
}
.egfm-main__solution .main-solution__content .solution-detail__item {
  display: none;
  background-color: #e6e6e6;
  position: relative;
  width: 100%;
}
.egfm-main__solution .main-solution__content .solution-detail__item.is-active {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.egfm-main__solution .main-solution__content .content-item {
  display: none;
  background-color: #e6e6e6;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
.egfm-main__solution .main-solution__content .content-item.is-active {
  display: block;
  opacity: 1;
}
.egfm-main__solution .main-solution__content .detail__logo {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  z-index: 99;
  pointer-events: none;
}
.egfm-main__solution .main-solution__content .detail__text {
  padding: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px)) calc(1.125 * ((100vw - 360px) * 16 / 360 + 16px)) calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__content .detail__text {
    padding: calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px)) calc(1.125 * ((100vw - 360px) * 16 / 360 + 16px)) calc(2.5 * ((100vw - 360px) * 16 / 360 + 16px));
    display: block;
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__content .detail__text {
    padding: calc(2.8125 * ((100vw - 720px) * 18 / 720 + 18px)) calc(1.125 * ((100vw - 720px) * 18 / 720 + 18px)) calc(2.3725 * ((100vw - 720px) * 18 / 720 + 18px));
    display: block;
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__content .detail__text {
    padding: 0 calc(1 * ((100vw - 1440px) * 18 / 1440 + 18px)) 0 calc(8 * ((100vw - 1440px) * 18 / 1440 + 18px));
    display: inline-block;
    align-content: center;
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__content .detail__text {
    padding: 0 18px 0 144px;
    display: inline-block;
    align-content: center;
    width: 50%;
  }
}
.egfm-main__solution .main-solution__content .detail__title {
  font-size: 1.5em;
  font-weight: 500;
  color: #008ed2;
  line-height: 1.40625;
  margin-bottom: calc(2.1875 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__content .detail__title {
    font-size: 1.5em;
    margin-bottom: calc(2.1875 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__content .detail__title {
    font-size: 1.875em;
    margin-bottom: calc(1.2 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__content .detail__title {
    font-size: 1.875em;
    margin-bottom: calc(1.2 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__content .detail__title {
    font-size: 1.875em;
    margin-bottom: 21.6px;
  }
}
.egfm-main__solution .main-solution__content .detail__description {
  font-size: 1em;
  font-weight: 400;
  color: #1f1f1f;
  line-height: 1.4;
  margin-bottom: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__content .detail__description {
    font-size: 1em;
    margin-bottom: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__content .detail__description {
    font-size: 1em;
    margin-bottom: calc(1.2 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__content .detail__description {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: calc(2.63 * ((100vw - 1440px) * 18 / 1440 + 18px));
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__content .detail__description {
    font-size: 1em;
    margin-bottom: 47.34px;
  }
}
.egfm-main__solution .main-solution__content .detail__button {
  width: 100%;
  display: flex;
  justify-content: left;
}
.egfm-main__solution .main-solution__content .detail__schematic {
  display: none;
}
@media (max-width: 719px) {
  .egfm-main__solution .main-solution__content .detail__schematic {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__solution .main-solution__content .detail__schematic {
    display: block;
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__solution .main-solution__content .detail__schematic {
    display: inline-block;
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .egfm-main__solution .main-solution__content .detail__schematic {
    display: inline-block;
    width: 50%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__zenfone .main-zenfone__list {
    justify-content: center;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__zenfone .main-zenfone__list {
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  .egfm-main__zenfone .main-zenfone__list {
    justify-content: center;
  }
}
.egfm-main__zenfone .main-zenfone__item {
  overflow: hidden;
  width: 70%;
  max-width: 350px;
  min-width: 276px;
  position: relative;
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__zenfone .main-zenfone__item {
    max-width: 350px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__zenfone .main-zenfone__item {
    max-width: 300px;
  }
}
@media (min-width: 1440px) {
  .egfm-main__zenfone .main-zenfone__item {
    max-width: 300px;
  }
}
.egfm-main__zenfone .main-zenfone__item .hero-container {
  height: 1px;
  background-color: #67bee8;
}
.egfm-main__zenfone .main-zenfone__item .item__wrapper--title {
  padding: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  min-height: calc(5.75 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-main__zenfone .main-zenfone__item .item__wrapper--title {
    padding: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px)) calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
    min-height: calc(5.75 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__zenfone .main-zenfone__item .item__wrapper--title {
    padding: 1.5em 1em 1em;
    min-height: 6em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__zenfone .main-zenfone__item .item__wrapper--title {
    padding: 1.5em 1em 1em;
    min-height: 6em;
  }
}
@media (min-width: 1440px) {
  .egfm-main__zenfone .main-zenfone__item .item__wrapper--title {
    padding: 1.5em 1em 1em;
    min-height: 6em;
  }
}
.egfm-main__zenfone .main-zenfone__item .item__wrapper--description {
  padding: 1em;
}
.egfm-main__zenfone .main-zenfone__item .item__title {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.146;
}
.egfm-main__zenfone .main-zenfone__item .item__description {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #1f1f1f;
  margin-bottom: calc(7.0625 * ((100vw - 360px) * 16 / 360 + 16px));
  list-style-type: disc;
  margin-left: 1em;
}
@media (max-width: 719px) {
  .egfm-main__zenfone .main-zenfone__item .item__description {
    font-size: 1em;
    margin-bottom: calc(7.0625 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-main__zenfone .main-zenfone__item .item__description {
    font-size: 1em;
    margin-bottom: 3em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-main__zenfone .main-zenfone__item .item__description {
    font-size: 1em;
    margin-bottom: 3em;
  }
}
@media (min-width: 1440px) {
  .egfm-main__zenfone .main-zenfone__item .item__description {
    font-size: 1em;
    margin-bottom: 3em;
  }
}
.egfm-main__zenfone .main-zenfone__item .item__button {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.5em;
}
.egfm-main__zenfone .main-zenfone__item .item__img {
  padding: 0 0.5em;
  display: block;
  width: 100%;
}
.egfm-main__zenfone .main-zenfone__item .item__img img {
  display: block;
  width: 100%;
  height: auto;
}

.egfm-wrapper .egfm-ai .ai-onestop {
  background-color: black;
}
.egfm-wrapper .egfm-ai .ai-onestop__feature {
  width: 100%;
  color: white;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature {
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature {
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature {
    width: 70%;
    margin-left: -10%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature {
    width: 70%;
    margin-left: -10%;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item {
  position: relative;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #008ed2;
  justify-content: space-around;
  align-items: center;
  min-height: auto;
  height: 12vw;
  max-height: 210px;
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item:nth-last-child(1) {
  border-bottom: none;
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item:nth-child(1) .item__wrapper .text-wrapper .item__p {
  width: 100%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item {
    flex-direction: column;
    align-items: flex-start;
    max-height: none;
    height: auto;
    padding: 1em 0;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item {
    max-height: none;
    height: auto;
    padding: 1em 0;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper {
  display: flex;
  width: 60%;
  align-items: flex-start;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper {
    width: 100%;
    column-gap: 1em;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .feature__icon {
  width: 2.22em;
  height: 2.22em;
  margin-right: 0.73em;
  margin-top: 0.5em;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .feature__icon {
    width: 2.375em;
    height: 2.375em;
    margin-top: 0.5em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .feature__icon {
    width: 2.22em;
    height: 2.22em;
    margin-right: 1.5em;
    margin-top: 0.3em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .feature__icon {
    margin-right: 1.5em;
    margin-left: -1em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .feature__icon {
    margin-right: 1.5em;
    margin-left: -1em;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .text-wrapper {
  display: flex;
  flex-direction: column;
  width: 75%;
  min-width: 420px;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .text-wrapper {
    min-width: 0;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__wrapper .text-wrapper {
    min-width: 0;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__button {
  position: absolute;
  display: block;
  width: 1.5em;
  height: 1.5em;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__button {
    width: 2.5em;
    height: 2.5em;
    right: 0;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__button {
    width: 2.22em;
    height: 2.22em;
    right: 0.5em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__button {
    width: 3em;
    height: 3em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__button {
    width: 3em;
    height: 3em;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__button .button__arrow {
  width: 100%;
  height: 100%;
  fill: white;
  transform: rotate(0deg);
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title {
  font-size: 1.77em;
  line-height: 1.4;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title {
    font-size: 1.5em;
    line-height: 1.875em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title {
    font-size: 1.77em;
    line-height: 1.5;
    margin-bottom: 0.5em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title {
    margin-bottom: 0.3em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title {
    margin-bottom: 0.3em;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title--en {
  font-size: 1.125em;
  color: #008ed2;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__title--en {
    padding-left: 3.5em;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__p {
  font-size: 1em;
  width: 100%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop__feature .feature__item .item__p {
    width: 80%;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-flexbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-background {
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  padding-top: calc(158% + 10em);
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background {
    padding-top: calc(158% + 10em);
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background {
    padding-top: 159%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background {
    width: 100%;
    padding-top: 0;
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background {
    width: 100%;
    padding-top: 0;
    height: 100%;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-background .ai-onestop__bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-background .ai-onestop__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background .ai-onestop__bg img {
    object-fit: contain;
    object-position: 0%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background .ai-onestop__bg img {
    object-fit: contain;
    object-position: 0%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background .ai-onestop__bg {
    object-fit: contain;
    object-position: 0%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-background .ai-onestop__bg {
    object-fit: contain;
    object-position: 0%;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-title,
.egfm-wrapper .egfm-ai .ai-onestop .egfm-text {
  color: white;
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-lottie {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 127.2%;
  margin-bottom: 15%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-lottie {
    padding-top: 127.2%;
    width: 100%;
    margin-bottom: 15%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-lottie {
    padding-top: 127.2%;
    width: 100%;
    margin-bottom: 15%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-lottie {
    padding-top: 50.88%;
    width: 40%;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-onestop .egfm-lottie {
    padding-top: 50.88%;
    width: 40%;
    margin-bottom: 0;
  }
}
.egfm-wrapper .egfm-ai .ai-onestop .egfm-lottie__content {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.egfm-wrapper .egfm-ai .ai__lightweight {
  background-color: #1f1f1f;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__container {
  display: flex;
  flex-wrap: wrap;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__content {
  width: 100%;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__content {
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__content {
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__content {
    width: 66%;
    margin: 0 0 0 auto;
    padding: 5em 3.4em 5em 5.2em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__content {
    width: 63%;
    max-width: 960px;
    margin: 0 0 0 auto;
    padding: 5em 3.4em 5em 5.2em;
  }
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__image {
  width: 100%;
  padding-top: 55%;
  position: relative;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__image {
    width: 100%;
    padding-top: 55%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__image {
    width: 100%;
    padding-top: 44%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__image {
    width: 33%;
    padding-top: 0%;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__image {
    width: 36%;
    padding-top: 0%;
  }
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__text {
  color: white;
  font-size: 1em;
  font-weight: 400;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__text-wrapper {
  margin-bottom: 3.6em;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__text-wrapper {
    margin-bottom: 2.5em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__text-wrapper {
    margin-bottom: 2.5em;
  }
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature {
  color: white;
  width: 100%;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .slide__item {
  padding: 1em 0.5em 2em 0.5em;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .slide__item p {
  color: #1f1f1f;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .splide__slide {
  background-color: #008ed2;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .feature .splide {
  width: 100%;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .feature__list .item__list {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid white;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .feature__list .item__list > li {
  color: white;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .feature__list .item__list > li:nth-child(1) {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .feature__title {
  color: #008ed2;
  text-align: center;
  font-size: 1.77em;
  margin-bottom: 0.5em;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai__lightweight .lightweight__feature .feature__title {
    text-align: left;
  }
}
.egfm-wrapper .egfm-ai .ai-efficacy {
  position: relative;
  width: 100%;
  background-color: black;
  color: #fff;
}
.egfm-wrapper .egfm-ai .ai-efficacy .efficacy__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1440px) {
  .egfm-wrapper .egfm-ai .ai-efficacy .efficacy__title-wrapper {
    justify-content: center;
  }
}
.egfm-wrapper .egfm-ai .ai-icon {
  width: 2.5em;
  height: 2.5em;
  display: block;
  margin-right: 0.5em;
}
.egfm-wrapper .egfm-ai .ai-title {
  color: white;
  font-size: 2.5em;
  line-height: 1.4;
}
@media (max-width: 719px) {
  .egfm-wrapper .egfm-ai .ai-title {
    font-size: 2.5em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .egfm-ai .ai-title {
    font-size: 2.78em;
  }
}
.egfm-wrapper .egfm-ai .ai-title-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  align-items: center;
  margin-bottom: 0.5em;
}

.egfm .mdm .egfm-cards {
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1em;
  row-gap: 2em;
}
.egfm .mdm .egfm-cards .card {
  flex-direction: column;
  align-items: center;
  gap: 1em;
  text-align: center;
  width: 100%;
}
@media (max-width: 719px) {
  .egfm .mdm .egfm-cards .card {
    width: 100%;
    max-width: auto;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .egfm-cards .card {
    width: 45%;
    max-width: 375px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .egfm-cards .card {
    width: 30%;
    max-width: 375px;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .egfm-cards .card {
    width: 30%;
    max-width: 375px;
  }
}
.egfm .mdm .egfm-cards .card__icon {
  width: calc(4.75 * ((100vw - 360px) * 16 / 360 + 16px));
  height: auto;
}
@media (max-width: 719px) {
  .egfm .mdm .egfm-cards .card__icon {
    width: calc(4.75 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .egfm-cards .card__icon {
    width: calc(4.75 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .egfm-cards .card__icon {
    width: 73px;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .egfm-cards .card__icon {
    width: 73px;
  }
}
.egfm .mdm .egfm-cards .card__title {
  color: #008ed2;
  font-weight: 500;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.3958;
}
@media (max-width: 719px) {
  .egfm .mdm .egfm-cards .card__title {
    font-size: 1.5em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .egfm-cards .card__title {
    font-size: 1.33em;
  }
}
.egfm .mdm .egfm-cards .card__text {
  font-size: 1em;
  color: #1f1f1f;
  text-align: left;
  line-height: 1.4444;
}
.egfm .mdm .parallax__image {
  width: 100%;
  padding-top: 83.33%;
  position: relative;
  display: block;
}
@media (max-width: 719px) {
  .egfm .mdm .parallax__image {
    padding-top: 83.33%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .parallax__image {
    padding-top: 60%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .parallax__image {
    padding-top: 30%;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .parallax__image {
    padding-top: 30%;
  }
}
.egfm .mdm .parallax__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  object-position: 65%;
}
.egfm .mdm .accordion .is-active .accordion__toggle {
  transform: rotate(270deg);
}
.egfm .mdm .accordion .is-active .accordion__toggle .cls-1 {
  fill: black;
}
.egfm .mdm .accordion .is-active .accordion__title--en {
  color: #008ed2;
}
.egfm .mdm .accordion__tri {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.5em;
  opacity: 0.5;
}
.egfm .mdm .accordion__toggle {
  position: absolute;
  top: 4.6em;
  right: 1em;
  width: 3.33em;
  height: 3.33em;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__toggle {
    top: 2.5em;
  }
}
.egfm .mdm .accordion .cls-1 {
  fill: #008ed2;
  fill-rule: evenodd;
  transition: fill 0.3s ease-in-out;
}
.egfm .mdm .accordion .cls-2 {
  fill: #fff;
}
.egfm .mdm .accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  padding: 0;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__content {
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__content {
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__content {
    width: 70%;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__content {
    width: 70%;
  }
}
.egfm .mdm .accordion__content .content__icon {
  display: block;
  width: 4em;
  height: 4em;
  margin-bottom: 1em;
}
.egfm .mdm .accordion__content .content__list {
  padding-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2em;
  padding-right: 0;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__content .content__list {
    padding-right: 0;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__content .content__list {
    padding-right: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__content .content__list {
    padding-right: 2em;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__content .content__list {
    padding-right: 2em;
  }
}
.egfm .mdm .accordion__content .content__item {
  width: 48%;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__content .content__item {
    width: 48%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__content .content__item {
    width: 45%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__content .content__item {
    width: 45%;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__content .content__item {
    width: 45%;
  }
}
.egfm .mdm .accordion__content .content__title {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.5;
}
.egfm .mdm .accordion__content .content__title small {
  font-size: 0.75em;
}
.egfm .mdm .accordion__content .content__text {
  font-size: 1em;
  font-weight: 400;
  color: #1f1f1f;
  line-height: 1.4444;
}
.egfm .mdm .accordion__item {
  cursor: pointer;
  position: relative;
  width: 100%;
  background-color: #e6e6e6;
  padding: 2em 1em 3.3em;
  margin-bottom: 1.5em;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__item {
    padding: 2em 1em 3.3em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__item {
    padding: 3em 1em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__item {
    padding: 4.5em 7.5em;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__item {
    padding: 4.5em 7.5em;
  }
}
.egfm .mdm .accordion__item.is-active .accordion__content {
  max-height: 100px;
  padding: 2em 0 3em;
}
.egfm .mdm .accordion__item.is-active .background-img:after {
  background-image: linear-gradient(rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0) 40%);
}
.egfm .mdm .accordion__header {
  display: flex;
  gap: 2em;
  align-items: center;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__header {
    flex-direction: column;
    gap: 1em;
    align-items: flex-start;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__header {
    flex-direction: row;
    gap: 1em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__header {
    flex-direction: row;
    gap: 2em;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__header {
    flex-direction: row;
    gap: 2em;
  }
}
.egfm .mdm .accordion__header .header__title {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.egfm .mdm .accordion__title {
  font-size: 3.33em;
  color: #008ed2;
  font-weight: 500;
  line-height: 1.2;
  transition: color 0.5s ease 0.3s;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__title {
    font-size: 2.5em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__title {
    font-size: 3.333em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__title {
    font-size: 3.333em;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__title {
    font-size: 3.333em;
  }
}
.egfm .mdm .accordion__title--en {
  color: white;
  display: none;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__title--en {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__title--en {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__title--en {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 67%;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__title--en {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 67%;
  }
}
.egfm .mdm .accordion__subtitle {
  color: #004465;
  font-size: 1.1875em;
  font-weight: 500;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__subtitle {
    font-size: 1.1875em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__subtitle {
    font-size: 1.6em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__subtitle {
    font-size: 1.6em;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__subtitle {
    font-size: 1.6em;
  }
}
.egfm .mdm .accordion__text {
  font-size: 1em;
  color: #1f1f1f;
  line-height: 1.4444;
  font-weight: 400;
  width: 100%;
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__text {
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__text {
    width: 19em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__text {
    width: 25em;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__text {
    width: 25em;
  }
}
.egfm .mdm .accordion__background {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
.egfm .mdm .accordion__background .background-img {
  width: 35.4%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.egfm .mdm .accordion__background .background-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.3));
}
@media (max-width: 719px) {
  .egfm .mdm .accordion__background .background-img {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .accordion__background .background-img {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .accordion__background .background-img {
    display: block;
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .accordion__background .background-img {
    display: block;
  }
}
.egfm .mdm .accordion__background .background-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.egfm .mdm .plan {
  background-color: #e6e6e6;
}
@media (max-width: 719px) {
  .egfm .mdm .plan .egfm-container .egfm-title {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 719px) {
  .egfm .mdm .plan .egfm-container .egfm-title .title__content {
    text-align: center;
  }
}
.egfm .mdm .plan__wrapper {
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
}
.egfm .mdm .plan__item {
  padding: 0 1%;
}
.egfm .mdm .plan__tri {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  opacity: 0.5;
}
.egfm .mdm .plan__tri svg {
  display: block;
  height: 100%;
  width: auto;
}
.egfm .mdm .plan__tri svg .egfm_tri_item {
  fill: #004465;
}
.egfm .mdm .plan__header {
  background-color: #008ed2;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  padding: 0.5em 4em;
  position: relative;
}
.egfm .mdm .plan__content {
  background-color: white;
  padding: 2em 1em;
}
.egfm .mdm .plan__content-item {
  display: flex;
  align-items: center;
  font-size: 1em;
  border-bottom: 1px solid #c3d5ed;
  line-height: 2;
  padding-left: 0.8em;
}
.egfm .mdm .plan__content-item:before {
  display: inline-block;
  margin-right: 0.8em;
  width: 1.2em;
  height: 1.2em;
  background-image: url(../../assets/images/icon_check.svg);
  content: "";
}
.egfm .mdm .plan .splide--disabled {
  visibility: visible;
}
.egfm .mdm .plan .splide--disabled .splide__list {
  transform: none !important;
  width: 100%;
  justify-content: center;
}
.egfm .mdm .plan .splide--disabled .splide__track {
  display: flex !important;
  gap: 1em;
  overflow-x: auto;
  justify-content: center;
  margin-top: -4em;
}
.egfm .mdm .plan .splide--disabled .splide__slide {
  flex: 0 0 auto;
}
.egfm .mdm .plan .splide__track {
  padding-top: 4em;
  margin-top: -2em;
}
.egfm .mdm .plan .splide__arrows {
  position: absolute;
  width: 100%;
}
@media (max-width: 719px) {
  .egfm .mdm .plan .splide__arrows {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm .mdm .plan .splide__arrows {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm .mdm .plan .splide__arrows {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media (min-width: 1440px) {
  .egfm .mdm .plan .splide__arrows {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
.egfm .mdm .plan__icon {
  display: block;
  width: 1em;
  height: 1em;
}
.egfm .mdm .plan__title {
  font-size: 1.1em;
}

.egfm-wrapper .para-test {
  height: 100vh;
}
.egfm-wrapper .egfm-page--security .egfm-section__title {
  color: white;
}
.egfm-wrapper .security-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
}
.egfm-wrapper .security-container .egfm-section__title-wrapper {
  justify-content: flex-start;
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-container {
    max-width: 800px;
    margin-left: calc((100vw - 1280px) / 2);
  }
}
.egfm-wrapper .security__hardware {
  width: 100%;
  background-color: white;
  overflow: hidden;
}
.egfm-wrapper .security__hardware .parallax__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: visible;
  min-height: 400px;
  height: 100%;
  width: 100%;
}
.egfm-wrapper .security__hardware .parallax__wrapper picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.egfm-wrapper .security__hardware .parallax__wrapper .parallax__image {
  display: block;
  min-height: 500px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.egfm-wrapper .security__hardware .parallax__wrapper .parallax__image img {
  width: 100%;
  height: 100%;
}
.egfm-wrapper .security__hardware .egfm-section__text-wrapper {
  position: relative;
}
.egfm-wrapper .security__hardware .egfm-section__text-wrapper .security__text {
  color: white;
}
.egfm-wrapper .security-cards {
  background-color: #FFF;
}
.egfm-wrapper .security-cards .egfm-cards__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5em;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.egfm-wrapper .security-cards .egfm-cards__item {
  width: 100%;
  overflow: hidden;
  background: #e6e6e6;
  position: relative;
  transition: height 0.3s ease-in-out;
}
@media (max-width: 719px) {
  .egfm-wrapper .security-cards .egfm-cards__item {
    width: 100%;
    min-height: calc(10 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .security-cards .egfm-cards__item {
    width: 100%;
    min-height: calc(10 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .security-cards .egfm-cards__item {
    width: 30%;
    height: 325px;
    min-height: 325px;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards .egfm-cards__item {
    width: 30%;
    height: 325px;
    min-height: 325px;
  }
}
.egfm-wrapper .security-cards .egfm-card {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  position: relative;
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-toggle {
  position: absolute;
  background: #008cba;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transform: rotate(90deg);
  transition: transform 0.3s;
  width: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  height: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  right: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
  bottom: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-toggle {
    right: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
    bottom: calc(0.5 * ((100vw - 360px) * 16 / 360 + 16px));
    width: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
    height: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-toggle {
    right: calc(1.3 * ((100vw - 720px) * 18 / 720 + 18px));
    bottom: calc(1.4 * ((100vw - 720px) * 18 / 720 + 18px));
    width: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
    height: calc(1.5625 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-toggle {
    right: calc(1.3 * ((100vw - 1440px) * 18 / 1440 + 18px));
    bottom: calc(1.4 * ((100vw - 1440px) * 18 / 1440 + 18px));
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-toggle {
    right: 23.4px;
    bottom: 25.2px;
    width: 60px;
    height: 60px;
  }
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-toggle.active {
  transform: rotate(270deg);
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-header {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  cursor: pointer;
  overflow: hidden;
  transform: translateY(0);
  padding: calc(1.40625 * ((100vw - 360px) * 16 / 360 + 16px)) calc(1.34375 * ((100vw - 360px) * 16 / 360 + 16px)) 0;
  transition: row-gap 0.3s ease 0.4s;
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-header img {
  transition: transform 0.3s ease 0.4s, opacity 0.5s ease 0.4s, height 0.5s ease 0.4s, width 0.5s ease 0.4s;
  opacity: 1;
  transform: scaleY(1);
}
@media (max-width: 719px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header {
    padding: calc(1.40625 * ((100vw - 360px) * 16 / 360 + 16px)) calc(1.34375 * ((100vw - 360px) * 16 / 360 + 16px)) 0;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header {
    padding: calc(1.40625 * ((100vw - 720px) * 18 / 720 + 18px)) calc(1.34375 * ((100vw - 720px) * 18 / 720 + 18px)) 0;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header {
    padding: calc(1.40625 * ((100vw - 1440px) * 18 / 1440 + 18px)) calc(1.34375 * ((100vw - 1440px) * 18 / 1440 + 18px));
    flex-direction: column;
    row-gap: 1.2em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header {
    padding: 25.3125px 24.1875px;
    flex-direction: column;
    row-gap: 1.2em;
  }
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-icon {
  width: calc(3 * ((100vw - 360px) * 16 / 360 + 16px));
  height: calc(3 * ((100vw - 360px) * 16 / 360 + 16px));
}
@media (max-width: 719px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-icon {
    width: calc(3 * ((100vw - 360px) * 16 / 360 + 16px));
    height: calc(3 * ((100vw - 360px) * 16 / 360 + 16px));
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-icon {
    width: calc(3 * ((100vw - 720px) * 18 / 720 + 18px));
    height: calc(3 * ((100vw - 720px) * 18 / 720 + 18px));
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-icon {
    width: 64px;
    height: 64px;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-icon {
    width: 64px;
    height: 64px;
  }
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-titles {
  flex: 1;
  margin-left: 5px;
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-titles {
    margin-left: 0;
  }
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-titles .egfm-card-title {
  font-size: 1.25em;
  color: #000;
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-header .egfm-card-titles .egfm-card-subtitle {
  font-size: 1.25em;
  color: #008ed2;
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-content {
  position: absolute;
  top: 5em;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease 0s, max-height 0.5ss ease 0s;
  padding: calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
  margin-bottom: 2em;
  opacity: 0;
  transform: translateY(0);
  transform-origin: top;
}
@media (max-width: 719px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-content {
    padding: calc(0.75 * ((100vw - 360px) * 16 / 360 + 16px));
    margin-bottom: 2em;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-content {
    padding: calc(1.5 * ((100vw - 720px) * 18 / 720 + 18px));
    margin-bottom: 4em;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-content {
    padding: calc(1 * ((100vw - 1440px) * 18 / 1440 + 18px));
    padding-bottom: 3.5em;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards .egfm-card .egfm-card-content {
    padding: 18px;
    padding-bottom: 3.5em;
  }
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-content p {
  font-size: 1em;
  color: #1f1f1f;
  padding-bottom: 2em;
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-footer {
  display: block;
  width: 100%;
  padding-top: 12%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.egfm-wrapper .security-cards .egfm-card .egfm-card-footer:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.03em 0 0 1.28em;
  border-color: transparent transparent transparent #67bfeb;
}
.egfm-wrapper .security-cards .egfm-card.expanded .egfm-card-content {
  opacity: 1;
  transform: translateY(0);
  max-height: 400px;
  transition: opacity 1s ease 0.5s, max-height 1s ease 0.5s;
}
.egfm-wrapper .security-cards .egfm-card.expanded .egfm-card-content p {
  padding-top: 0;
}
.egfm-wrapper .security-cards .egfm-card.expanded .egfm-card-header {
  row-gap: 0;
  transition: row-gap 0.5s ease;
}
.egfm-wrapper .security-cards .egfm-card.expanded .egfm-card-header img {
  transform: scaleY(0);
  opacity: 0;
  height: 0;
  width: 0;
  transition: transform 0.5s ease, opacity 0.5s ease, height 0.5s ease, width 0.5s ease;
}
.egfm-wrapper .security-cards__data {
  background-color: #e6e6e6;
}
.egfm-wrapper .security-cards__data .egfm-cards__item {
  background-color: white;
}
.egfm-wrapper .security-cards__firewall .egfm-cards__item {
  width: 100%;
  overflow: hidden;
  background: #e6e6e6;
}
@media (max-width: 719px) {
  .egfm-wrapper .security-cards__firewall .egfm-cards__item {
    width: 100%;
  }
}
@media (min-width: 720px) and (max-width: 1279px) {
  .egfm-wrapper .security-cards__firewall .egfm-cards__item {
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .egfm-wrapper .security-cards__firewall .egfm-cards__item {
    width: 48%;
    height: 220px;
    min-height: 220px;
  }
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards__firewall .egfm-cards__item {
    width: 48%;
    height: 220px;
    min-height: 220px;
  }
}
.egfm-wrapper .security-cards__firewall .egfm-cards__item .egfm-card-header {
  flex-direction: row;
}
@media (min-width: 1440px) {
  .egfm-wrapper .security-cards__firewall .egfm-cards__item .egfm-card-header .egfm-card-titles {
    margin-left: 0.5em;
  }
}