@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,900&display=swap");
html {
  font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, Helvetica, sans-serif, monospace;
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, Helvetica, sans-serif, monospace;
  outline: none;
}
html.no-scroll {
  overflow: hidden;
}
html body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
html img {
  max-width: 100%;
  width: 100%;
}
html .d {
  display: block;
}
html .d.inline {
  display: inline;
}
html .d.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  html .d {
    display: none;
  }
  html .d.inline {
    display: none;
  }
  html .d.flex {
    display: none;
  }
}
html .m {
  display: none;
}
html .m.inline {
  display: none;
}
html .m.flex {
  display: none;
}
@media screen and (max-width: 800px) {
  html .m {
    display: block;
  }
  html .m.inline {
    display: inline;
  }
  html .m.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.fadeIn {
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.fadeIn.animate {
  opacity: 1;
}

.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.fadeInUp.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.fadeInDown {
  opacity: 0;
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.fadeInDown.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(60px);
      -ms-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.fadeInLeft.animate {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
          transform: translateX(-60px);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.fadeInRight.animate {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.shrinkIn {
  opacity: 0;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.shrinkIn.animate {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.popIn {
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.popIn.animate {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

header {
  position: fixed;
  top: 0.63vw;
  left: 1.35vw;
  width: 97.29vw;
  background-color: white;
  border-radius: 2.6vw;
  height: 5.21vw;
  padding-left: 2.5vw;
  padding-right: 5.73vw;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  header {
    top: 3.73vw;
    left: 2.13vw;
    width: 95.73vw;
    height: 14.13vw;
    border-radius: 8vw;
    padding-left: 8vw;
    padding-right: 4.27vw;
  }
}
header .logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .logo-wrap img {
  width: 12.71vw;
}
@media screen and (max-width: 800px) {
  header .logo-wrap img {
    width: 33.87vw;
  }
}
header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.08vw;
  padding-top: 1.3vw;
}
@media screen and (max-width: 800px) {
  header nav {
    display: none;
  }
}
header nav .anchor-link {
  line-height: 2.6vw;
  height: 2.6vw;
  font-size: 1.35vw;
  font-weight: bold;
  color: #434343;
  padding: 0 0.73vw;
  cursor: pointer;
}
header nav .anchor-link:hover {
  background-color: #FF9F33;
  color: white;
}
@media screen and (max-width: 800px) {
  header .menu.m {
    width: 14.13vw;
    height: 14.13vw;
    position: relative;
  }
  header .menu.m.active .open {
    opacity: 0;
  }
  header .menu.m.active .close {
    opacity: 1;
  }
  header .menu.m .open, header .menu.m .close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  header .menu.m .open {
    opacity: 1;
  }
  header .menu.m .close {
    opacity: 0;
  }
}

@media screen and (max-width: 800px) {
  nav.m {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100svh;
    background-image: url("../assets/header-bg-m.png");
    background-size: cover;
    background-position: center;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 17.07vw;
    padding-top: 33.07vw;
    opacity: 0;
    visibility: hidden;
  }
  nav.m.active {
    opacity: 1;
    visibility: visible;
  }
  nav.m .anchor-link {
    font-size: 8.53vw;
    font-weight: bold;
    color: #434343;
    text-align: center;
  }
}

footer {
  position: relative;
  z-index: 1;
  border-top: 0.52vw solid #0D1AC1;
}
@media screen and (max-width: 800px) {
  footer {
    border-top: 2.67vw solid #0D1AC1;
  }
}
footer .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.67vw 0 0.99vw 0;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap {
    display: block;
    padding: 6.67vw 0 6.67vw 0;
  }
}
footer .flex-wrap .left-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 14.58vw;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap .logo-wrap {
    width: 41.33vw;
    margin: 0 auto;
  }
}
footer .flex-wrap .left-wrap .logo-wrap a.logo {
  display: block;
}
footer .flex-wrap .left-wrap .logo-wrap a.logo img {
  width: 11.41vw;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap .logo-wrap a.logo img {
    width: 100%;
  }
}
footer .flex-wrap .left-wrap .logo-wrap .serial {
  font-size: 0.83vw;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap .logo-wrap .serial {
    font-size: 2.93vw;
    margin-top: -0.8vw;
  }
}
footer .flex-wrap .left-wrap .info-wrap {
  margin-left: 1.56vw;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap .info-wrap {
    margin-left: 0;
    text-align: center;
    margin-top: 4vw;
  }
}
footer .flex-wrap .left-wrap .info-wrap .company {
  font-size: 1.04vw;
  font-weight: bold;
  color: #00428B;
  margin-top: -0.16vw;
  margin-bottom: 0.65vw;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap .info-wrap .company {
    margin-top: 0;
    margin-bottom: 1vw;
    font-size: 4.27vw;
  }
}
footer .flex-wrap .left-wrap .info-wrap .address, footer .flex-wrap .left-wrap .info-wrap .phone {
  font-size: 0.78vw;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .left-wrap .info-wrap .address, footer .flex-wrap .left-wrap .info-wrap .phone {
    font-size: 3.2vw;
  }
}
footer .flex-wrap .left-wrap .info-wrap .address a, footer .flex-wrap .left-wrap .info-wrap .phone a {
  color: black;
  text-decoration: none;
}
footer .flex-wrap .right-wrap .free {
  font-size: 1.04vw;
  font-weight: 900;
  line-height: 3.65vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .right-wrap .free {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 4vw;
    line-height: 6vw;
    margin-top: 4.27vw;
    font-weight: bold;
  }
}
footer .flex-wrap .right-wrap .free a {
  font-size: 2.6vw;
  font-weight: 900;
  color: #FF791C;
  text-decoration: none;
  line-height: 3.65vw;
}
@media screen and (max-width: 800px) {
  footer .flex-wrap .right-wrap .free a {
    font-size: 9.6vw;
    line-height: 5.33vw;
    margin-left: 1vw;
  }
}
footer .details-wrap {
  padding: 1.25vw 0;
  background-color: #EFEFEF;
}
@media screen and (max-width: 800px) {
  footer .details-wrap {
    padding: 4.8vw 8vw 4.8vw 6.67vw;
  }
}
footer .details-wrap .content-wrap {
  width: 71.35vw;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  footer .details-wrap .content-wrap {
    width: 100%;
  }
}
footer .details-wrap .content-wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.89vw;
}
footer .details-wrap .content-wrap .row:first-child {
  margin-top: 0;
}
footer .details-wrap .content-wrap .row.brown .square {
  background-color: #CA751E;
}
footer .details-wrap .content-wrap .row.brown .text {
  color: #CA751E;
}
@media screen and (max-width: 800px) {
  footer .details-wrap .content-wrap .row {
    margin-top: 4vw;
  }
  footer .details-wrap .content-wrap .row:first-child {
    margin-top: 0;
  }
}
footer .details-wrap .content-wrap .row .square {
  width: 0.57vw;
  height: 0.57vw;
  min-width: 0.57vw;
  background-color: black;
  margin-right: 0.73vw;
  margin-top: 0.6vw;
}
@media screen and (max-width: 800px) {
  footer .details-wrap .content-wrap .row .square {
    width: 2.93vw;
    height: 2.93vw;
    min-width: 2.93vw;
    margin-right: 1.33vw;
    margin-top: 1.7vw;
  }
}
footer .details-wrap .content-wrap .row .text {
  font-size: 1.09vw;
  color: black;
}
@media screen and (max-width: 800px) {
  footer .details-wrap .content-wrap .row .text {
    font-size: 4.27vw;
  }
}

section.section1 {
  position: relative;
}
section.section1 .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation-name: breathe;
          animation-name: breathe;
  -webkit-animation-duration: 3000ms;
          animation-duration: 3000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
section.section1 .text1 {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
section.section1 .text2 {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
section.section1 .text3 {
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
@-webkit-keyframes breathe {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}
@keyframes breathe {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}
section.section1 .notice {
  height: 5.89vw;
  background-color: #FF7F00;
  position: absolute;
  left: -1.04vw;
  bottom: 0;
  width: calc(100% + 2.08vw);
  padding-top: 1.72vw;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (max-width: 800px) {
  section.section1 .notice {
    height: 13.33vw;
    left: -2.67vw;
    width: calc(100% + 5.33vw);
    padding-top: 3.2vw;
    bottom: -4vw;
  }
}
section.section1 .notice img {
  height: 2.4vw;
  width: auto;
  display: inline-block;
  -webkit-animation: marquee 15s linear infinite;
          animation: marquee 15s linear infinite;
  max-width: unset;
}
@media screen and (max-width: 800px) {
  section.section1 .notice img {
    height: 6vw;
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
  100% {
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
  100% {
    -webkit-transform: translateX(-120%);
            transform: translateX(-120%);
  }
}

section.section2 {
  background-color: #EBEBEB;
  padding-top: 5.21vw;
  padding-bottom: 2.08vw;
}
@media screen and (max-width: 800px) {
  section.section2 {
    padding-top: 8vw;
    padding-bottom: 4.27vw;
  }
}
section.section2 h1 {
  font-size: 5.21vw;
  font-weight: 900;
  color: #434343;
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 800px) {
  section.section2 h1 {
    font-size: 13.33vw;
    font-weight: bold;
  }
}
section.section2 p {
  color: #434343;
  font-size: 1.67vw;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 2.6vw;
  width: 71.61vw;
}
section.section2 p:first-of-type {
  margin-top: 0.78vw;
}
@media screen and (max-width: 800px) {
  section.section2 p {
    font-size: 5.33vw;
    margin-top: 7.2vw;
    width: 84.27vw;
  }
  section.section2 p:first-of-type {
    margin-top: 1.87vw;
  }
}
section.section2 p span {
  background-color: #0D1AC1;
  color: white;
}

section.section3 {
  background-image: url("../assets/sec3-bg-d.png");
  background-size: cover;
  background-position: center;
  padding-top: 1.04vw;
  padding-bottom: 8.85vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  section.section3 {
    background-image: url("../assets/sec3-bg-m.png");
    padding-top: 2.13vw;
    padding-bottom: 21.33vw;
  }
}
section.section3 h2 {
  margin: 0;
  font-size: 5.21vw;
  font-weight: 900;
  text-align: center;
  color: white;
}
@media screen and (max-width: 800px) {
  section.section3 h2 {
    font-size: 13.33vw;
    font-weight: bold;
  }
}
section.section3 h2 span {
  color: #FF7F00;
}
section.section3 .figs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.56vw 3.33vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.78vw;
}
@media screen and (max-width: 800px) {
  section.section3 .figs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
  }
}
section.section3 .figs .fig {
  width: 22.55vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  section.section3 .figs .fig {
    width: 85.33vw;
    margin: 0 auto;
  }
}
section.section3 .figs .fig .stamp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
  transition: all 1000ms cubic-bezier(0.68, 0, 0.265, 1);
}
section.section3 .figs .fig .stamp.animate {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
section.section3 .figs .fig .text-wrap {
  position: absolute;
  width: 100%;
  top: 10.16vw;
  left: 0;
  text-align: center;
}
@media screen and (max-width: 800px) {
  section.section3 .figs .fig .text-wrap {
    top: 38.4vw;
  }
}
section.section3 .figs .fig .text-wrap .title {
  font-size: 2.6vw;
  font-weight: bold;
  color: white;
}
@media screen and (max-width: 800px) {
  section.section3 .figs .fig .text-wrap .title {
    font-size: 10.13vw;
  }
}
section.section3 .figs .fig .text-wrap .text {
  width: 18.96vw;
  font-size: 1.35vw;
  color: #434343;
  margin: 0 auto;
  line-height: 135%;
}
@media screen and (max-width: 800px) {
  section.section3 .figs .fig .text-wrap .text {
    font-size: 5.33vw;
    width: 69.33vw;
    margin-top: 0.8vw;
  }
}
section.section3 .warning {
  width: 2.76vw;
  position: absolute;
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
@media screen and (max-width: 800px) {
  section.section3 .warning {
    width: 4.8vw;
  }
}
section.section3 .warning1 {
  top: 58.59vw;
  left: 19.79vw;
}
@media screen and (max-width: 800px) {
  section.section3 .warning1 {
    top: 423.5vw;
    left: 1.33vw;
  }
}
section.section3 .warning2 {
  top: 56.51vw;
  left: 77.34vw;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
@media screen and (max-width: 800px) {
  section.section3 .warning2 {
    top: 418vw;
    left: 93.33vw;
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

section.section4 {
  background-image: url("../assets/sec4-bg-d.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 4.43vw;
  padding-bottom: 4.43vw;
  margin-top: -3.65vw;
}
@media screen and (max-width: 800px) {
  section.section4 {
    background-image: url("../assets/sec4-bg-m.png");
    padding-top: 10.67vw;
    padding-bottom: 4.27vw;
    margin-top: -8vw;
  }
}
section.section4 h2 {
  font-size: 5.21vw;
  color: white;
  font-weight: bold;
  text-align: center;
  margin: 0;
  text-shadow: 0.16vw 0.16vw 0.21vw black, -0.16vw -0.16vw 0.21vw black, 0.16vw -0.16vw 0.21vw black, -0.16vw 0.16vw 0.21vw black;
}
@media screen and (max-width: 800px) {
  section.section4 h2 {
    font-size: 13.33vw;
    text-shadow: unset;
    color: #434343;
  }
}
section.section4 h2 span {
  color: #FF7F00;
}
section.section4 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.56vw;
}
@media screen and (max-width: 800px) {
  section.section4 .flex {
    margin-top: 4.27vw;
    display: block;
  }
}
section.section4 .flex .group {
  width: 50%;
  text-align: center;
}
section.section4 .flex .group.left {
  color: #434343;
}
section.section4 .flex .group.right {
  color: white;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group {
    width: 100%;
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  section.section4 .flex .group.right {
    margin-top: 14vw;
    padding-bottom: 2vw;
  }
}
section.section4 .flex .group .title {
  font-size: 3.65vw;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group .title {
    font-size: 11.2vw;
  }
}
section.section4 .flex .group .title span.blue {
  color: #0D1AC1;
}
section.section4 .flex .group .title span.orange {
  color: #FF7F00;
}
section.section4 .flex .group .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.65vw;
  margin-top: 2.08vw;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group .content {
    gap: 6.4vw;
    margin-top: 6.4vw;
  }
}
section.section4 .flex .group .item .heading {
  font-size: 2.6vw;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group .item .heading {
    font-size: 9.6vw;
  }
}
section.section4 .flex .group .item .heading span.blue {
  color: white;
  background-color: #0D1AC1;
}
section.section4 .flex .group .item .heading span.orange {
  color: white;
  background-color: #FF7F00;
}
section.section4 .flex .group .item .text {
  margin-top: 0.52vw;
  font-size: 1.35vw;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group .item .text {
    font-size: 4.8vw;
    width: 80vw;
    margin: 0 auto;
    margin-top: 0;
  }
}
section.section4 .flex .group .item .text span.blue-highlight {
  color: #0D1AC1;
  font-weight: bold;
  font-size: 1.82vw;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group .item .text span.blue-highlight {
    font-size: 6.4vw;
  }
}
section.section4 .flex .group .item .text span.orange-highlight {
  color: #FF7F00;
  font-weight: bold;
  font-size: 1.82vw;
}
@media screen and (max-width: 800px) {
  section.section4 .flex .group .item .text span.orange-highlight {
    font-size: 6.4vw;
  }
}
section.section4 .flex .group .item .text span.bold {
  font-weight: bold;
}

section.section5 {
  padding-top: 1.56vw;
  padding-bottom: 2.6vw;
}
@media screen and (max-width: 800px) {
  section.section5 {
    padding-top: 2.13vw;
    padding-bottom: 5.33vw;
  }
}
section.section5 h2 {
  font-size: 5.21vw;
  color: #434343;
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 800px) {
  section.section5 h2 {
    font-size: 13.33vw;
  }
}
section.section5 .links {
  margin: 0 auto;
  margin-top: 0.52vw;
  width: 67.19vw;
}
@media screen and (max-width: 800px) {
  section.section5 .links {
    width: 90.67vw;
    margin-top: 1.07vw;
  }
}
section.section5 .links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.85vw;
  line-height: 3.75vw;
  padding-left: 3.44vw;
  text-decoration: none;
  border: 1px solid #707070;
  margin-bottom: 1.77vw;
}
section.section5 .links a:last-of-type {
  margin-bottom: 0;
}
section.section5 .links a:hover {
  border-color: #FF7F00;
  background-color: #FF7F00;
}
section.section5 .links a:hover .text {
  color: white;
}
section.section5 .links a:hover .arrow .hover {
  opacity: 1;
}
@media screen and (max-width: 800px) {
  section.section5 .links a {
    height: 16.53vw;
    line-height: 16vw;
    padding-left: 1.6vw;
    margin-bottom: 4vw;
  }
  section.section5 .links a:hover {
    border-color: #707070;
    background-color: white;
  }
  section.section5 .links a:hover .text {
    color: #434343;
  }
}
section.section5 .links a .text {
  font-size: 2.34vw;
  color: #434343;
  width: 27.08vw;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  section.section5 .links a .text {
    font-size: 6.67vw;
    width: 78.67vw;
  }
}
section.section5 .links a .arrow {
  width: 5.52vw;
  position: relative;
  margin-top: 0.52vw;
}
@media screen and (max-width: 800px) {
  section.section5 .links a .arrow {
    width: 8vw;
    margin-top: 5.33vw;
  }
}
section.section5 .links a .arrow .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}