@import url(./fonts/fontawesome/css/all.min.css);
@import url(./fonts/typography.css);
:root {
  --f-body: "Google-Sans";
  --blue: #1C9AD6;
  --white: #fff;
  --grey: #252529;
  --orange: #F08808;
  --black: #303030;
  --lg-green-blue: linear-gradient(180deg, #34A853 0%, #4285F4 100%);
  --lg-5-blue: linear-gradient(270deg, #094AA8 -22.83%, #4285F4 33.11%, #4B8CF6 61.07%, #5D9BFB 80.21%, #68A5FE 123.15%);
  --lg-5-blue-2: linear-gradient(90deg, #094AA8 -6.5%, #4285F4 48.31%, #4B8CF6 75.71%, #5D9BFB 137.72%);
  --bg-bland-blue: #DEF;
  --bg-bland-blue-opacity: rgba(221, 238, 255, 0.3);
  --bg-bland-blue-2: #EDF1FD;
  --box-shadow-1: rgba(48, 48, 48, 0.15);
  --box-shadow-2: rgba(33, 33, 33, 0.20);
  --box-shadow-3: rgba(1, 76, 221, 0.10);
  --gray-2: #515151;
  --gray-3: #8894AA;
  --border-1: #CFD4EF;
  --white-2: #F1F9FF;
  --black-bold: #000;
  --blue-2: #4285F4;
  --border-text-run: #FBBC05;
  --bg-text-run: #F7E7B2;
  --green-2: #34A853;
}

body {
  font-family: var(--f-body);
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

input,
textarea,
select {
  outline: 0;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

figure {
  margin: 0;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1240px) and (max-width: 1599px) {
  .container {
    max-width: 1140px;
  }
}
.container {
  padding-left: 10px;
  padding-right: 10px;
}

.row-0 {
  margin-left: 0;
  margin-right: 0;
}

.row-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-15 {
  margin-left: -15px;
  margin-right: -15px;
}

.p-0 {
  padding-left: 0;
  padding-right: 0;
}

.p-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p-15 {
  padding-left: 15px;
  padding-right: 15px;
}

/*----------------------------------------------Header----------------------------------------------*/
.header {
  border-bottom: 1px solid rgba(81, 81, 81, 0.2);
  background: #FFF;
  position: relative;
  z-index: 33;
}
.header .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 105.20969rem;
  margin: auto;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  .header .header-wrapper {
    max-width: 100rem;
  }
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper {
    padding: 0 1.25rem;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper {
    padding: 1rem 0.75rem;
  }
}
.header .header-wrapper .left {
  display: flex;
}
.header .header-wrapper .left figure {
  margin: 0;
}
.header .header-wrapper .left figure img {
  width: 100%;
  height: auto;
}
.header .header-wrapper .left .logo-pt {
  max-width: 11.375rem;
  align-items: end;
  margin-top: 1rem;
  margin-right: 3.5rem;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .left .logo-pt {
    margin-right: 1.5rem;
    max-width: 10rem;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .left .logo-pt {
    margin-right: 0.75rem;
    max-width: 8rem;
  }
}
.header .header-wrapper .left .logo {
  max-width: 9.4565rem;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .left .logo {
    max-width: 9rem;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .left .logo {
    max-width: 7rem;
  }
}
.header .header-wrapper .mid .menu {
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #FFF;
    width: 350px;
    z-index: 99;
    padding: 1.25rem 1rem;
    transform: translateX(-100%);
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu {
    width: 100%;
  }
}
.header .header-wrapper .mid .menu .logo-mb {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu .logo-mb {
    display: flex;
    align-items: end;
    margin-bottom: 2rem;
  }
}
.header .header-wrapper .mid .menu .logo-mb .logo-pt {
  max-width: 11.375rem;
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu .logo-mb .logo-pt {
    max-width: 4.64706rem;
  }
}
.header .header-wrapper .mid .menu .logo-mb .logo {
  max-width: 9.4565rem;
  margin-left: 1.28rem;
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu .logo-mb .logo {
    max-width: 6.86331rem;
  }
}
.header .header-wrapper .mid .menu .logo-mb img {
  width: 100%;
  height: auto;
}
.header .header-wrapper .mid .menu ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul {
    flex-direction: column;
    gap: 1rem;
    align-items: start;
  }
}
.header .header-wrapper .mid .menu ul li {
  padding: 2.25rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 2.5rem;
}
.header .header-wrapper .mid .menu ul li:last-child {
  margin: 0;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li {
    padding: 2rem 0;
    margin-right: 1.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li {
    padding: 0;
    width: 100%;
    margin: 0;
  }
}
.header .header-wrapper .mid .menu ul li:hover .mega-menu {
  display: block;
}
.header .header-wrapper .mid .menu ul li a {
  padding-bottom: 0.31rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 1rem;
  text-decoration: none;
  color: var(--black);
  position: relative;
  display: block;
}
.header .header-wrapper .mid .menu ul li a:hover {
  color: var(--blue);
}
.header .header-wrapper .mid .menu ul li a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.8125rem;
  height: 0.125rem;
  background: var(--blue);
  content: "";
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li a::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="343" height="1" viewBox="0 0 343 1" fill="none"><rect width="88.4312" height="1" fill="%23EA4335"/><rect x="88.4297" width="123.268" height="1" fill="%234285F4"/><rect x="211.693" width="49.843" height="1" fill="%2334A853"/><rect x="261.535" width="81.4639" height="1" fill="%23FBBC05"/></svg>');
    width: 100%;
    background: unset;
    display: block;
  }
}
.header .header-wrapper .mid .menu ul li i {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li i {
    display: block;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu {
  position: absolute;
  width: 100%;
  top: 101%;
  z-index: 99;
  background: var(--white);
  left: 0;
  right: 0;
  padding: 2.5rem 0 6rem;
  display: none;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu {
    padding: 2rem 0 3.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 1.25rem 1rem;
    width: 350px;
    transform: translateX(-100%);
    display: block;
    max-height: 100%;
    overflow: auto;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu {
    width: 100%;
    top: 3.75rem;
  }
  .header .header-wrapper .mid .menu ul li .mega-menu .container {
    padding: 0;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .back {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .back {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .back p {
  margin-left: 0.5rem;
}
.header .header-wrapper .mid .menu ul li .mega-menu .title {
  margin-bottom: 4.13rem;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .title {
    margin-bottom: 1rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .title h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem; /* 143.75% */
  letter-spacing: 0.02rem;
  color: var(--black);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .title h4 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .title h4 {
    font-size: 1.5rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .title h4 {
    font-size: 1.25rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content {
    flex-direction: column;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left {
  max-width: 44.5rem;
  width: 100%;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left {
    max-width: 42rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left h4 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 145.455% */
  letter-spacing: 0.01375rem;
  color: var(--black);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left h4 {
    font-size: 1.125rem;
    line-height: normal;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.63rem;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list {
    gap: 1.125rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list {
    grid-template-columns: 1fr;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child {
    display: flex;
    align-items: center;
    padding-bottom: 0.5rem;
    overflow: hidden;
  }
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.125rem;
    content: "";
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="343" height="1" viewBox="0 0 343 1" fill="none"><rect width="88.4312" height="1" fill="%23EA4335"/><rect x="88.4297" width="123.268" height="1" fill="%234285F4"/><rect x="211.693" width="49.843" height="1" fill="%2334A853"/><rect x="261.535" width="81.4639" height="1" fill="%23FBBC05"/></svg>');
    width: 100%;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child:hover .action span {
  width: 100%;
  margin-right: 0.25rem;
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child a {
    font-size: 0.75rem;
    line-height: normal;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child p {
  margin: 0.5rem 0;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  color: #515151;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child p {
    display: none;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child .action {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child .action {
    margin-left: 0.5rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child .action span {
  overflow: hidden;
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--blue);
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 0;
  transition: all 0.9s;
  max-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-left .list .child .action span {
    display: none;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-right {
  max-width: 30.125rem;
  width: 100%;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-right {
    max-width: 24rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-right {
    margin-top: 1.5rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-right h4 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 145.455% */
  letter-spacing: 0.01375rem;
  color: var(--black);
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-right h4 {
    font-size: 1.125rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-right h4 {
    font-size: 1rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-right p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-right p {
    font-size: 0.75rem;
    line-height: normal;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu .content .col-right .action {
  margin-top: 2.12rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--blue);
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu .content .col-right .action {
    margin-top: 1rem;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu a::before {
  display: none;
}
.header .header-wrapper .mid .menu ul li .mega-menu2 {
  width: 16.875rem;
  padding: 2rem 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 1.25rem 1rem;
    width: 350px;
    transform: translateX(-100%);
    display: block;
    max-height: 100%;
    overflow: auto;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu2 {
    top: 3.75rem;
    width: 100%;
  }
}
.header .header-wrapper .mid .menu ul li .mega-menu2 ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.header .header-wrapper .mid .menu ul li .mega-menu2 ul li {
  padding: 0 0 1rem;
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.header .header-wrapper .mid .menu ul li .mega-menu2 ul li:last-child {
  padding: 0;
}
.header .header-wrapper .mid .menu ul li .mega-menu2 ul li:last-child::before {
  display: none;
}
.header .header-wrapper .mid .menu ul li .mega-menu2 ul li:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="343" height="1" viewBox="0 0 343 1" fill="none"><rect width="88.4312" height="1" fill="%23EA4335"/><rect x="88.4297" width="123.268" height="1" fill="%234285F4"/><rect x="211.693" width="49.843" height="1" fill="%2334A853"/><rect x="261.535" width="81.4639" height="1" fill="%23FBBC05"/></svg>');
  height: 0.125rem;
}
.header .header-wrapper .mid .menu ul li .mega-menu2 ul li a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 145.455% */
  letter-spacing: 0.01375rem;
  color: #303030;
  padding: 0;
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu2 ul li a {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu ul li .mega-menu2 ul li a {
    font-size: 1rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .header .header-wrapper .mid .menu ul li .mega-menu2 ul li a {
    font-size: 0.875rem;
  }
}
.header .header-wrapper .mid .menu ul li .active-mgmn {
  transform: translate(0);
}
.header .header-wrapper .mid .menu ul .sub-mn-2 {
  position: relative;
}
.header .header-wrapper .mid .menu ul .active a {
  color: var(--blue);
}
.header .header-wrapper .mid .menu ul .active a::before {
  display: block;
}
.header .header-wrapper .mid .menu .close-menu {
  display: none;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .mid .menu .close-menu {
    display: block;
  }
}
.header .header-wrapper .mid .active-menu {
  transform: translate(0);
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .right {
    display: none;
  }
}
.header .header-wrapper .right .action {
  display: block;
  padding: 1rem 2rem;
  border-radius: 2.5rem;
  background: var(--blue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  font-feature-settings: "clig" off, "liga" off;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  transition: all 0.6s;
  border: 1px solid transparent;
}
.header .header-wrapper .right .action:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
@media only screen and (max-width: 1480px) {
  .header .header-wrapper .right .action {
    font-size: 0.875rem;
    padding: 0.75rem 1.5rem;
  }
}
.header .header-wrapper .op-mn-mb {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .op-mn-mb {
    display: block;
  }
}

.fixed-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

/*----------------------------------------------End-header----------------------------------------------*/
.main {
  background: #F5F9FC;
}
.main th, .main td {
  padding: 0.5rem;
  border: 1px solid var(--black);
}
.main.main-2 {
  background: var(--white);
}
.main .section-honepage-1 {
  padding-top: 3.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-1 {
    padding-top: 2.5rem;
  }
}
.main .section-honepage-1 .content {
  position: relative;
  margin: auto;
  max-width: 105.1875rem;
  border-radius: 2rem;
  border: 3px solid #CFD4EF;
  background: #FFF;
  box-shadow: -20px 24px 4px 0px #EDF1FD;
  padding: 3.81rem 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  .main .section-honepage-1 .content {
    max-width: 96rem;
  }
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-1 .content {
    max-width: 80rem;
    padding: 2.875rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-1 .content {
    max-width: 48rem;
    padding: 2rem 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-1 .content {
    padding: 1.25rem 0;
    margin: 0 0.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-1 .content .col-left {
    margin-bottom: 2rem;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .title h2 {
  padding-top: 0.5rem;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  color: var(--black);
  letter-spacing: 0.025rem;
  overflow: hidden;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .title h2 .effects-hp {
  min-width: 85px;
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #4285F4;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  transition: all 1s;
  transform: translateX(0);
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .title h2 .effects-hp {
    margin-top: 1rem;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .title h2 .effects-hp::before {
  width: 100%;
  background: #DDEEFF;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  border-right: 2px solid #34A853;
}
.main .section-honepage-1 .content .col-left .slide-text .item .title h2 .effects-hp::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6663 8.00065C14.6663 11.6825 11.6816 14.6673 7.99967 14.6673C4.31778 14.6673 1.33301 11.6825 1.33301 8.00065C1.33301 4.31875 4.31778 1.33398 7.99967 1.33398C11.6816 1.33398 14.6663 4.31875 14.6663 8.00065ZM10.6866 5.98043C10.8818 6.17569 10.8818 6.49228 10.6866 6.68754L7.35323 10.0209C7.15797 10.2161 6.84138 10.2161 6.64612 10.0209L5.31279 8.68754C5.11753 8.49228 5.11753 8.17569 5.31279 7.98043C5.50805 7.78517 5.82463 7.78517 6.01989 7.98043L6.99967 8.96021L8.48956 7.47032L9.97945 5.98043C10.1747 5.78517 10.4913 5.78517 10.6866 5.98043Z" fill="%2334A853"/></svg>');
  top: -10px;
  right: -7px;
  position: absolute;
}
.main .section-honepage-1 .content .col-left .slide-text .item .title h2 .active {
  transform: translateX(-110%);
}
.main .section-honepage-1 .content .col-left .slide-text .item .desc {
  margin: 1.25rem 0 3.13rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .desc {
    margin: 1rem 0 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .desc {
    margin: 1rem 0 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .desc {
    margin: 1rem 0;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .desc p {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #515151;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .desc p {
    font-size: 1rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .desc p {
    font-size: 0.875rem;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .action {
  display: flex;
  align-items: center;
}
.main .section-honepage-1 .content .col-left .slide-text .item .action a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  transition: all 0.6s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .action a {
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .action a {
    padding: 0.5rem 0.75rem;
    font-size: 0.675rem;
    gap: 0.25rem;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .action a svg path {
  transition: all 0.6s;
}
.main .section-honepage-1 .content .col-left .slide-text .item .action .start {
  margin-right: 0.94rem;
  color: #FFF;
  background: var(--blue);
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-1 .content .col-left .slide-text .item .action .start {
    margin-right: 0.5rem;
  }
}
.main .section-honepage-1 .content .col-left .slide-text .item .action .start:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.main .section-honepage-1 .content .col-left .slide-text .item .action .start:hover svg path {
  fill: var(--blue);
}
.main .section-honepage-1 .content .col-left .slide-text .item .action .connect {
  color: var(--black);
  background: #FFF;
}
.main .section-honepage-1 .content .col-left .slide-text .item .action .connect:hover {
  border-color: var(--black);
}
.main .section-honepage-1 .content .col-right .slide-image {
  max-width: 39.375rem;
}
.main .section-honepage-1 .content .col-right .slide-image .item figure {
  width: 100%;
  height: 0;
  padding-top: 99.2063492063%;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.main .section-honepage-1 .content .col-right .slide-image .item figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .section-honepage-1 .content .image-bg {
  position: absolute;
  bottom: 1.94rem;
  right: 2.75rem;
  z-index: 1;
  max-width: 36.75rem;
  width: 100%;
  pointer-events: none;
}
.main .section-honepage-1 .content .image-bg figure {
  width: 100%;
  height: 0;
  padding-top: 78.0612244898%;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.main .section-honepage-1 .content .image-bg figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .blue {
  color: #4285F4;
}
.main .red {
  color: #EA4335;
}
.main .yellow {
  color: #FBBC05;
}
.main .green {
  color: #34A853;
}
.main .section-honepage-2 {
  margin: 8.13rem 0 4.94rem;
  position: relative;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 {
    margin: 6rem 0 4rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-2 {
    margin: 3.75rem 0;
  }
}
.main .section-honepage-2 .title {
  text-align: center;
  max-width: 53.375rem;
  margin: auto;
  position: relative;
  z-index: 3;
}
.main .section-honepage-2 .title h2 {
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
  color: #515151;
  letter-spacing: 0.0275rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .title h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-2 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-2 .title h2 {
    font-size: 1.5rem;
  }
}
.main .section-honepage-2 .content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin-top: 3rem;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content {
    gap: 3rem;
  }
}
.main .section-honepage-2 .content .child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-2 .content .child {
    flex-direction: column;
  }
}
.main .section-honepage-2 .content .child:nth-child(2n+2) .image {
  order: 2;
}
.main .section-honepage-2 .content .child:nth-child(2n+2) .text {
  order: 1;
  margin-right: 3.75rem;
  margin-left: 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child:nth-child(2n+2) .text {
    margin-right: 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-2 .content .child:nth-child(2n+2) .text {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
.main .section-honepage-2 .content .child .image {
  max-width: 42.1875rem;
  width: 100%;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .image {
    max-width: 35rem;
  }
}
.main .section-honepage-2 .content .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 69.6481422222%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.main .section-honepage-2 .content .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.6s;
}
.main .section-honepage-2 .content .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-honepage-2 .content .child .image figure video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.main .section-honepage-2 .content .child .text {
  flex: 1;
  margin-left: 3.75rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text {
    margin-left: 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-2 .content .child .text {
    margin-left: 0;
    margin-top: 2rem;
  }
}
.main .section-honepage-2 .content .child .text .top {
  margin-bottom: 3.12rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text .top {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-2 .content .child .text .top {
    margin-bottom: 2rem;
  }
}
.main .section-honepage-2 .content .child .text .top figure {
  height: 2.75rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text .top figure {
    max-width: 12rem;
  }
}
.main .section-honepage-2 .content .child .text .top figure img {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.main .section-honepage-2 .content .child .text .top .desc {
  margin: 1.25rem 0 1.5rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text .top .desc {
    margin: 1rem 0;
  }
}
.main .section-honepage-2 .content .child .text .top .desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text .top .desc p {
    font-size: 0.875rem;
  }
}
.main .section-honepage-2 .content .child .text .top .action {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5rem;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  background: var(--blue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  color: #FFF;
  text-decoration: none;
  transition: all 0.6s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text .top .action {
    font-size: 0.875rem;
  }
}
.main .section-honepage-2 .content .child .text .top .action:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.main .section-honepage-2 .content .child .text .top .action:hover svg path {
  fill: var(--blue);
}
.main .section-honepage-2 .content .child .text .top .action svg path {
  transition: all 0.6s;
}
.main .section-honepage-2 .content .child .text .bot {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.main .section-honepage-2 .content .child .text .bot .item {
  background: #FFF;
  padding: 1.2rem 1.25rem;
  min-width: 7.5rem;
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  border-radius: 1rem;
  margin: 0.5rem;
  transition: all 0.6s;
}
.main .section-honepage-2 .content .child .text .bot .item:hover {
  box-shadow: 0px 2px 10px 0px rgba(1, 76, 221, 0.6);
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-2 .content .child .text .bot .item {
    padding: 1rem;
    min-width: 7rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-2 .content .child .text .bot .item {
    padding: 0.75rem;
    min-width: 6.5rem;
    margin: 0.25rem;
  }
}
.main .section-honepage-2 .content .child .text .bot .item figure {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto 0.69rem;
  transition: all 0.6s;
}
.main .section-honepage-2 .content .child .text .bot .item p {
  margin: 0;
  max-width: 7.625rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
  color: #515151;
}
.main .section-honepage-2 .image-bg {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-2 .image-bg {
    max-width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-2 .image-bg svg {
    width: 100%;
  }
}
.main .section-honepage-3 {
  background: #EDF1FD;
  padding: 8.12rem 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-3 {
    padding: 5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-3 {
    padding: 3.75rem 0;
  }
}
.main .section-honepage-3 .title h2 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 4.375rem 1rem 2.5rem;
  border-radius: 3.4375rem;
  border: 3px solid #CFD4EF;
  background: linear-gradient(90deg, #FFF 0%, #F1F9FF 100%);
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.375rem;
  letter-spacing: 0.025rem;
  color: #515151;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-3 .title h2 {
    font-size: 2rem;
    padding: 1rem 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-3 .title h2 {
    font-size: 1.875rem;
    padding: 0.5rem 2rem;
    gap: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-3 .title h2 {
    font-size: 1.25rem;
    line-height: normal;
    padding: 0.5rem 1rem;
  }
}
.main .section-honepage-3 .title h2 figure {
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 1.5rem 0 0;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-3 .title h2 figure {
    margin: 0 1rem 0 0;
  }
}
.main .section-honepage-3 .title h2 figure::before {
  width: 0.0625rem;
  height: 2.75rem;
  content: "";
  position: absolute;
  right: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: #8894AA;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-3 .title h2 figure::before {
    right: -1rem;
  }
}
.main .section-honepage-3 .title h2 figure svg,
.main .section-honepage-3 .title h2 figure img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.main .section-honepage-3 .title .desc {
  margin: 1.5rem auto 0;
  max-width: 48.625rem;
  text-align: center;
}
.main .section-honepage-3 .title .desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-3 .title .desc p {
    font-size: 0.875rem;
  }
}
.main .section-honepage-3 .content {
  margin-top: 2.62rem;
  row-gap: 1.25rem;
}
.main .section-honepage-3 .content .child {
  border-radius: 0.5rem;
  border: 1px solid #CFD4EF;
  padding: 1.3rem 1.25rem;
  height: 100%;
  transition: all 0.8s;
  max-height: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-3 .content .child {
    padding: 1rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-3 .content .child {
    max-height: 30rem;
  }
}
.main .section-honepage-3 .content .child:hover {
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  background: #FFF;
  border-color: transparent;
}
.main .section-honepage-3 .content .child:hover .text .name a {
  color: var(--blue);
}
.main .section-honepage-3 .content .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.8867924528%;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  margin: 0;
  background: linear-gradient(0deg, rgba(237, 241, 253, 0.2) 0%, rgba(237, 241, 253, 0.2) 100%);
}
.main .section-honepage-3 .content .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-honepage-3 .content .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-honepage-3 .content .child .text {
  margin-top: 2rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-3 .content .child .text {
    margin-top: 1rem;
  }
}
.main .section-honepage-3 .content .child .text .name a {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.01125rem;
  color: var(--black);
  text-decoration: none;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-3 .content .child .text .name a {
    font-size: 1rem;
  }
}
.main .section-honepage-3 .content .child .text .desc {
  margin: 0.75rem 0 1.37rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-3 .content .child .text .desc {
    margin: 0.75rem 0 1rem;
  }
}
.main .section-honepage-3 .content .child .text .desc p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
.main .section-honepage-3 .content .child .action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--blue);
  font-feature-settings: "clig" off, "liga" off;
  text-decoration: none;
}
.main .section-honepage-4 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-4 {
    margin: 5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-4 {
    margin: 3.75rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-4 .content .col-left {
    margin-bottom: 2rem;
  }
}
.main .section-honepage-4 .content .col-left .image {
  display: none;
}
.main .section-honepage-4 .content .col-left .image figure {
  width: 100%;
  height: 0;
  padding-top: 126.9968051118%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  margin: 0;
}
.main .section-honepage-4 .content .col-left .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-honepage-4 .content .col-left .image figure img:hover {
  transform: scale(1.1);
}
.main .section-honepage-4 .content .col-left .active {
  display: block;
}
.main .section-honepage-4 .content .col-right {
  margin-left: 1.875rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-4 .content .col-right {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-4 .content .col-right {
    margin-left: 0;
  }
}
.main .section-honepage-4 .content .col-right .title {
  margin-bottom: 2.25rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-4 .content .col-right .title {
    margin-bottom: 1.5rem;
  }
}
.main .section-honepage-4 .content .col-right .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.375rem;
  color: #515151;
  letter-spacing: 0.025rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-4 .content .col-right .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-4 .content .col-right .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-4 .content .col-right .title h2 {
    font-size: 1.5rem;
  }
}
.main .section-honepage-4 .content .col-right .title h2 .effects {
  display: block;
  position: relative;
  z-index: 1;
  width: 0;
  margin-top: 0.31rem;
  transition: all 1s;
  overflow: hidden;
  height: 3.4375rem;
  border-right: 2px solid #FBBC05;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-4 .content .col-right .title h2 .effects {
    height: 2.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-4 .content .col-right .title h2 .effects {
    height: 3rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-4 .content .col-right .title h2 .effects {
    height: 2.345rem;
  }
}
.main .section-honepage-4 .content .col-right .title h2 .effects::before {
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background: #F7E7B2;
  content: "";
  position: absolute;
  z-index: -1;
}
.main .section-honepage-4 .content .col-right .title h2 .active {
  width: 100%;
}
.main .section-honepage-4 .content .col-right .list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-4 .content .col-right .list {
    gap: 1rem;
  }
}
.main .section-honepage-4 .content .col-right .list .child {
  padding: 0 2rem;
}
.main .section-honepage-4 .content .col-right .list .child:hover .item h4 {
  color: var(--blue);
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-4 .content .col-right .list .child {
    padding: 0 1rem;
  }
}
.main .section-honepage-4 .content .col-right .list .child .item {
  transition: all 0.6s;
}
.main .section-honepage-4 .content .col-right .list .child .item h4 {
  border-radius: 0;
  padding: 0.5rem 0rem 0.5rem 2rem;
  border-left: 2px solid rgba(81, 81, 81, 0.2);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.01125rem;
  color: var(--black);
  cursor: pointer;
  transition: all 0.6s;
  background: unset;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-4 .content .col-right .list .child .item h4 {
    padding: 0.5rem 0rem 0.5rem 1rem;
    font-size: 1rem;
  }
}
.main .section-honepage-4 .content .col-right .list .child .item .desc {
  display: none;
}
.main .section-honepage-4 .content .col-right .list .child .item .desc p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
.main .section-honepage-4 .content .col-right .list .child .item .desc .action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  color: var(--blue);
  text-decoration: none;
  margin-top: 1.25rem;
}
.main .section-honepage-4 .content .col-right .list .active {
  border-radius: 0.5rem;
  background: #EDF1FD;
  padding: 2rem;
}
.main .section-honepage-4 .content .col-right .list .active .item {
  padding: 0.5rem 2rem 0.5rem 0;
  border-right: 2px solid var(--blue);
}
.main .section-honepage-4 .content .col-right .list .active .item h4 {
  border: none;
  padding: 0;
  color: var(--blue);
  margin-bottom: 0.5rem;
}
.main .section-honepage-5 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-5 {
    margin: 5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-5 {
    margin: 3.75rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-5 {
    margin: 2.5rem 0;
  }
}
.main .section-honepage-5 .title {
  margin-bottom: 3.12rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-5 .title {
    margin-bottom: 2rem;
  }
}
.main .section-honepage-5 .title h2 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: #515151;
  padding: 1rem 2rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  border-radius: 3.125rem;
  background: #DEF;
  gap: 0.6rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-5 .title h2 {
    font-size: 1rem;
  }
}
.main .section-honepage-5 .title h2 span {
  color: var(--blue);
}
.main .section-honepage-5 .title .desc {
  max-width: 42.5rem;
  margin: 1.5rem auto 0;
}
.main .section-honepage-5 .title .desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
  color: #515151;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-5 .title .desc p {
    font-size: 0.875rem;
  }
}
.main .section-honepage-5 .content {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-5 .content {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-5 .content {
    max-width: 95%;
  }
}
.main .section-honepage-5 .content .slide-feedback {
  max-height: 26rem;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-5 .content .slide-feedback {
    max-height: 23rem;
  }
}
.main .section-honepage-5 .content .child {
  border-radius: 0.5rem;
  background: #FFF;
  box-shadow: 4px 4px 12px 0px rgba(60, 93, 170, 0.2);
  padding: 3.5rem 2.4rem;
  height: 25rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-5 .content .child {
    padding: 2.5rem 1.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-5 .content .child {
    height: 22rem;
    padding: 2rem 1.5rem;
  }
}
.main .section-honepage-5 .content .child .icon {
  width: 7.5rem;
  height: 4.25rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-5 .content .child .icon {
    margin-bottom: 1rem;
  }
}
.main .section-honepage-5 .content .child .icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.main .section-honepage-5 .content .child .desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #252529;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  margin: 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-5 .content .child .desc p {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-5 .content .child .desc p {
    -webkit-line-clamp: 7;
  }
}
.main .section-honepage-5 .content .child .user {
  display: flex;
  align-items: start;
  gap: 1.25rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-5 .content .child .user {
    gap: 1rem;
  }
}
.main .section-honepage-5 .content .child .user .avatar figure {
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 50%;
}
.main .section-honepage-5 .content .child .user .avatar figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-honepage-5 .content .child .user .text .star {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.31rem;
}
.main .section-honepage-5 .content .child .user .text h4 {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  margin: 0;
  color: #252529;
}
.main .section-honepage-5 .content .child .user .text h4 p {
  margin: 0;
}
.main .section-honepage-5 .content .child .user .text h4 p span {
  color: var(--blue);
}
.main .section-honepage-5 .content .swiper-control .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 3.75rem;
  height: 3.75rem;
}
.main .section-honepage-5 .content .swiper-control .swiper-button::after {
  display: none;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-5 .content .swiper-control .swiper-button {
    display: none;
  }
}
.main .section-honepage-5 .content .swiper-control .swiper-button:hover svg circle {
  fill: #4285F4;
}
.main .section-honepage-5 .content .swiper-control .swiper-button:hover svg path {
  stroke: #FFF;
  fill: #4285F4;
}
.main .section-honepage-5 .content .swiper-control .swiper-button-prev {
  left: -5rem;
}
.main .section-honepage-5 .content .swiper-control .swiper-button-next {
  right: -5rem;
}
.main .section-honepage-6 .title {
  max-width: 46.375rem;
  margin: auto;
}
.main .section-honepage-6 .title h2 {
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.375rem;
  color: var(--black);
  letter-spacing: 0.025rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-6 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-6 .title h2 {
    font-size: 1.5rem;
  }
}
.main .section-honepage-6 .tabs-control {
  margin: 3rem auto 3.94rem;
  max-width: 52.875rem;
  border-radius: 1rem;
  background: #FFF;
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
}
.main .section-honepage-6 .tabs-control .nav-pills {
  padding: 1rem;
  justify-content: center;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-6 .tabs-control .nav-pills {
    flex-wrap: nowrap;
    justify-content: unset;
    overflow: auto;
  }
  .main .section-honepage-6 .tabs-control .nav-pills::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-6 .tabs-control .nav-pills .nav-item {
    flex-shrink: 0;
  }
}
.main .section-honepage-6 .tabs-control .nav-pills .nav-item .nav-link {
  padding: 0.69rem 2.15rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #515151;
}
.main .section-honepage-6 .tabs-control .nav-pills .nav-item .nav-link:hover {
  background: #DEF;
  color: var(--blue);
}
.main .section-honepage-6 .tabs-control .nav-pills .nav-item .active {
  background: #DEF;
  color: var(--blue);
}
.main .section-honepage-6 .tab-content .active {
  display: block;
}
.main .section-honepage-6 .tab-content .content {
  row-gap: 1.25rem;
  justify-content: center;
}
.main .section-honepage-6 .tab-content .content .col-left {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-6 .tab-content .content .col-left {
    grid-template-columns: 1fr;
  }
}
.main .section-honepage-6 .tab-content .content .col-left .child {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-6 .tab-content .content .col-left .child {
    padding-bottom: 1rem;
    border-bottom: 1px solid #D9D9D9;
  }
}
.main .section-honepage-6 .tab-content .content .col-left .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.5012106538%;
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 0.5rem;
}
.main .section-honepage-6 .tab-content .content .col-left .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-honepage-6 .tab-content .content .col-left .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-honepage-6 .tab-content .content .col-left .child .text {
  margin-top: 2rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-left .child .text {
    margin-top: 1rem;
  }
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .name {
  margin-bottom: 1rem;
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .name a {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: #515151;
  text-decoration: none;
  letter-spacing: 0.0125rem;
  display: block;
  display: -webkit-box;
  transition: all 0.6s;
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .name a:hover {
  color: var(--blue);
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-left .child .text .name a {
    font-size: 1rem;
    line-height: normal;
    -webkit-line-clamp: 2;
  }
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .action {
  display: flex;
  align-items: center;
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .action span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
  display: block;
  margin: 0 0.31rem;
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .action .time {
  display: flex;
  align-items: center;
}
.main .section-honepage-6 .tab-content .content .col-left .child .text .action .time span {
  color: var(--blue);
}
.main .section-honepage-6 .tab-content .content .col-right {
  margin-left: 2.1875rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-right {
    margin-left: 1.25rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-6 .tab-content .content .col-right {
    margin-left: 0;
  }
}
.main .section-honepage-6 .tab-content .content .col-right .list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-right .list {
    gap: 1.5rem;
  }
}
.main .section-honepage-6 .tab-content .content .col-right .list .child {
  padding-bottom: 2rem;
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-right .list .child {
    padding-bottom: 1.5rem;
  }
}
.main .section-honepage-6 .tab-content .content .col-right .list .child:last-child {
  padding: 0;
  border: none;
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .name {
  margin-bottom: 0.75rem;
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .name a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: #515151;
  letter-spacing: 0.01rem;
  text-decoration: none;
  transition: all 0.6s;
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .name a:hover {
  color: var(--blue);
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-right .list .child .name a {
    font-size: 0.875rem;
  }
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .action {
  display: flex;
  align-items: center;
  gap: 0.62rem;
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .action span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-6 .tab-content .content .col-right .list .child .action span {
    font-size: 0.875rem;
  }
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .action .time {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-honepage-6 .tab-content .content .col-right .list .child .action .time span {
  color: var(--blue);
}
.main .section-honepage-7 {
  padding: 7.4rem 0 8.1rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-7 {
    padding: 5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-7 {
    padding: 3.75rem 0 5rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-7 {
    padding: 2.5rem 0 5rem;
  }
}
.main .section-honepage-7 .content {
  border-radius: 2rem;
  border: 3px solid #CFD4EF;
  background: #FFF;
  box-shadow: -20px 24px 4px 0px #EDF1FD;
  padding: 6rem 0 4.1rem;
  position: relative;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-7 .content {
    padding: 3.5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-7 .content {
    padding: 3.5rem 2rem 10rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-7 .content {
    padding: 2.5rem 1.5rem 10rem;
  }
}
.main .section-honepage-7 .content .col-left {
  max-width: 30.125rem;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-7 .content .col-left {
    max-width: unset;
    margin-bottom: 2rem;
  }
}
.main .section-honepage-7 .content .col-left h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.375rem;
  color: #515151;
  letter-spacing: 0.025rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-honepage-7 .content .col-left h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-7 .content .col-left h2 {
    font-size: 1.875rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-honepage-7 .content .col-left h2 {
    font-size: 1.5rem;
  }
}
.main .section-honepage-7 .content .col-left h2 span {
  color: #34A853;
}
.main .section-honepage-7 .content .col-left .desc p {
  color: #515151;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-7 .content .col-left .desc p {
    font-size: 0.875rem;
  }
}
.main .section-honepage-7 .content .col-right {
  max-width: 30.1875rem;
  margin-left: 2.25rem;
  margin-top: 0.75rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-honepage-7 .content .col-right {
    margin: auto;
  }
}
.main .section-honepage-7 .content .col-right form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.main .section-honepage-7 .content .col-right form .child {
  position: relative;
  width: 100%;
  padding: 0.875rem 1.25rem;
  border-radius: 0.75rem;
  border: 1px solid #8894AA;
  background: #FFF;
}
.main .section-honepage-7 .content .col-right form .child label {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--black);
  display: block;
  position: absolute;
  padding: 0 0.5rem;
  top: -0.75rem;
  left: 0.75rem;
  background: #FFF;
}
.main .section-honepage-7 .content .col-right form .child input,
.main .section-honepage-7 .content .col-right form .child select {
  border: none;
  outline: none;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #232338;
  width: 100%;
}
.main .section-honepage-7 .content .col-right form .child input::-moz-placeholder, .main .section-honepage-7 .content .col-right form .child select::-moz-placeholder {
  color: #8894AA;
}
.main .section-honepage-7 .content .col-right form .child input::placeholder,
.main .section-honepage-7 .content .col-right form .child select::placeholder {
  color: #8894AA;
}
.main .section-honepage-7 .content .col-right form button, .main .section-honepage-7 .content .col-right form .wpcf7-submit {
  padding: 0.75rem 2rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3.125rem;
  background: var(--blue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  font-feature-settings: "clig" off, "liga" off;
  color: #FFF;
  border: 1px solid transparent;
  transition: all 0.6s;
}
.main .section-honepage-7 .content .col-right form button:hover, .main .section-honepage-7 .content .col-right form .wpcf7-submit:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.main .section-honepage-7 .content .image-bg {
  position: absolute;
  bottom: -3.7rem;
  left: -4rem;
  z-index: 1;
}
.main .section-honepage-7 .content .image-bg figure {
  margin: 0;
  width: 25.5rem;
  height: 15.1875rem;
}
.main .section-honepage-7 .content .image-bg figure img {
  width: 100%;
  height: auto;
}
.main .breakcum .link {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 0.75rem;
  flex-wrap: wrap;
}
.main .breakcum .link span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--black);
  flex-shrink: 0;
}
.main .breakcum .link .current {
  opacity: 0.5;
}
.main .section-banner {
  padding: 5.9rem 0 8.13rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-banner {
    padding: 4rem 0 6rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-banner {
    padding: 2.5rem 0;
  }
}
.main .section-banner .content {
  align-items: center;
}
.main .section-banner .content .col-left {
  max-width: 30rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-banner .content .col-left {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.main .section-banner .content .col-left h2 {
  margin: 1rem 0 1.25rem;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  background: linear-gradient(180deg, #34A853 0%, #4285F4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.025rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-banner .content .col-left h2 {
    font-size: 2rem;
    margin: 1rem 0;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-banner .content .col-left h2 {
    font-size: 1.75rem;
  }
}
.main .section-banner .content .col-left p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-banner .content .col-left .action {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 2rem;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 2rem;
  background: var(--blue);
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--white);
  transition: all 0.6s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1480px) {
  .main .section-banner .content .col-left .action {
    margin-top: 2rem;
  }
}
.main .section-banner .content .col-left .action svg path {
  transition: all 0.6s;
}
.main .section-banner .content .col-left .action:hover {
  border-color: var(--blue);
  background: var(--white);
  color: var(--blue);
}
.main .section-banner .content .col-left .action:hover svg path {
  fill: var(--blue);
}
.main .section-pr-1 .col-right {
  max-width: 30.83994rem;
  margin: auto;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-1 .col-right {
    max-width: 26rem;
  }
}
.main .section-pr-1 .col-right .image {
  width: 100%;
  height: 0;
  padding-top: 107.4094177875%;
  position: relative;
  overflow: hidden;
}
.main .section-pr-1 .col-right .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-pr-1 .col-right .image img:hover {
  transform: scale(1.1);
}
.main .section-pr-2 {
  margin-bottom: 8.12rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-2 {
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-2 {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 {
    margin-bottom: 2.5rem;
  }
}
.main .section-pr-2 .content {
  position: relative;
}
.main .section-pr-2 .content .top {
  background: var(--white);
  border-radius: 6.25rem;
  padding: 0.5rem 4.5rem;
  position: sticky;
  top: 6.25rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-2 .content .top {
    padding: 0.5rem 1.5rem;
  }
}
.main .section-pr-2 .content .top ul {
  justify-content: center;
  gap: 1rem;
  display: flex;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .top ul {
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: unset;
    gap: 0.5rem;
  }
  .main .section-pr-2 .content .top ul::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .top ul li {
    flex-shrink: 0;
  }
}
.main .section-pr-2 .content .top ul li a {
  padding: 0.62rem 1.5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
  border-radius: 2.5rem;
  background: unset;
  display: block;
}
.main .section-pr-2 .content .top ul li a:hover {
  background: #DDEEFF;
  font-weight: 700;
  color: #515151;
}
.main .section-pr-2 .content .top ul li .active {
  background: #DDEEFF;
  font-weight: 700;
  color: #515151;
}
.main .section-pr-2 .content .tab-content .list {
  max-width: 66.5rem;
  margin: auto;
}
.main .section-pr-2 .content .tab-content .list .child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.12rem 0;
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
  .main .section-pr-2 .content .tab-content .list .child {
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-2 .content .tab-content .list .child {
    padding: 2.5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-2 .content .tab-content .list .child {
    padding: 1rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .tab-content .list .child {
    gap: 2rem;
    flex-direction: column;
  }
}
.main .section-pr-2 .content .tab-content .list .child:nth-child(2n+2) .col-left {
  order: 2;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .tab-content .list .child:nth-child(2n+2) .col-left {
    order: 1;
  }
}
.main .section-pr-2 .content .tab-content .list .child:nth-child(2n+2) .col-right {
  order: 1;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .tab-content .list .child:nth-child(2n+2) .col-right {
    order: 2;
  }
}
.main .section-pr-2 .content .tab-content .list .child .col-left {
  max-width: 27.25rem;
}
.main .section-pr-2 .content .tab-content .list .child .col-left .text h3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-2 .content .tab-content .list .child .col-left .text h3 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .tab-content .list .child .col-left .text h3 {
    font-size: 1.5rem;
    line-height: normal;
  }
}
.main .section-pr-2 .content .tab-content .list .child .col-left .text p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 480px) {
  .main .section-pr-2 .content .tab-content .list .child .col-left .text p {
    font-size: 0.75rem;
    line-height: normal;
  }
}
.main .section-pr-2 .content .tab-content .list .child .col-right {
  max-width: 28rem;
}
.main .section-pr-2 .content .tab-content .list .child .col-right img {
  width: 100%;
  height: auto;
  transition: all 0.6s;
}
.main .section-pr-2 .content .tab-content .list .child .col-right img:hover {
  transform: scale(1.1);
}
.main .section-pr-3 {
  background: #DDEEFF;
  padding: 6.81rem 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-3 {
    padding: 5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 {
    padding: 3rem 0;
  }
}
.main .section-pr-3 .title {
  max-width: 60rem;
  margin: 0 auto 4rem;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .title {
    margin: 0 auto 2rem;
  }
}
.main .section-pr-3 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  color: var(--black);
  letter-spacing: 0.025rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-3 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .title h2 {
    font-size: 1.5rem;
  }
}
.main .section-pr-3 .title p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
  max-width: 48rem;
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .title p {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-pr-3 .title .action {
  margin: 3rem auto 0;
  display: flex;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  background: var(--blue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--white);
  transition: all 0.6s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .title .action {
    margin: 2rem auto 0;
  }
}
.main .section-pr-3 .title .action svg path {
  transition: all 0.6s;
}
.main .section-pr-3 .title .action:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.main .section-pr-3 .title .action:hover svg path {
  fill: var(--blue);
}
.main .section-pr-3 .content .col-left {
  border-radius: 1rem;
  background: var(--white);
  box-shadow: 0px 4px 10px 0px rgba(48, 48, 48, 0.15);
  padding: 1.5rem 1.25rem 1.5rem 0rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .content .col-left {
    margin-bottom: 2rem;
  }
}
.main .section-pr-3 .content .col-left .nav {
  flex-direction: column;
  gap: 0.5rem;
}
.main .section-pr-3 .content .col-left .nav::before {
  display: none;
}
.main .section-pr-3 .content .col-left .nav::after {
  display: none;
}
.main .section-pr-3 .content .col-left .nav li {
  margin: 0;
}
.main .section-pr-3 .content .col-left .nav li button {
  border-radius: 0rem 2.5rem 2.5rem 0rem;
  width: 100%;
  text-align: start;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-pr-3 .content .col-left .nav li button:hover {
  font-weight: 700;
  background: rgba(48, 48, 48, 0.1);
}
.main .section-pr-3 .content .col-left .nav li .active {
  font-weight: 700;
  background: rgba(48, 48, 48, 0.1);
}
.main .section-pr-3 .content .col-right {
  margin-left: 2.75rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-3 .content .col-right {
    margin-left: 0.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .content .col-right {
    margin: 0;
  }
}
.main .section-pr-3 .content .col-right .tab-pane h3 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .content .col-right .tab-pane h3 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .content .col-right .tab-pane h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.main .section-pr-3 .content .col-right .tab-pane .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-3 .content .col-right .tab-pane .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .content .col-right .tab-pane .list {
    gap: 0.75rem;
  }
}
.main .section-pr-3 .content .col-right .tab-pane .list .child {
  display: flex;
  align-items: start;
  padding: 1.5rem 1rem;
  border: 1px solid #CFD4EF;
  border-radius: 1rem;
  background: var(--white);
  transition: all 0.6s;
}
.main .section-pr-3 .content .col-right .tab-pane .list .child:hover {
  box-shadow: 0px 2px 10px 0px rgba(1, 76, 221, 0.6);
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .content .col-right .tab-pane .list .child {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem 0.5rem;
  }
}
.main .section-pr-3 .content .col-right .tab-pane .list .child figure {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  overflow: hidden;
}
.main .section-pr-3 .content .col-right .tab-pane .list .child figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-pr-3 .content .col-right .tab-pane .list .child .text {
  flex: 1;
  margin-left: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .content .col-right .tab-pane .list .child .text {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.main .section-pr-3 .content .col-right .tab-pane .list .child .text h4 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--black);
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .content .col-right .tab-pane .list .child .text h4 {
    font-size: 0.75rem;
    line-height: normal;
  }
}
.main .section-pr-3 .content .col-right .tab-pane .list .child .text p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 480px) {
  .main .section-pr-3 .content .col-right .tab-pane .list .child .text p {
    font-size: 0.75rem;
    line-height: normal;
  }
}
.main .section-pr-5 {
  margin: 8.12rem 0 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-pr-5 {
    margin: 5rem 0 0;
  }
}
.main .section-pr-5 .title {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-5 .title {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-5 .content {
    max-width: 100%;
  }
}
.main .section-pr-5 .tab-control {
  margin-bottom: 3.12rem;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-5 .tab-control {
    margin-bottom: 1.5rem;
  }
}
.main .section-pr-5 .tab-control .nav {
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-5 .tab-control .nav {
    justify-content: unset;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .main .section-pr-5 .tab-control .nav::-webkit-scrollbar {
    display: none;
  }
}
.main .section-pr-5 .tab-control .nav::before {
  display: none;
}
.main .section-pr-5 .tab-control .nav::after {
  display: none;
}
.main .section-pr-5 .tab-control .nav li {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .main .section-pr-5 .tab-control .nav li {
    flex-shrink: 0;
  }
}
.main .section-pr-5 .tab-control .nav li:first-child button {
  padding-left: 0;
}
.main .section-pr-5 .tab-control .nav li:last-child button {
  padding-right: 0;
}
.main .section-pr-5 .tab-control .nav li:last-child button::after {
  display: none;
}
.main .section-pr-5 .tab-control .nav li button {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #515151;
  position: relative;
}
.main .section-pr-5 .tab-control .nav li button::after {
  position: absolute;
  width: 2px;
  content: "";
  background: #515151;
  top: 4px;
  bottom: 4px;
  right: 0;
}
.main .section-pr-5 .tab-control .nav li .active {
  color: #4285F4;
  background: unset;
}
.main .section-pr-5 .tab-content .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-pr-5 .tab-content .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .main .section-pr-5 .tab-content .list {
    grid-template-columns: 1fr;
  }
}
.main .section-sv-1 .content .col-right {
  max-width: 43rem;
}
.main .section-sv-1 .content .col-right .image figure {
  width: 100%;
  height: 0;
  padding-top: 57.2674418605%;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
}
.main .section-sv-1 .content .col-right .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-sv-1 .content .col-right .image figure img:hover {
  transform: scale(1.1);
}
.main .section-sv-2 {
  margin-bottom: 3rem;
}
.main .section-sv-2 .title {
  max-width: 47.8rem;
  margin: 0 auto 3rem;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-2 .title {
    margin: 0 auto 2rem;
  }
}
.main .section-sv-2 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  margin-bottom: 1.25rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-2 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-sv-2 .title h2 {
    font-size: 1.875rem;
    margin-bottom: 0.5rem;
  }
}
.main .section-sv-2 .title p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-2 .title p {
    font-size: 0.875rem;
  }
}
.main .section-sv-2 .content {
  row-gap: 1.25rem;
}
.main .section-sv-2 .content .child {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  border-radius: 1rem;
  border: 1px solid #8894AA;
  transition: all 0.6s;
}
.main .section-sv-2 .content .child:hover {
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  border-color: transparent;
}
.main .section-sv-2 .content .child .text {
  margin-bottom: 2.6rem;
}
.main .section-sv-2 .content .child .text .name {
  margin-bottom: 0.75rem;
}
.main .section-sv-2 .content .child .text .name a {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.01125rem;
  color: var(--black);
}
.main .section-sv-2 .content .child .text p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
.main .section-sv-2 .content .child .text .action {
  margin-top: 1.38rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--blue);
}
.main .section-sv-2 .content .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 64.8571428571%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.main .section-sv-2 .content .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-sv-2 .content .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-sv-3 .content .item {
  margin-bottom: 3rem;
  background: #DDEEFF;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .main .section-sv-3 .content .item {
    flex-direction: column;
    margin-bottom: 1.5rem;
  }
}
.main .section-sv-3 .content .item:nth-child(2n+2) .col-left {
  order: 2;
}
@media only screen and (max-width: 480px) {
  .main .section-sv-3 .content .item:nth-child(2n+2) .col-left {
    order: 1;
  }
}
.main .section-sv-3 .content .item:nth-child(2n+2) .col-right {
  order: 1;
}
@media only screen and (max-width: 480px) {
  .main .section-sv-3 .content .item:nth-child(2n+2) .col-right {
    order: 2;
  }
}
.main .section-sv-3 .content .item:last-child {
  margin: 0;
}
.main .section-sv-3 .content .item .child {
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .main .section-sv-3 .content .item .child {
    width: 100%;
  }
}
.main .section-sv-3 .content .item .child .text {
  max-width: 26rem;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-3 .content .item .child .text {
    max-width: 19rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-sv-3 .content .item .child .text {
    padding: 2rem 1.5rem;
    max-width: 100%;
  }
}
.main .section-sv-3 .content .item .child .text h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-3 .content .item .child .text h4 {
    font-size: 1.5rem;
    line-height: normal;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-sv-3 .content .item .child .text h4 {
    font-size: 1.25rem;
  }
}
.main .section-sv-3 .content .item .child .text p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-3 .content .item .child .text p {
    font-size: 0.875rem;
    -webkit-line-clamp: 3;
  }
}
.main .section-sv-3 .content .item .child .text .action {
  margin-top: 1.37rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--blue);
}
@media only screen and (max-width: 1199px) {
  .main .section-sv-3 .content .item .child .text .action {
    margin-top: 0.75rem;
  }
}
.main .section-sv-3 .content .item .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.9047619048%;
  position: relative;
  overflow: hidden;
}
.main .section-sv-3 .content .item .child .image figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-sv-3 .content .item .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-cs-1 {
  padding: 6.25rem 0 4.06rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-cs-1 {
    padding: 5rem 0 4rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-1 {
    padding: 3.75rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-1 {
    padding: 2.5rem 0;
  }
}
.main .section-cs-1 .content {
  border-bottom: 1px solid #CFD4EF;
  padding-bottom: 4.06rem;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-1 .content {
    padding-bottom: 3rem;
    flex-direction: column;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-1 .content {
    padding-bottom: 2rem;
  }
}
.main .section-cs-1 .content .col-left {
  width: 100%;
  max-width: 29.375rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-cs-1 .content .col-left {
    max-width: 25rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-1 .content .col-left {
    max-width: 100%;
  }
}
.main .section-cs-1 .content .col-left h2 {
  background: unset;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: unset;
}
.main .section-cs-1 .content .col-left h2 span {
  color: #4285F4;
}
.main .section-cs-1 .content .col-right {
  width: 100%;
  max-width: 43rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-cs-1 .content .col-right {
    max-width: 35rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-1 .content .col-right {
    max-width: 100%;
  }
}
.main .section-cs-1 .content .col-right figure {
  width: 100%;
  height: 0;
  padding-top: 71.2209302326%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.main .section-cs-1 .content .col-right figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-cs-1 .content .col-right figure img:hover {
  transform: scale(1.1);
}
.main .section-cs {
  margin-bottom: 4.06rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cs {
    margin-bottom: 2.5rem;
  }
}
.main .section-cs .content {
  padding-bottom: 4.06rem;
  border-bottom: 1px solid #CFD4EF;
  row-gap: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cs .content {
    padding-bottom: 2.5rem;
  }
}
.main .section-cs .content .child {
  height: 100%;
  padding: 1.3rem 1.25rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #CFD4EF;
  background: #F5F9FC;
  transition: all 0.6s;
  max-height: 22rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs .content .child {
    max-height: 30rem;
  }
}
.main .section-cs .content .child:hover {
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  border-color: transparent;
}
.main .section-cs .content .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.8867924528%;
  overflow: hidden;
  position: relative;
  border-radius: 0.25rem;
}
.main .section-cs .content .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-cs .content .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-cs .content .child .text {
  margin-top: 2rem;
}
.main .section-cs .content .child .text .ac {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.main .section-cs .content .child .text .ac .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-cs .content .child .text .ac .date span {
  color: var(--blue);
}
.main .section-cs .content .child .text .ac span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
.main .section-cs .content .child .text .name {
  margin-bottom: 0.75rem;
}
.main .section-cs .content .child .text .name a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: #303030;
  transition: all 0.6s;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
.main .section-cs .content .child .text .name a:hover {
  color: var(--blue);
}
.main .section-cs .content .child .text .ct {
  padding-left: 0.5rem;
  border-left: 2px solid #4285F4;
}
.main .section-cs .content .child .text .ct p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #515151;
}
.main .section-cs-2 .fillter {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
  gap: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cs-2 .fillter {
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
.main .section-cs-2 .fillter h4 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  color: #303030;
}
@media only screen and (max-width: 480px) {
  .main .section-cs-2 .fillter h4 {
    font-size: 1.25rem;
  }
}
.main .section-cs-2 .fillter select {
  width: 100%;
  padding: 0.625rem 3rem 0.625rem 1rem;
  border-radius: 3.125rem;
  border: 1px solid #CFD4EF;
  background: var(--white);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.01375rem;
  color: #4285F4;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../images/Arrow-Down.svg);
  background-position: right 1rem top 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 480px) {
  .main .section-cs-2 .fillter select {
    max-width: 100%;
    font-size: 1.25rem;
  }
}
.main .section-cs-3 .title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 3.13rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cs-3 .title {
    flex-direction: column;
    align-items: start;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
}
.main .section-cs-3 .title h2 {
  max-width: 35.375rem;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: #303030;
}
@media only screen and (max-width: 1480px) {
  .main .section-cs-3 .title h2 {
    font-size: 2.25rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .title h2 {
    font-size: 2rem;
    max-width: 30rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-3 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-cs-3 .title .action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  background: var(--blue);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--white);
  border: 1px solid transparent;
  transition: all 0.6s;
}
.main .section-cs-3 .title .action svg path {
  transition: all 0.6s;
}
.main .section-cs-3 .title .action:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.main .section-cs-3 .title .action:hover svg path {
  fill: var(--blue);
}
.main .section-cs-3 .top {
  position: relative;
  margin-bottom: 3.13rem;
}
.main .section-cs-3 .top .image {
  overflow: hidden;
  border-radius: 0.5rem;
  border: 3px solid #CFD4EF;
  box-shadow: 4px 10px 4px 0px #EDF1FD;
  position: relative;
}
.main .section-cs-3 .top .image::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 85%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
.main .section-cs-3 .top .image figure {
  width: 100%;
  height: 0;
  padding-top: 46.875%;
  position: relative;
  overflow: hidden;
}
.main .section-cs-3 .top .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-cs-3 .top .text {
  position: absolute;
  bottom: 2.25rem;
  right: 6.25rem;
  left: 6.25rem;
  z-index: 3;
  display: flex;
  -webkit-align-items: end;
  align-self: flex-end;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .top .text {
    position: unset;
    flex-direction: column;
    align-items: start;
    gap: 1.5rem;
    margin-top: 2rem;
  }
}
.main .section-cs-3 .top .text .left {
  max-width: 41.1875rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .top .text .left {
    max-width: 100%;
  }
}
.main .section-cs-3 .top .text .left .name a {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .top .text .left .name a {
    font-size: 1.75rem;
    color: var(--black);
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-3 .top .text .left .name a {
    font-size: 1.5rem;
  }
}
.main .section-cs-3 .top .text .left .ac {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  gap: 0.62rem;
}
.main .section-cs-3 .top .text .left .ac .ct {
  padding-left: 0.75rem;
  border-left: 2px solid #4285F4;
}
.main .section-cs-3 .top .text .left .ac .ct span {
  color: #4285F4;
}
.main .section-cs-3 .top .text .left .ac span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .top .text .left .ac span {
    color: var(--black);
  }
}
.main .section-cs-3 .top .text .left .short p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .top .text .left .short p {
    font-size: 0.875rem;
    color: var(--black);
  }
}
.main .section-cs-3 .top .text .action {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 12rem;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  background: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--blue);
  border: 1px solid transparent;
  transition: all 0.6s;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-3 .top .text .action {
    border-color: var(--blue);
    position: unset;
  }
}
.main .section-cs-3 .top .text .action svg path {
  transition: all 0.6s;
}
.main .section-cs-3 .top .text .action:hover {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}
.main .section-cs-3 .top .text .action:hover svg path {
  fill: var(--white);
}
.main .section-cs-4 {
  background: unset;
  padding: 0;
}
.main .section-cs-4 .title h2 {
  padding: 0;
  border: none;
}
.main .section-cs-4 .content .child {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.25rem;
  max-height: unset;
}
.main .section-cs-4 .content .child .text {
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .section-cs-4 .content .child .image figure {
  padding-top: 59.2452830189%;
}
.main .section-cs-5 {
  padding-top: 6rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-cs-5 {
    padding-top: 4.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-5 {
    padding-top: 3.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-5 {
    padding-top: 2.25rem;
  }
}
.main .section-cs-5 .title {
  margin: 2.4rem 0 4.7rem;
  max-width: 35.375rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-5 .title {
    margin: 2rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-5 .title {
    margin: 1.5rem 0;
  }
}
.main .section-cs-5 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.4px;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-5 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cs-5 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-cs-5 .content {
  row-gap: 2rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-5 .content .col-left {
    order: 2;
  }
}
.main .section-cs-5 .content .col-left .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cs-5 .content .col-left .list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.main .section-cs-5 .content .col-left .list .child {
  height: 100%;
  padding: 1.3rem 1.25rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #CFD4EF;
  background: #F5F9FC;
  transition: all 0.6s;
}
.main .section-cs-5 .content .col-left .list .child:hover {
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  border-color: transparent;
}
.main .section-cs-5 .content .col-left .list .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.8867924528%;
  overflow: hidden;
  position: relative;
  border-radius: 0.25rem;
}
.main .section-cs-5 .content .col-left .list .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-cs-5 .content .col-left .list .child .text {
  margin-top: 2rem;
}
.main .section-cs-5 .content .col-left .list .child .text .ac {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.main .section-cs-5 .content .col-left .list .child .text .ac .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-cs-5 .content .col-left .list .child .text .ac .date span {
  color: var(--blue);
}
.main .section-cs-5 .content .col-left .list .child .text .ac span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
.main .section-cs-5 .content .col-left .list .child .text .name {
  margin-bottom: 0.75rem;
}
.main .section-cs-5 .content .col-left .list .child .text .name a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: #303030;
  transition: all 0.6s;
}
.main .section-cs-5 .content .col-left .list .child .text .name a:hover {
  color: var(--blue);
}
.main .section-cs-5 .content .col-left .list .child .text .ct {
  padding-left: 0.5rem;
  border-left: 2px solid #4285F4;
}
.main .section-cs-5 .content .col-left .list .child .text .ct p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #515151;
}
.main .section-cs-5 .content .col-right {
  padding-left: 2.875rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-5 .content .col-right {
    order: 1;
    padding-left: 0.75rem;
  }
}
.main .section-cs-5 .content .col-right h3 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-cs-5 .content .col-right h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}
.main .section-cs-5 .content .col-right .category ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.main .section-cs-5 .content .col-right .category ul li {
  padding: 0.5rem 2rem;
  border-left: 1px solid rgba(81, 81, 81, 0.2);
}
.main .section-cs-5 .content .col-right .category ul li a {
  display: block;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-cs-5 .content .col-right .category ul .active {
  background: #EDF1FD;
  padding: 0.75rem 1rem 0.75rem 2rem;
  border-radius: 0.625rem;
  border: none;
}
.main .section-cs-5 .content .col-right .category ul .active a {
  padding-right: 2rem;
  color: var(--blue);
  border-right: 2px solid var(--blue);
}
.main .navigation {
  margin-top: 3rem;
}
.main .navigation ul {
  display: flex;
  align-items: center;
}
.main .navigation ul li {
  margin: 0 0.25rem;
}
.main .navigation ul li:first-child a {
  border: none;
  background: unset;
}
.main .navigation ul li:last-child a, .main .navigation ul li:last-child span {
  background: unset;
  border: none;
}
.main .navigation ul li a, .main .navigation ul li span {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border: 1px solid #8894AA;
  background: var(--white);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  color: #515151;
  margin: 0;
  padding: 0;
}
.main .navigation ul li a:hover, .main .navigation ul li span:hover {
  color: var(--white);
  background: var(--blue);
  border-color: var(--blue);
}
.main .navigation ul li .current {
  color: var(--white) !important;
  background: var(--blue) !important;
  border-color: var(--blue) !important;
}
.main .section-dtcs-1 {
  padding: 3rem 0 3.75rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 {
    padding: 2.5rem 0;
  }
}
.main .section-dtcs-1 .breakcum .link {
  justify-content: center;
}
.main .section-dtcs-1 .title {
  margin: 1rem auto 2rem;
  max-width: 54rem;
}
.main .section-dtcs-1 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-dtcs-1 .title h2 span {
  color: #4285F4;
}
.main .section-dtcs-1 .content {
  max-width: 66.25rem;
  margin: auto;
}
.main .section-dtcs-1 .content .action {
  display: flex;
  align-items: center;
  gap: 3.75rem;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .action {
    row-gap: 1rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    flex-wrap: wrap;
  }
}
.main .section-dtcs-1 .content .action .ct {
  padding-left: 0.75rem;
  border-left: 2px solid #4285F4;
}
.main .section-dtcs-1 .content .action .ct p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-dtcs-1 .content .action .lt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main .section-dtcs-1 .content .action .lt span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
}
.main .section-dtcs-1 .content .action .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-dtcs-1 .content .action .lt .date span {
  color: var(--blue);
}
.main .section-dtcs-1 .content .action .share {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-dtcs-1 .content .action .share span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--black);
}
.main .section-dtcs-1 .content .action .share .social {
  display: flex;
  align-content: center;
  gap: 0.38rem;
}
.main .section-dtcs-1 .content .image-b {
  margin: 2rem 0;
}
.main .section-dtcs-1 .content .image-b figure {
  width: 100%;
  padding-top: 61.8867924528%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.main .section-dtcs-1 .content .image-b figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.main .section-dtcs-1 .content .detail {
  max-width: 52.9375rem;
  margin: 0 auto 3rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content .detail {
    margin: 0 auto 2rem;
  }
}
.main .section-dtcs-1 .content .detail span {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #4285F4;
}
.main .section-dtcs-1 .content .detail h4 {
  margin: 1.5rem 0;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem; /* 143.75% */
  letter-spacing: 0.02rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content .detail h4 {
    font-size: 1.75rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content .detail h4 {
    font-size: 1.5rem;
  }
}
.main .section-dtcs-1 .content p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
  margin-bottom: 1rem;
}
.main .section-dtcs-1 .content p:last-child {
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content p {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-dtcs-1 .content p span {
  font-size: 1rem;
  font-weight: 400;
  color: #4285F4;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content p span {
    font-size: 0.875rem;
  }
}
.main .section-dtcs-1 .content img {
  width: 100%;
  height: auto;
  margin: 2rem 0;
}
.main .section-dtcs-1 .content .result {
  max-width: 52.9375rem;
  margin: auto;
}
.main .section-dtcs-1 .content .result .child h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
}
.main .section-dtcs-1 .content .result .child .desc {
  margin: 1.5rem 0;
}
.main .section-dtcs-1 .content .result .child .desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-dtcs-1 .content .result .item {
  padding: 2.4rem 3.56rem 2.81rem 2.56rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  border-radius: 1rem;
  background: var(--white);
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item {
    padding: 1rem;
  }
}
.main .section-dtcs-1 .content .result .item .text {
  width: 100%;
}
.main .section-dtcs-1 .content .result .item .text .top {
  margin-bottom: 1.3rem;
  max-width: 31.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .top {
    margin-bottom: 1rem;
  }
}
.main .section-dtcs-1 .content .result .item .text .top p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .top p {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-dtcs-1 .content .result .item .text .line {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .line {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .line svg {
    width: 100%;
  }
}
.main .section-dtcs-1 .content .result .item .text .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 1.625rem 0 2.88rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .bot {
    margin: 0 0.5rem;
  }
}
.main .section-dtcs-1 .content .result .item .text .bot .left {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .bot .left {
    gap: 0.5rem;
  }
}
.main .section-dtcs-1 .content .result .item .text .bot .left .avatar figure {
  width: 3.75rem;
  height: 3.75rem;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.main .section-dtcs-1 .content .result .item .text .bot .left .avatar figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}
.main .section-dtcs-1 .content .result .item .text .bot .left .name p {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #4285F4;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .bot .left .name p {
    font-size: 1rem;
  }
}
.main .section-dtcs-1 .content .result .item .text .bot .left .name span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--black);
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .text .bot .left .name span {
    font-size: 0.75rem;
  }
}
.main .section-dtcs-1 .content .result .item .image {
  max-width: 12.75rem;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .result .item .image {
    display: none;
  }
}
.main .section-dtcs-1 .content .result .item .image figure {
  border-radius: 0.5rem;
  background: linear-gradient(0deg, rgba(100, 199, 255, 0.05) 0%, rgba(100, 199, 255, 0.05) 100%);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 115.6862745098%;
}
.main .section-dtcs-1 .content .result .item .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  height: 100%;
}
.main .section-dtcs-1 .content .products {
  max-width: 52.9375rem;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content .products {
    margin: 2rem auto 0;
  }
}
.main .section-dtcs-1 .content .products h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem; /* 143.75% */
  letter-spacing: 0.02rem;
  color: var(--black);
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content .products h4 {
    font-size: 1.85rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .products h4 {
    font-size: 1.75rem;
  }
}
.main .section-dtcs-1 .content .products .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-1 .content .products .list {
    gap: 0.5rem;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .products .list {
    justify-content: center;
  }
}
.main .section-dtcs-1 .content .products .list figure {
  width: 5.625rem;
  height: 5.625rem;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0px 4px 10px 0px rgba(48, 48, 48, 0.15);
  background: var(--white);
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .products .list figure {
    width: 4.75rem;
    height: 4.75rem;
  }
}
.main .section-dtcs-1 .content .products .list figure img {
  width: 3.125rem;
  height: 3.125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-1 .content .products .list figure img {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.main .section-dtcs-1 .content h2, .main .section-dtcs-1 .content h3 {
  font-size: 1.5rem;
  font-family: 700;
  margin-bottom: 1rem;
  color: var(--black);
}
.main .section-dtcs-2 .content {
  padding: 3.75rem 0 4.06rem;
  border-top: 1px solid #CFD4EF;
  border-bottom: 1px solid #CFD4EF;
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-2 .content {
    padding: 2.5rem 0;
  }
}
.main .section-dtcs-2 .content .title {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-2 .content .title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtcs-2 .content .title {
    margin-bottom: 1.5rem;
  }
}
.main .section-dtcs-2 .content .title h2 {
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .section-dtcs-2 .content .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-dtcs-2 .content .title h2 {
    font-size: 1.875rem;
  }
}
.main .section-dtcs-2 .content .list {
  row-gap: 1.25rem;
}
.main .section-dtcs-2 .content .list .child {
  height: 100%;
  padding: 1.3rem 1.25rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #CFD4EF;
  background: #F5F9FC;
  transition: all 0.6s;
}
.main .section-dtcs-2 .content .list .child:hover {
  background: var(--white);
  box-shadow: 0px 4px 40px 0px rgba(1, 76, 221, 0.1);
  border-color: transparent;
}
.main .section-dtcs-2 .content .list .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.8867924528%;
  overflow: hidden;
  position: relative;
  border-radius: 0.25rem;
}
.main .section-dtcs-2 .content .list .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-dtcs-2 .content .list .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-dtcs-2 .content .list .child .text {
  margin-top: 2rem;
}
.main .section-dtcs-2 .content .list .child .text .ac {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.main .section-dtcs-2 .content .list .child .text .ac .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-dtcs-2 .content .list .child .text .ac .date span {
  color: var(--blue);
}
.main .section-dtcs-2 .content .list .child .text .ac span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
.main .section-dtcs-2 .content .list .child .text .name {
  margin-bottom: 0.75rem;
}
.main .section-dtcs-2 .content .list .child .text .name a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: #303030;
  transition: all 0.6s;
}
.main .section-dtcs-2 .content .list .child .text .name a:hover {
  color: var(--blue);
}
.main .section-dtcs-2 .content .list .child .text .ct {
  padding-left: 0.5rem;
  border-left: 2px solid #4285F4;
}
.main .section-dtcs-2 .content .list .child .text .ct p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #515151;
}
.main .section-wn .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.1rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn .title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn .title {
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
  }
}
.main .section-wn .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .section-wn .title h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-wn .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-wn .title .action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--white);
  border-radius: 2rem;
  background: var(--blue);
  transition: all 0.6s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 480px) {
  .main .section-wn .title .action {
    padding: 0.5rem 1rem;
  }
}
.main .section-wn .title .action:hover {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.main .section-wn .title .action:hover svg path {
  fill: var(--blue);
}
.main .section-wn-1 {
  padding: 6.25rem 0 4rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-wn-1 {
    padding: 5rem 0 4rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-1 {
    padding: 3.75rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-1 {
    padding: 2.5rem 0;
  }
}
.main .section-wn-1 .breakcum .link {
  justify-content: center;
}
.main .section-wn-1 .title {
  margin: 3rem auto 4.56rem;
  max-width: 38.125rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-wn-1 .title {
    margin: 2rem auto 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-1 .title {
    margin: 2rem auto;
  }
}
.main .section-wn-1 .title h2 {
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
  padding: 0 0.25rem;
  position: relative;
  margin: 0 auto 1rem;
  z-index: 1;
  transition: all 1s;
  width: 100%;
  max-height: 60px;
}
@media only screen and (max-width: 1480px) {
  .main .section-wn-1 .title h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-1 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-1 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-wn-1 .title h2::before {
  border-right: 2px solid #FBBC05;
  background: #F7E7B2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  z-index: -1;
}
.main .section-wn-1 .title h2::after {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6654 8.00016C14.6654 11.6821 11.6806 14.6668 7.9987 14.6668C4.3168 14.6668 1.33203 11.6821 1.33203 8.00016C1.33203 4.31826 4.3168 1.3335 7.9987 1.3335C11.6806 1.3335 14.6654 4.31826 14.6654 8.00016ZM10.6856 5.97994C10.8808 6.1752 10.8808 6.49179 10.6856 6.68705L7.35225 10.0204C7.15699 10.2156 6.84041 10.2156 6.64514 10.0204L5.31181 8.68705C5.11655 8.49179 5.11655 8.1752 5.31181 7.97994C5.50707 7.78468 5.82366 7.78468 6.01892 7.97994L6.9987 8.95972L8.48859 7.46983L9.97848 5.97994C10.1737 5.78468 10.4903 5.78468 10.6856 5.97994Z" fill="%23FBBC05"/></svg>');
  top: -10px;
  right: -7px;
  z-index: 1;
}
.main .section-wn-1 .title .active {
  width: 0;
  padding: 0;
  overflow: hidden;
}
.main .section-wn-1 .title p {
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-1 .title p {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-wn-1 .content {
  border-radius: 1rem;
  border: 1px solid #CFD4EF;
  background: var(--white);
  overflow: hidden;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-1 .content {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-1 .content {
    margin-bottom: 2rem;
  }
}
.main .section-wn-1 .content .child {
  align-items: center;
}
.main .section-wn-1 .content .child .col-left {
  max-width: 32.375rem;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-1 .content .child .col-left {
    margin: 2rem auto;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-1 .content .child .col-left {
    padding: 0 1.5rem;
  }
}
.main .section-wn-1 .content .child .col-left .name {
  margin-bottom: 1rem;
}
.main .section-wn-1 .content .child .col-left .name h4 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: #515151;
}
.main .section-wn-1 .content .child .col-left .lt {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  margin-bottom: 2rem;
}
.main .section-wn-1 .content .child .col-left .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-wn-1 .content .child .col-left .lt .date span {
  color: var(--blue);
}
.main .section-wn-1 .content .child .col-left .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-wn-1 .content .child .col-left .action {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 2rem;
  border-radius: 2.5rem;
  background: var(--blue);
  transition: all 0.6s;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--white);
  border: 1px solid transparent;
}
.main .section-wn-1 .content .child .col-left .action:hover {
  color: var(--blue);
  background: var(--white);
  border-color: var(--blue);
}
.main .section-wn-1 .content .child .col-right figure {
  width: 100%;
  height: 0;
  padding-top: 61.2698412698%;
  position: relative;
  overflow: hidden;
}
.main .section-wn-1 .content .child .col-right figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-wn-1 .content .child .col-right figure img:hover {
  transform: scale(1.1);
}
.main .section-wn-2 {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-2 {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-2 {
    margin-bottom: 2rem;
  }
}
.main .section-wn-2 .content {
  margin-bottom: 4.06rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-2 .content {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-2 .content {
    margin-bottom: 2rem;
  }
}
.main .section-wn-2 .content .lt {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-wn-2 .content .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-wn-2 .content .lt .date span {
  color: var(--blue);
}
.main .section-wn-2 .content .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-wn-2 .content .name a {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.0125rem;
  color: #515151;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  transition: all 0.6s;
}
@media only screen and (max-width: 480px) {
  .main .section-wn-2 .content .name a {
    -webkit-line-clamp: 2;
  }
}
.main .section-wn-2 .content .name a:hover {
  color: var(--blue);
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-2 .content .col-left {
    margin-bottom: 2rem;
  }
}
.main .section-wn-2 .content .col-left .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .main .section-wn-2 .content .col-left .list {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-2 .content .col-left .child {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-2);
  }
}
.main .section-wn-2 .content .col-left .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.5012106538%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.main .section-wn-2 .content .col-left .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-wn-2 .content .col-left .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-wn-2 .content .col-left .child .text {
  margin-top: 2rem;
}
.main .section-wn-2 .content .col-left .child .text .name {
  margin-bottom: 1rem;
}
.main .section-wn-2 .content .col-left .child .text .name a {
  font-size: 1.25rem;
  line-height: 2rem;
}
.main .section-wn-2 .content .col-right {
  margin-left: 2.1875rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-2 .content .col-right {
    margin: 0;
  }
}
.main .section-wn-2 .content .col-right .list .child {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #D9D9D9;
}
.main .section-wn-2 .content .col-right .list .child:last-child {
  padding: 0;
  margin: 0;
  border: none;
}
.main .section-wn-2 .content .col-right .list .name {
  margin-bottom: 0.75rem;
}
.main .section-wn-2 .content .col-right .list .name a {
  font-size: 1rem;
  line-height: 1.5rem;
}
.main .section-wn-3 {
  margin-bottom: 4rem;
}
.main .section-wn-3 .content {
  padding-bottom: 4rem;
}
.main .section-wn-3 .content .top {
  position: relative;
  margin-bottom: 2rem;
}
.main .section-wn-3 .content .top .image figure {
  width: 100%;
  height: 0;
  padding-top: 46.875%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 3px solid #CFD4EF;
  box-shadow: 4px 10px 4px 0px #EDF1FD;
}
.main .section-wn-3 .content .top .image figure::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 85%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 1;
}
.main .section-wn-3 .content .top .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-wn-3 .content .top .text {
  position: absolute;
  left: 6.19rem;
  bottom: 1.87rem;
  max-width: 41.1875rem;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-3 .content .top .text {
    position: unset;
    margin-top: 2rem;
  }
}
.main .section-wn-3 .content .top .text .name a {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--white);
  transition: all 0.6s;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-3 .content .top .text .name a {
    color: var(--black);
    font-size: 1.75rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-wn-3 .content .top .text .name a {
    font-size: 1.5rem;
  }
}
.main .section-wn-3 .content .top .text .name a:hover {
  color: #4285F4;
}
.main .section-wn-3 .content .top .text .lt {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  gap: 0.62rem;
}
.main .section-wn-3 .content .top .text .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-wn-3 .content .top .text .lt .date span {
  color: #4285F4;
}
.main .section-wn-3 .content .top .text .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--white);
}
@media only screen and (max-width: 480px) {
  .main .section-wn-3 .content .top .text .lt span {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-wn-3 .content .top .text .short p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--white);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-3 .content .top .text .short p {
    font-size: 0.875rem;
    color: var(--black);
    line-height: normal;
  }
}
.main .section-wn-3 .content .bot .list {
  row-gap: 1.25rem;
}
.main .section-wn-3 .content .bot .list .child {
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .main .section-wn-3 .content .bot .list .child {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-2);
  }
}
.main .section-wn-3 .content .bot .list .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.5012106538%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.main .section-wn-3 .content .bot .list .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-wn-3 .content .bot .list .child .image figure img:hover {
  transform: scale(1.1);
}
.main .section-wn-3 .content .bot .list .child .text {
  margin-top: 2rem;
}
.main .section-wn-3 .content .bot .list .child .lt {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.main .section-wn-3 .content .bot .list .child .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-wn-3 .content .bot .list .child .lt .date span {
  color: var(--blue);
}
.main .section-wn-3 .content .bot .list .child .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-wn-3 .content .bot .list .child .name {
  max-width: 24.1875rem;
}
.main .section-wn-3 .content .bot .list .child .name a {
  font-size: 1.25rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.0125rem;
  color: #515151;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  transition: all 0.6s;
}
@media only screen and (max-width: 1199px) {
  .main .section-wn-3 .content .bot .list .child .name a {
    -webkit-line-clamp: 2;
  }
}
.main .section-wn-3 .content .bot .list .child .name a:hover {
  color: var(--blue);
}
.main .section-wn-4 .content {
  row-gap: 1.25rem;
}
.main .section-wn-4 .content .child {
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .main .section-wn-4 .content .child {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-2);
  }
}
.main .section-wn-4 .content .child .text {
  margin-top: 2rem;
}
.main .section-wn-4 .content .child .lt {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.main .section-wn-4 .content .child .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-wn-4 .content .child .lt .date span {
  color: var(--blue);
}
.main .section-wn-4 .content .child .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-wn-4 .content .child .name {
  max-width: 24.1875rem;
}
.main .section-wn-4 .content .child .name a {
  font-size: 1.25rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.0125rem;
  color: #515151;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  transition: all 0.6s;
}
.main .section-wn-4 .content .child .name a:hover {
  color: var(--blue);
}
.main .section-wn-4 .content .child .image figure {
  width: 100%;
  height: 0;
  padding-top: 61.5012106538%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.main .section-wn-4 .content .child .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-nl-1 {
  padding-top: 6.25rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-nl-1 {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-nl-1 {
    padding-top: 3.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-nl-1 {
    padding-top: 2.5rem;
  }
}
.main .section-nl-1 .title {
  margin: 3rem 0 2rem;
  max-width: 38.125rem;
}
.main .section-nl-1 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  color: var(--black);
  letter-spacing: 0.025rem;
  margin-bottom: 1rem;
}
.main .section-nl-1 .title h2 span {
  color: var(--blue);
}
@media only screen and (max-width: 1480px) {
  .main .section-nl-1 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-nl-1 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-nl-1 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-nl-1 .title p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-nl-1 .title p {
    font-size: 0.75rem;
    line-height: normal;
  }
}
.main .section-nl-1 .content {
  margin-top: 4rem;
  row-gap: 2rem;
}
@media only screen and (max-width: 480px) {
  .main .section-nl-1 .content {
    margin-bottom: 2rem;
  }
}
.main .section-nl-1 .content .col-left .list {
  row-gap: 2rem;
}
.main .section-nl-1 .content .col-left .list .child {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .main .section-nl-1 .content .col-left .list .child {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-2);
  }
}
.main .section-nl-1 .content .col-left .list .child .text {
  margin-top: 2rem;
}
.main .section-nl-1 .content .col-left .list .child .lt {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.main .section-nl-1 .content .col-left .list .child .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-nl-1 .content .col-left .list .child .lt .date span {
  color: var(--blue);
}
.main .section-nl-1 .content .col-left .list .child .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-nl-1 .content .col-left .list .child .name {
  max-width: 24.1875rem;
}
.main .section-nl-1 .content .col-left .list .child .name a {
  font-size: 1.25rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.0125rem;
  color: #515151;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  transition: all 0.6s;
}
@media only screen and (max-width: 1199px) {
  .main .section-nl-1 .content .col-left .list .child .name a {
    font-size: 1rem;
  }
}
.main .section-nl-1 .content .col-left .list .child .name a:hover {
  color: var(--blue);
}
.main .section-nl-1 .content .col-left .list .child figure {
  width: 100%;
  height: 100%;
  padding-top: 61.5012106538%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.main .section-nl-1 .content .col-left .list .child figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-nl-1 .content .col-left .list .child figure img:hover {
  transform: scale(1.1);
}
.main .section-nl-1 .content .col-right {
  margin-left: 3.1875rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-nl-1 .content .col-right {
    margin-left: 0;
  }
}
.main .section-nl-1 .content .col-right .child {
  margin-bottom: 3rem;
}
.main .section-nl-1 .content .col-right .child:last-child {
  margin: 0;
}
.main .section-nl-1 .content .col-right .name {
  margin-bottom: 1.69rem;
}
.main .section-nl-1 .content .col-right .name h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
  margin-bottom: 1rem;
}
.main .section-nl-1 .content .col-right .list {
  padding: 1rem;
  background: #DDEEFF;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.main .section-nl-1 .content .col-right .list .item a {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--black);
  transition: all 0.6s;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
.main .section-nl-1 .content .col-right .list .item a:hover {
  color: var(--blue);
}
.main .section-nl-1 .content .col-right .list .item p {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
.main .section-nl-1 .content .col-right .border-c span {
  height: 0.0625rem;
}
.main .section-ev-1 .content .col-left .list .child {
  height: unset;
}
.main .section-ev-1 .content .col-left .list .child .image {
  position: relative;
}
.main .section-ev-1 .content .col-left .list .child .image .time {
  padding: 0.62rem 0.75rem 0.5rem;
  background-color: var(--blue);
  position: absolute;
  top: 1.3rem;
  left: 0;
  z-index: 1;
  border-left: 2px solid rgba(255, 255, 255, 0.3);
}
.main .section-ev-1 .content .col-left .list .child .image .time span {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--white);
}
.main .section-ev-1 .content .col-left .list .child .name a {
  -webkit-line-clamp: 2;
}
.main .section-ev-1 .content .col-left .list .end .image .time {
  background: #34A853;
}
.main .section-ev-1 .content .col-right .time {
  margin-bottom: 3rem;
}
.main .section-ev-1 .content .col-right .time h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.32px;
  color: var(--black);
  margin-bottom: 1.5rem;
}
.main .section-ev-1 .content .col-right .time nav ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.main .section-ev-1 .content .col-right .time nav ul li {
  padding: 0.75rem 1rem 0.75rem 2rem;
  border-left: 2px solid rgba(81, 81, 81, 0.2);
}
.main .section-ev-1 .content .col-right .time nav ul li:hover {
  border-radius: 0.625rem;
  background: #EDF1FD;
  border: none;
}
.main .section-ev-1 .content .col-right .time nav ul li:hover a {
  padding-right: 2rem;
  border-right: 2px solid var(--blue);
  color: var(--blue);
}
.main .section-ev-1 .content .col-right .time nav ul li a {
  display: block;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-ev-1 .content .col-right .time nav ul .active {
  border-radius: 0.625rem;
  background: #EDF1FD;
  border: none;
}
.main .section-ev-1 .content .col-right .time nav ul .active a {
  padding: 0.25rem 2rem 0.25rem 0;
  border-right: 2px solid var(--blue);
  color: var(--blue);
}
.main .section-ev-1 .content .col-right .keywords h4 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: var(--black);
  letter-spacing: 0.01375rem;
  margin-bottom: 1rem;
}
.main .section-ev-1 .content .col-right .keywords nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.main .section-ev-1 .content .col-right .keywords nav ul li a {
  display: block;
  padding: 0.38rem 1rem;
  border-left: 1px solid rgba(81, 81, 81, 0.2);
  background: #EDF1FD;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  color: #515151;
}
.main .section-ev-1 .content .col-right .keywords nav ul li a:hover {
  background: #4285F4;
  color: var(--white);
}
.main .section-ev-1 .content .col-right .keywords nav ul .active a {
  background: #4285F4;
  color: var(--white);
}
.main .section-dtn-1 {
  padding: 3rem 0;
}
.main .section-dtn-1 .content {
  margin-top: 1rem;
  margin-bottom: 5rem;
}
.main .section-dtn-1 .content .col-left {
  overflow: hidden;
}
.main .section-dtn-1 .content .col-left .top {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .top {
    margin-bottom: 0;
  }
}
.main .section-dtn-1 .content .col-left .top h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .section-dtn-1 .content .col-left .top h4 {
    font-size: 1.75rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .top h4 {
    font-size: 1.5rem;
  }
}
.main .section-dtn-1 .content .col-left .top .action {
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 3.75rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .top .action {
    margin: 1rem 0;
    gap: 1rem;
  }
}
.main .section-dtn-1 .content .col-left .top .action .lt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main .section-dtn-1 .content .col-left .top .action .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-dtn-1 .content .col-left .top .action .lt .date span {
  color: var(--blue);
}
.main .section-dtn-1 .content .col-left .top .action .lt span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: #515151;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .top .action .lt span {
    font-size: 0.75rem;
  }
}
.main .section-dtn-1 .content .col-left .top .action .share {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-dtn-1 .content .col-left .top .action .share span {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  color: #515151;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .top .action .share span {
    font-size: 0.75rem;
  }
}
.main .section-dtn-1 .content .col-left .top .action .share .social {
  display: flex;
  align-items: center;
  gap: 0.385rem;
}
.main .section-dtn-1 .content .col-left .top .action .share .social figure {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
.main .section-dtn-1 .content .col-left .top .action .share .social figure img, .main .section-dtn-1 .content .col-left .top .action .share .social figure svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .top .keywrod {
    margin: 1rem;
  }
}
.main .section-dtn-1 .content .col-left .top .keywrod ul {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  list-style: none;
}
.main .section-dtn-1 .content .col-left .top .keywrod ul li {
  list-style: none;
}
.main .section-dtn-1 .content .col-left .top .keywrod ul li a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.38rem 1rem;
  background: #EDF1FD;
  border-left: 2px solid rgba(81, 81, 81, 0.2);
}
.main .section-dtn-1 .content .col-left .detail img {
  width: 100%;
  height: auto;
  margin: 1.5rem 0;
}
.main .section-dtn-1 .content .col-left .detail p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-1 .content .col-left .detail p {
    font-size: 0.75rem;
  }
}
.main .section-dtn-1 .content .col-left .detail p:last-child {
  margin: 0;
}
.main .section-dtn-1 .content .col-left .detail p a {
  color: var(--blue);
  text-decoration: underline;
}
.main .section-dtn-1 .content .col-left .detail strong {
  font-weight: 700;
}
.main .section-dtn-1 .content .col-left .detail h1, .main .section-dtn-1 .content .col-left .detail h2, .main .section-dtn-1 .content .col-left .detail h3, .main .section-dtn-1 .content .col-left .detail h4, .main .section-dtn-1 .content .col-left .detail h5, .main .section-dtn-1 .content .col-left .detail h6 {
  font-size: 1.5rem;
  margin: 1rem 0;
  font-weight: 700;
  line-height: normal;
  color: var(--black);
}
.main .section-dtn-2 .title {
  margin-bottom: 3.1rem;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-2 .title {
    margin-bottom: 1.5rem;
  }
}
.main .section-dtn-2 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .section-dtn-2 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-dtn-2 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-2 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-dtn-2 .content {
  row-gap: 1.25rem;
}
.main .section-dtn-2 .content .child {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .main .section-dtn-2 .content .child {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-2);
  }
}
.main .section-dtn-2 .content .child .text {
  margin-top: 2rem;
}
.main .section-dtn-2 .content .child .lt {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.main .section-dtn-2 .content .child .lt .date {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main .section-dtn-2 .content .child .lt .date span {
  color: var(--blue);
}
.main .section-dtn-2 .content .child .lt span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-dtn-2 .content .child .name {
  max-width: 24.1875rem;
}
.main .section-dtn-2 .content .child .name a {
  font-size: 1.25rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.0125rem;
  color: #515151;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  transition: all 0.6s;
}
.main .section-dtn-2 .content .child .name a:hover {
  color: var(--blue);
}
.main .section-dtn-2 .content .child figure {
  width: 100%;
  height: 100%;
  padding-top: 61.5012106538%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}
.main .section-dtn-2 .content .child figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}
.main .section-dtn-2 .content .child figure img:hover {
  transform: scale(1.1);
}
.main .section-dtev-1 .col-right .time-evt {
  margin-bottom: 5rem;
  border-radius: 0.5rem;
  background: #EDF1FD;
  overflow: hidden;
  padding: 2.8rem;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .main .section-dtev-1 .col-right .time-evt {
    margin-bottom: 3rem;
    padding: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-dtev-1 .col-right .time-evt {
    margin-bottom: 2rem;
    padding: 1.5rem;
  }
}
.main .section-dtev-1 .col-right .time-evt::before {
  content: "";
  border-radius: 50%;
  background: linear-gradient(180deg, #F5F9FC 2.22%, rgba(245, 249, 252, 0) 31.72%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50%;
}
.main .section-dtev-1 .col-right .time-evt .top {
  margin: 0 auto 1.5rem;
  text-align: center;
  max-width: 14.8125rem;
  position: relative;
}
.main .section-dtev-1 .col-right .time-evt .top h4 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.01375rem;
  color: var(--black);
  margin-bottom: 0.5rem;
}
.main .section-dtev-1 .col-right .time-evt .top p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.main .section-dtev-1 .col-right .time-evt .bot {
  margin: auto;
  text-align: center;
  max-width: 14.8125rem;
  position: relative;
}
.main .section-dtev-1 .col-right .time-evt .bot h4 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.875rem;
  color: #515151;
}
.main .section-dtev-1 .col-right .time-evt .bot p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.875rem;
  text-transform: uppercase;
  color: #4285F4;
}
.main .section-dtev-1 .col-right .time-evt .bot .action {
  margin: 1rem auto 0;
  width: 100%;
  display: block;
  max-width: 10.875rem;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--white);
  background: var(--blue);
  border: 1px solid transparent;
  border-radius: 3.125rem;
  transition: all 0.6s;
}
.main .section-dtev-1 .col-right .time-evt .bot .action:hover {
  border-color: var(--blue);
  background: transparent;
  color: var(--blue);
}
.main .section-dtev-1 .col-right .child .list {
  padding: 0;
  background: unset;
}
.main .section-dtev-1 .col-right .child .list .item {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.main .section-dtev-1 .col-right .child .list .item figure {
  width: 5rem;
  height: 5rem;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}
.main .section-dtev-1 .col-right .child .list .item figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-dtev-1 .col-right .child .list .item .text {
  flex: 1;
}
.main .section-dtev-1 .col-right .child .list .item .text a {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
}
.main .section-dtev-1 .col-right .child .list .item .text .lt {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.main .section-dtev-1 .col-right .child .list .item .text .lt .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main .section-dtev-1 .col-right .child .list .item .text .lt .date span {
  color: var(--blue);
}
.main .section-dtev-1 .col-right .child .list .item .text .lt span {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #515151;
}
.main .section-dtev-1 .col-right .child .name h4 {
  font-size: 1.375rem;
  line-height: 2rem;
}
.main .section-cmctl-1 {
  margin-top: 1.38rem;
}
.main .section-cmctl-1 .title {
  background: var(--white);
  padding-bottom: 4.18rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-1 .title {
    padding-bottom: 2rem;
  }
}
.main .section-cmctl-1 .title .breakcum .link {
  justify-content: center;
}
.main .section-cmctl-1 .title .content-t {
  max-width: 52.87494rem;
  margin: auto;
}
.main .section-cmctl-1 .title .content-t .top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.61rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-1 .title .content-t .top {
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
}
.main .section-cmctl-1 .title .content-t .top h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-1 .title .content-t .top h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-1 .title .content-t .top h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-1 .title .content-t .top h2 {
    font-size: 1.75rem;
  }
}
.main .section-cmctl-1 .title .content-t .top span {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  padding: 0 0.25rem;
  z-index: 1;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: var(--black);
  position: relative;
  border-right: 1px solid #FBBC05;
  background: #F7E7B2;
  transition: all 0.8s;
  max-height: 2rem;
}
.main .section-cmctl-1 .title .content-t .top span::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9466 8.00016C14.9466 11.6821 11.9618 14.6668 8.27995 14.6668C4.59805 14.6668 1.61328 11.6821 1.61328 8.00016C1.61328 4.31826 4.59805 1.3335 8.27995 1.3335C11.9618 1.3335 14.9466 4.31826 14.9466 8.00016ZM10.9668 5.97994C11.1621 6.1752 11.1621 6.49179 10.9668 6.68705L7.6335 10.0204C7.43824 10.2156 7.12166 10.2156 6.92639 10.0204L5.59306 8.68705C5.3978 8.49179 5.3978 8.1752 5.59306 7.97994C5.78832 7.78468 6.10491 7.78468 6.30017 7.97994L7.27995 8.95972L8.76984 7.46983L10.2597 5.97994C10.455 5.78468 10.7716 5.78468 10.9668 5.97994Z" fill="%23FBBC05"/></svg>');
  position: absolute;
  top: -1rem;
  right: -9px;
}
.main .section-cmctl-1 .title .content-t .top .active {
  width: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
}
.main .section-cmctl-1 .title .content-t .desc {
  margin-top: 1.5rem;
  text-align: center;
}
.main .section-cmctl-1 .title .content-t .desc p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-cmctl-1 .content {
  margin-top: 8.13rem;
  margin-bottom: 8.13rem;
  align-items: center;
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-1 .content {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-1 .content {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-1 .content {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.main .section-cmctl-1 .content .col-left {
  max-width: 37.625rem;
}
.main .section-cmctl-1 .content .col-left h4 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-1 .content .col-left h4 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-1 .content .col-left h4 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-1 .content .col-left h4 {
    font-size: 1.75rem;
  }
}
.main .section-cmctl-1 .content .col-left p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-1 .content .col-left p {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-cmctl-1 .content .col-left p:last-child {
  margin: 0;
}
.main .section-cmctl-1 .content .col-left strong {
  font-size: 1.125rem;
  font-weight: 700;
}
.main .section-cmctl-1 .content .col-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-left: 2rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-1 .content .col-right {
    margin: 0;
    gap: 0.75rem;
    margin-top: 1.5rem;
  }
}
.main .section-cmctl-1 .content .col-right .child {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.main .section-cmctl-1 .content .col-right .child:nth-child(1) {
  margin-top: 2rem;
}
.main .section-cmctl-1 .content .col-right .child:nth-child(1) .logo img {
  max-width: 12.125rem;
  max-height: 12.125rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: unset;
  right: unset;
}
.main .section-cmctl-1 .content .col-right .child:nth-child(2) {
  margin-top: 2rem;
}
.main .section-cmctl-1 .content .col-right .child:nth-child(2) .image img {
  max-width: 12.125rem;
  max-height: 12.125rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: unset;
  right: unset;
}
.main .section-cmctl-1 .content .col-right .child figure {
  border-radius: 1rem;
  border: 1px solid #4285F4;
  background: var(--white);
  box-shadow: 0px 4px 10px 0px rgba(48, 48, 48, 0.15);
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 72.8571428571%;
  overflow: hidden;
}
.main .section-cmctl-1 .content .col-right .child figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-cmctl-2 .content {
  padding: 4.1rem 3.74rem 8.39rem 2.5rem;
  background: #DDEEFF;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4.37rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-2 .content {
    flex-direction: column;
    padding: 1.5rem;
    gap: 2rem;
  }
}
.main .section-cmctl-2 .content .col-left {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-2 .content .col-left {
    order: 2;
  }
}
.main .section-cmctl-2 .content .col-left .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-2 .content .col-left .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.main .section-cmctl-2 .content .col-left .list .child {
  background: var(--white);
  border-radius: 1rem;
  width: 9.375rem;
  height: 9.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.94rem;
  padding: 0.75rem 0.91rem 0.81rem;
  transition: all 0.6s;
}
.main .section-cmctl-2 .content .col-left .list .child:hover {
  box-shadow: 0px 2px 10px 0px rgba(1, 76, 221, 0.6);
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-2 .content .col-left .list .child {
    width: 100%;
  }
}
.main .section-cmctl-2 .content .col-left .list .child figure img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.main .section-cmctl-2 .content .col-left .list .child p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  color: #515151;
}
.main .section-cmctl-2 .content .col-right {
  max-width: 28.88806rem;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-2 .content .col-right {
    order: 1;
    max-width: 100%;
  }
}
.main .section-cmctl-2 .content .col-right h4 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-2 .content .col-right h4 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-2 .content .col-right h4 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-2 .content .col-right h4 {
    font-size: 1.75rem;
  }
}
.main .section-cmctl-2 .content .col-right h4 span {
  color: #4285F4;
}
.main .section-cmctl-3 {
  margin: 8.13rem 0;
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-3 {
    margin: 5rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-3 {
    margin: 3.75rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-3 {
    margin: 2.5rem 0;
  }
}
.main .section-cmctl-3 .title {
  margin: auto;
  max-width: 55.375rem;
}
.main .section-cmctl-3 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem; /* 150% */
  letter-spacing: 0.025rem;
  color: var(--black);
  text-align: center;
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-3 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-3 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-cmctl-3 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-cmctl-3 .content {
  margin-top: 3rem;
  position: relative;
}
.main .section-cmctl-3 .content .slide {
  max-height: 33.75rem;
}
.main .section-cmctl-3 .content .slide .item {
  background: #264D8E;
  border-radius: 1rem;
  box-shadow: 0px 4px 10px 0px rgba(48, 48, 48, 0.15);
  overflow: hidden;
  max-width: 25.625rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 33.75rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-cmctl-3 .content .slide .item {
    max-width: 22.5rem;
    max-height: 33rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-3 .content .slide .item {
    max-width: 25rem;
  }
}
.main .section-cmctl-3 .content .slide .item .text {
  padding: 1.5rem 1.5rem 0.63rem 1.5rem;
}
.main .section-cmctl-3 .content .slide .item .text h4 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--white);
  margin-bottom: 0.5rem;
}
.main .section-cmctl-3 .content .slide .item .text ul li {
  padding-left: 2rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--white);
  position: relative;
}
.main .section-cmctl-3 .content .slide .item .text ul li::before {
  position: absolute;
  top: 0.55rem;
  left: 0.85rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: var(--white);
  content: "";
}
.main .section-cmctl-3 .content .slide .item .image {
  position: relative;
}
.main .section-cmctl-3 .content .slide .item .image::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(38, 77, 142, 0) 0%, #264D8E 100%);
  content: "";
  z-index: 1;
}
.main .section-cmctl-3 .content .slide .item .image figure {
  width: 100%;
  height: 0;
  padding-top: 68.2926829268%;
  position: relative;
  overflow: hidden;
}
.main .section-cmctl-3 .content .slide .item .image figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-cmctl-3 .content .slide-control .slider-button {
  position: absolute;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid #515151;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  transition: all 0.6s;
  background: var(--white);
}
.main .section-cmctl-3 .content .slide-control .slider-button:hover {
  background: var(--blue);
  border-color: var(--blue);
}
.main .section-cmctl-3 .content .slide-control .slider-button:hover svg path {
  fill: var(--white);
}
.main .section-cmctl-3 .content .slide-control .slider-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s;
}
.main .section-cmctl-3 .content .slide-control .slider-button-prev {
  left: -4rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-3 .content .slide-control .slider-button-prev {
    left: 0;
  }
}
.main .section-cmctl-3 .content .slide-control .slider-button-next {
  right: -4rem;
}
@media only screen and (max-width: 1199px) {
  .main .section-cmctl-3 .content .slide-control .slider-button-next {
    right: 0;
  }
}
.main .section-contact-2 {
  margin-bottom: 8.13rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-contact-2 {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-contact-2 {
    margin-bottom: 3.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-contact-2 {
    margin-bottom: 2.5rem;
  }
}
.main .section-contact-2 .title {
  max-width: 55rem;
  margin: 0 auto 3rem;
  text-align: center;
}
.main .section-contact-2 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem; /* 150% */
  letter-spacing: 0.025rem;
  color: var(--black);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1480px) {
  .main .section-contact-2 .title h2 {
    font-size: 2rem;
    line-height: normal;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-contact-2 .title h2 {
    font-size: 1.875rem;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-contact-2 .title h2 {
    font-size: 1.75rem;
  }
}
.main .section-contact-2 .title p {
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  color: #4285F4;
  max-width: 30.5rem;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .main .section-contact-2 .title p {
    font-size: 0.875rem;
    line-height: normal;
  }
}
.main .section-contact-2 .content {
  row-gap: 1.25rem;
}
.main .section-contact-2 .content .child {
  padding: 1rem 1.5rem;
  height: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #CFD4EF;
  border-radius: 1rem;
  max-height: 6.25rem;
  transition: all 0.6s;
}
.main .section-contact-2 .content .child:hover {
  box-shadow: 0px 2px 10px 0px rgba(1, 76, 221, 0.6);
}
.main .section-contact-2 .content .child figure {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  overflow: hidden;
}
.main .section-contact-2 .content .child figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-contact-2 .content .child .text {
  flex: 1;
  margin-left: 0.75rem;
}
.main .section-contact-2 .content .child p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--black);
}
.main .section-contact-1 .content .col-left {
  max-width: 18.661rem;
}
.main .section-contact-1 .content .col-right {
  max-width: 43rem;
}
.main .section-contact-1 .content .col-right figure {
  width: 100%;
  height: 0;
  padding-top: 71.3662790698%;
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
}
.main .section-contact-1 .content .col-right figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .section-contact-3 .title {
  max-width: 50.125rem;
  margin: 0 auto 3rem;
}
.main .section-contact-3 .title h2 {
  font-size: 2rem;
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  line-height: 2.875rem; /* 143.75% */
  letter-spacing: 0.02rem;
  overflow: hidden;
}
@media only screen and (max-width: 1480px) {
  .main .section-contact-3 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .section-contact-3 .title h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .section-contact-3 .title h2 {
    font-size: 1.5rem;
  }
}
.main .section-contact-3 .title h2 .effects {
  border-right: 2px solid #FBBC05;
  padding: 0.25rem 0.5rem;
  background: #F7E7B2;
  position: relative;
  display: inline-block;
  transition: all 0.6s;
  transform: translateX(-120%);
}
.main .section-contact-3 .title h2 .effects::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6654 8.00016C14.6654 11.6821 11.6806 14.6668 7.9987 14.6668C4.3168 14.6668 1.33203 11.6821 1.33203 8.00016C1.33203 4.31826 4.3168 1.3335 7.9987 1.3335C11.6806 1.3335 14.6654 4.31826 14.6654 8.00016ZM10.6856 5.97994C10.8808 6.1752 10.8808 6.49179 10.6856 6.68705L7.35225 10.0204C7.15699 10.2156 6.84041 10.2156 6.64514 10.0204L5.31181 8.68705C5.11655 8.49179 5.11655 8.1752 5.31181 7.97994C5.50707 7.78468 5.82366 7.78468 6.01892 7.97994L6.9987 8.95972L8.48859 7.46983L9.97848 5.97994C10.1737 5.78468 10.4903 5.78468 10.6856 5.97994Z" fill="%23FBBC05"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  top: -10px;
  right: -9px;
}
.main .section-contact-3 .title h2 .active {
  transform: translate(0);
}
.main .section-contact-3 .map iframe {
  width: 100% !important;
}
.main .icon-ct {
  position: fixed;
  right: 1.4rem;
  bottom: 10%;
  z-index: 33;
  display: flex;
  flex-direction: column;
}
.main .icon-ct .child {
  display: block;
  margin-top: 0.75rem;
}
.main .icon-ct .child:first-child {
  margin: 0;
}
.main .icon-ct .child figure {
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  border-radius: 50%;
  background: #F2FBFF;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
}
.main .icon-ct .child figure img, .main .icon-ct .child figure svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main .icon-ct .back-to-top {
  pointer-events: none;
}
.main .icon-ct .back-to-top figure {
  border: 2px solid #4285F4;
}
.main .icon-ct .show {
  pointer-events: all;
}
.main .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  z-index: 11;
  display: none;
}
.main .hide {
  display: none;
}
.main .landing-zone-1 {
  padding-top: 6.25rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 {
    padding-top: 4.25rem;
    padding-bottom: 2rem;
  }
}
.main .landing-zone-1.bot-130 {
  padding-bottom: 8.125rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1.bot-130 {
    padding-bottom: 5.125rem;
  }
}
.main .landing-zone-1 .row {
  align-items: center;
  row-gap: 1.25rem;
}
.main .landing-zone-1 .content {
  max-width: 27rem;
}
.main .landing-zone-1 .content .link {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .link {
    font-size: 0.875rem;
  }
}
.main .landing-zone-1 .content .link a {
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .link a {
    font-size: 0.875rem;
  }
}
.main .landing-zone-1 .content .link span {
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 0.5;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .link span {
    font-size: 0.875rem;
  }
}
.main .landing-zone-1 .content .title {
  margin-top: 1rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .title {
    margin-top: 0.875rem;
  }
}
.main .landing-zone-1 .content .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  
}
@media only screen and (max-width: 1480px) {
  .main .landing-zone-1 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-1 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .landing-zone-1 .content .text {
  color: var(--black);
  margin-top: 1.25rem;
  max-width: 25.813rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .text {
    margin-top: 1rem;
  }
}
.main .landing-zone-1 .content .text span {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .text span {
    font-size: 0.875rem;
  }
}
.main .landing-zone-1 .content .button {
  margin-top: 3rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .button {
    margin-top: 2rem;
  }
}
.main .landing-zone-1 .content .button a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1rem 2rem;
  color: var(--white);
  border-radius: 2.5rem;
  background-color: var(--blue);
  display: inline-block;
  transition: all 0.6s;
  border: 1px solid transparent;
}
.main .landing-zone-1 .content .button a:hover {
  border-color: var(--blue);
  color: var(--blue);
  background: var(--white);
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-1 .content .button a {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-1 .content .button a {
    padding: 0.75rem 1.5rem;
  }
}
.main .landing-zone-1 .right {
  display: flex;
  justify-content: flex-end;
}
.main .landing-zone-1 .right .picture {
  max-width: 43rem;
  width: 100%;
}
.main .landing-zone-1 .right .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 71.366279%;
  border-radius: 0.5rem;
}
.main .landing-zone-1 .right .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 0.6s;
}
.main .landing-zone-1 .right .picture picture img:hover {
  transform: scale(1.1);
}
.main .landing-zone-2 {
  padding: 6.25rem 0;
  background-color: var(--bg-bland-blue-opacity);
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-2 {
    padding: 4.25rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-2 .top {
    text-align: center;
  }
}
.main .landing-zone-2 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .landing-zone-2 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-2 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-2 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .landing-zone-2 .top .content .text span {
  font-size: 1rem;
  color: var(--black);
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-2 .top .content .text span {
    font-size: 0.875rem;
  }
}
.main .landing-zone-2 .top .content .button {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-2 .top .content .button {
    margin-top: 1rem;
  }
}
.main .landing-zone-2 .top .content .button a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1rem 2rem;
  color: var(--white);
  border-radius: 2.5rem;
  background-color: var(--blue);
  display: inline-block;
  transition: all 0.6s;
  border: 1px solid transparent;
}
.main .landing-zone-2 .top .content .button a:hover {
  border-color: var(--blue);
  background: var(--white);
  color: var(--blue);
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-2 .top .content .button a {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-2 .top .content .button a {
    padding: 0.75rem 1.5rem;
  }
}
.main .landing-zone-2 .bot {
  display: flex;
  margin: 3rem -0.625rem 0;
  justify-content: center;
  flex-wrap: wrap;
}
.main .landing-zone-2 .bot.row-5 .item {
  max-width: 15rem;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-2 .bot.row-5 .item {
    max-width: 10.5rem !important;
  }
}
.main .landing-zone-2 .bot.row-4 .item {
  max-width: 19.063rem;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-2 .bot.row-4 .item {
    max-width: 10.5rem !important;
  }
}
.main .landing-zone-2 .bot.row-3 .item {
  max-width: 25.833rem;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-2 .bot.row-3 .item {
    max-width: 10.5rem !important;
  }
}
.main .landing-zone-2 .bot .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: 0rem 0.25rem 0.625rem 0rem var(--box-shadow-1);
  margin: 0.625rem;
  transition: all 0.6s;
}
.main .landing-zone-2 .bot .item:hover {
  box-shadow: 0px 2px 10px 0px rgba(1, 76, 221, 0.6);
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-2 .bot .item {
    padding: 0.75rem;
    margin: 0.35rem;
  }
}
.main .landing-zone-2 .bot .item-icon {
  padding: 1rem;
  background-color: var(--bg-bland-blue);
  border-radius: 50%;
}
.main .landing-zone-2 .bot .item-icon .picture {
  width: 2.5rem;
}
.main .landing-zone-2 .bot .item-icon .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
}
.main .landing-zone-2 .bot .item-icon .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .landing-zone-2 .bot .item-text {
  text-align: center;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-2 .bot .item-text {
    margin-top: 1rem;
  }
}
.main .landing-zone-2 .bot .item-text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-2 .bot .item-text span {
    font-size: 0.875rem;
  }
}
.main .landing-zone-3 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 {
    margin: 4.06rem 0;
  }
}
.main .landing-zone-3 .content {
  max-width: 66.5rem;
  margin: auto;
}
.main .landing-zone-3 .top {
  max-width: 47.5rem;
  margin: 0 auto;
}
.main .landing-zone-3 .top .title {
  text-align: center;
}
.main .landing-zone-3 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .landing-zone-3 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-3 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-3 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .landing-zone-3 .top-text {
  margin-top: 1rem;
  text-align: center;
}
.main .landing-zone-3 .top-text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-3 .top-text span {
    font-size: 0.875rem;
  }
}
.main .landing-zone-3 .list {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-3 .list {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-3 .list {
    margin-top: 1rem;
  }
}
.main .landing-zone-3 .list .child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  background-color: var(--bg-bland-blue);
  border-radius: 1rem;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child {
    flex-direction: column;
    padding: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child {
    padding: 1rem;
  }
}
.main .landing-zone-3 .list .child-left {
  max-width: 23.75rem;
  width: 100%;
  margin-left: 6.875rem;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child-left {
    margin-left: 0rem;
    text-align: center;
  }
}
.main .landing-zone-3 .list .child-left-top {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  background: var(--bg-bland-blue-2);
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child-left-top {
    margin: 0 auto;
  }
}
.main .landing-zone-3 .list .child-left-top .picture {
  width: 1.5rem;
}
.main .landing-zone-3 .list .child-left-top .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
}
.main .landing-zone-3 .list .child-left-top .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .landing-zone-3 .list .child-left-bot {
  margin-top: 1rem;
}
.main .landing-zone-3 .list .child-left-bot .title-child h3 {
  color: var(--black);
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-3 .list .child-left-bot .title-child h3 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .main .landing-zone-3 .list .child-left-bot .title-child h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.main .landing-zone-3 .list .child-left-bot .text {
  margin-top: 0.075rem;
}
.main .landing-zone-3 .list .child-left-bot .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-3 .list .child-left-bot .text span {
    font-size: 0.875rem;
  }
}
.main .landing-zone-3 .list .child-right {
  max-width: 25.822rem;
  width: 100%;
}
.main .landing-zone-3 .list .child-right picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 77.452209566%;
}
.main .landing-zone-3 .list .child-right picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child-right picture img {
    border-radius: 0.5rem;
  }
}
.main .landing-zone-3 .list .child.right {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child.right {
    flex-direction: column;
  }
}
.main .landing-zone-3 .list .child.right .child-left {
  max-width: 21.438rem;
  width: 100%;
  margin-left: 0;
  margin-right: 4.313rem;
}
@media only screen and (max-width: 767px) {
  .main .landing-zone-3 .list .child.right .child-left {
    margin: 0;
  }
}
.main .landing-zone-3 .list .child.right .child-right picture img {
  border-radius: 0.5rem;
}
.main .landing-zone-4 {
  margin-top: 8.13rem;
  position: relative;
}
@media only screen and (max-width: 1480px) {
  .main .landing-zone-4 {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 {
    margin-top: 4.06rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 {
    margin-top: 2.5rem;
  }
}
.main .landing-zone-4 .background {
  position: absolute;
  top: -7.63rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .background {
    top: -3.8rem;
  }
}
.main .landing-zone-4 .background picture {
  width: 100%;
  height: 100%;
  display: block;
}
.main .landing-zone-4 .background picture img {
  -o-object-position: top;
     object-position: top;
}
.main .landing-zone-4 .container {
  position: relative;
  z-index: 1;
}
.main .landing-zone-4 .top {
  margin: 0 auto;
  max-width: 58.375rem;
}
.main .landing-zone-4 .top .title-top {
  text-align: center;
}
.main .landing-zone-4 .top .title-top h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .landing-zone-4 .top .title-top h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .top .title-top h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .top .title-top h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .landing-zone-4 .top .content-top {
  margin: 0 auto;
  margin-top: 1rem;
}
.main .landing-zone-4 .top .content-top .nav-pills {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.main .landing-zone-4 .top .content-top .nav-pills li button {
  color: var(--black);
  display: flex;
  padding: 0.625rem 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2.5rem;
  background: var(--white);
  outline: 0.063rem solid var(--border-1);
}
.main .landing-zone-4 .top .content-top .nav-pills li button:hover {
  background-color: var(--bg-bland-blue);
  color: var(--gray-2);
  font-weight: 700;
}
.main .landing-zone-4 .top .content-top .nav-pills li button.active {
  outline: none;
  background-color: var(--bg-bland-blue);
  color: var(--gray-2);
  font-weight: 700;
}
.main .landing-zone-4 .top .content-top .tab-content {
  margin: 0 auto;
  margin-top: 3rem;
  max-width: 47.125rem;
}
.main .landing-zone-4 .top .content-top .tab-content .tab-pane .content-item {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: space-between;
}
.main .landing-zone-4 .top .content-top .tab-content .tab-pane .content-item-text {
  max-width: 20.872rem;
}
.main .landing-zone-4 .top .content-top .tab-content .tab-pane .content-item .picture {
  max-width: 18.75rem;
  width: 100%;
}
.main .landing-zone-4 .top .content-top .tab-content .tab-pane .content-item .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 66.9776666667%;
}
.main .landing-zone-4 .top .content-top .tab-content .tab-pane .content-item .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 0.6s;
  -o-object-fit: contain;
     object-fit: contain;
}
.main .landing-zone-4 .top .content-top .tab-content .tab-pane .content-item .picture picture img:hover {
  transform: scale(1.1);
}
.main .landing-zone-4 .mid {
  margin-top: 9.266rem;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .mid {
    margin-top: 4.133rem;
  }
}
.main .landing-zone-4 .mid .title-mid {
  max-width: 54.438rem;
  width: 100%;
  margin: 0 auto;
  padding: 1rem 4.375rem 1rem 2.5rem;
  text-align: center;
  border-radius: 6.875rem;
  outline: 3px solid #CFD4EF;
  background: linear-gradient(90deg, var(--white) 0%, var(--white-2) 100%);
  box-shadow: 0.125 4px 10px 0px var(--box-shadow-2);
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .mid .title-mid {
    padding: 0.5rem 2.125rem 0.5rem 1.2rem;
  }
}
.main .landing-zone-4 .mid .title-mid h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.375rem;
  letter-spacing: 0.025rem;
  color: var(--gray-2);
}
@media only screen and (max-width: 1480px) {
  .main .landing-zone-4 .mid .title-mid h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .mid .title-mid h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .mid .title-mid h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .landing-zone-4 .bot {
  margin-top: 2.99rem;
  padding: 1.25rem;
  border: 0.063rem solid var(--border-1);
  border-radius: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .bot {
    padding: 1rem 0.5rem;
  }
}
.main .landing-zone-4 .bot .list-bot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 2rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .bot .list-bot {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .bot .list-bot {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    row-gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.main .landing-zone-4 .bot .list-bot .item {
  max-width: 22.4rem;
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .bot .list-bot .item {
    max-width: 9rem;
    flex-direction: column;
    text-align: center;
  }
}
.main .landing-zone-4 .bot .list-bot .item .icon {
  width: -moz-max-content;
  width: max-content;
  padding: 1rem;
  border-radius: 1rem;
  background-color: var(--bg-bland-blue);
}
.main .landing-zone-4 .bot .list-bot .item .icon picture {
  width: 3.75rem;
  height: 3.75rem;
  min-width: 3.75rem;
  min-height: 3.75rem;
  display: block;
}
.main .landing-zone-4 .bot .list-bot .item .des {
  margin-left: 1rem;
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .bot .list-bot .item .des {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.main .landing-zone-4 .bot .list-bot .item .des h3 {
  color: var(--black-bold);
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}
@media only screen and (max-width: 1199px) {
  .main .landing-zone-4 .bot .list-bot .item .des h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .landing-zone-4 .bot .list-bot .item .des h3 {
    font-size: 0.875rem;
  }
}
.main .cloud-migration-1 {
  margin: 8.125rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-1 {
    margin: 4.06rem 0;
  }
}
.main .cloud-migration-1 .content {
  max-width: 66.5rem;
  margin: auto;
}
.main .cloud-migration-1 .top {
  max-width: 47.5rem;
  margin: 0 auto;
}
.main .cloud-migration-1 .top .title {
  text-align: center;
}
.main .cloud-migration-1 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-migration-1 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-1 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-migration-1 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-migration-1 .top-text {
  margin-top: 1rem;
  text-align: center;
}
.main .cloud-migration-1 .top-text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-1 .top-text span {
    font-size: 0.875rem;
  }
}
.main .cloud-migration-1 .list {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-1 .list {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-migration-1 .list {
    margin-top: 1rem;
  }
}
.main .cloud-migration-1 .list .child {
  padding: 1.96rem 7.46rem 1.92rem 6.31rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  background-color: var(--bg-bland-blue);
  border-radius: 1rem;
}
@media only screen and (max-width: 767px) {
  .main .cloud-migration-1 .list .child {
    flex-direction: column;
    padding: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .cloud-migration-1 .list .child {
    padding: 1rem;
  }
}
.main .cloud-migration-1 .list .child-left {
  max-width: 19.6rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .main .cloud-migration-1 .list .child-left {
    text-align: center;
  }
}
.main .cloud-migration-1 .list .child-left-top {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  background: var(--bg-bland-blue-2);
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 767px) {
  .main .cloud-migration-1 .list .child-left-top {
    margin: 0 auto;
  }
}
.main .cloud-migration-1 .list .child-left-top .picture {
  width: 1.5rem;
}
.main .cloud-migration-1 .list .child-left-top .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
}
.main .cloud-migration-1 .list .child-left-top .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .cloud-migration-1 .list .child-left-bot {
  margin-top: 1rem;
}
.main .cloud-migration-1 .list .child-left-bot .title-child h3 {
  color: var(--black);
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.875rem;
  letter-spacing: 0.02rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-1 .list .child-left-bot .title-child h3 {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .main .cloud-migration-1 .list .child-left-bot .title-child h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.main .cloud-migration-1 .list .child-left-bot .text {
  margin-top: 0.075rem;
}
.main .cloud-migration-1 .list .child-left-bot .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-1 .list .child-left-bot .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-migration-1 .list .child-right {
  max-width: 19rem;
  width: 100%;
}
.main .cloud-migration-1 .list .child-right picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 84.868421053%;
  border-radius: 0.5rem;
}
.main .cloud-migration-1 .list .child-right picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 0.6s;
}
.main .cloud-migration-1 .list .child-right picture img:hover {
  transform: scale(1.1);
}
.main .cloud-migration-1 .list .child.right {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .main .cloud-migration-1 .list .child.right {
    flex-direction: column;
  }
}
.main .cloud-migration-1 .list .child.right .child-left {
  max-width: 19rem;
  width: 100%;
}
.main .cloud-migration-2 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-2 {
    margin: 4.06rem 0;
  }
}
.main .cloud-migration-2 .top {
  max-width: 54.60569rem;
  margin: 0 auto;
  text-align: center;
}
.main .cloud-migration-2 .top .title {
  text-align: center;
}
.main .cloud-migration-2 .top .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  color: var(--black);
  letter-spacing: 0.025rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-migration-2 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-2 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-migration-2 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-migration-2 .top .text {
  margin-top: 1rem;
}
.main .cloud-migration-2 .top .text span {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--black);
}
.main .cloud-migration-2 .bot {
  margin-top: 3rem;
}
.main .cloud-migration-2 .bot .row {
  align-items: center;
  justify-content: space-between;
}
.main .cloud-migration-2 .bot .row .left .title h3 {
  color: var(--blue-2);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-2 .bot .row .left .title h3 {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
.main .cloud-migration-2 .bot .row .left .text {
  margin-top: 0.25rem;
}
.main .cloud-migration-2 .bot .row .left .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-2 .bot .row .left .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-migration-2 .bot .row .left .list {
  margin-top: 1rem;
}
.main .cloud-migration-2 .bot .row .left .list ul li {
  margin-bottom: 1rem;
  display: flex;
}
.main .cloud-migration-2 .bot .row .left .list ul li .picture {
  width: 1.5rem;
  height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
}
.main .cloud-migration-2 .bot .row .left .list ul li span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
  margin-left: 1rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-2 .bot .row .left .list ul li span {
    font-size: 0.875rem;
  }
}
.main .cloud-migration-2 .bot .row .left .list ul li:last-child {
  margin-bottom: 0rem;
}
@media only screen and (max-width: 767px) {
  .main .cloud-migration-2 .bot .row .right {
    margin-top: 2rem;
  }
}
.main .cloud-migration-2 .bot .row .right picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 64.674911878%;
}
.main .cloud-migration-2 .bot .row .right picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .cloud-migration-3 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-3 {
    margin: 4.06rem 0;
  }
}
.main .cloud-migration-3 .title {
  text-align: center;
}
.main .cloud-migration-3 .title h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.75rem;
  color: var(--black);
  letter-spacing: 0.025rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-migration-3 .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-3 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-migration-3 .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-migration-3 .content {
  margin-top: 1.54rem;
}
.main .cloud-migration-3 .content .list {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 6.5rem;
}
.main .cloud-migration-3 .content .list.close-scroll {
  overflow: hidden;
}
.main .cloud-migration-3 .content .list::-webkit-scrollbar {
  height: 4px;
}
.main .cloud-migration-3 .content .list::-webkit-scrollbar-thumb {
  position: relative;
  background: var(--blue-2);
  border: none;
  outline: none;
  cursor: pointer;
}
.main .cloud-migration-3 .content .list::-webkit-scrollbar-track {
  background-color: transparent;
}
.main .cloud-migration-3 .content .list::-moz-scrollbar {
  height: 4px;
}
.main .cloud-migration-3 .content .list::-moz-scrollbar-thumb {
  position: relative;
  background: var(--blue-2);
  border: none;
  outline: none;
}
.main .cloud-migration-3 .content .list::-moz-scrollbar-track {
  background-color: transparent;
}
.main .cloud-migration-3 .content .list .row-item {
  display: flex;
  gap: 1.62rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item {
  max-width: 11.875rem;
  width: 100%;
  position: relative;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item {
  position: relative;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bg-line {
  position: absolute;
  left: 2.8rem;
  top: 1.04rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .content-item {
  position: relative;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .top {
  height: 7.75rem;
  position: relative;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .top .bg-item {
  width: 11.875rem;
  height: 7.79244rem;
  flex-shrink: 0;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .top .image {
  position: absolute;
  top: 1.05rem;
  left: 50%;
  transform: translateX(-50%);
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .top .image img {
  width: 2.5625rem;
  height: 2.5625rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bot .title-item h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--blue-2);
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bot .title-item .line {
  margin-top: 0.5rem;
  width: 5.01994rem;
  height: 2px;
  background-color: var(--blue-2);
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bot .text {
  margin-top: 0.75rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bot .text span {
  color: var(--gray-4);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bot .text ul {
  list-style: disc;
  padding-left: 1rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item .item .bot .text ul li {
  color: var(--gray-4);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item.right {
  top: 6.19rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item.right .bg-line {
  top: -2.04rem;
}
.main .cloud-migration-3 .content .list .row-item .col-item.right .bg-line picture svg {
  rotate: 120deg;
}
.main .cloud-migration-3 .content .list .row-item .col-item:last-child .item .bg-line {
  display: none;
}
.main .cloud-migration-4 {
  background-color: var(--bg-bland-blue-opacity);
  padding: 6.6rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-4 {
    padding: 3.3rem 0;
  }
}
.main .cloud-migration-4 .content {
  max-width: 69.5rem;
  margin: 0 auto;
  text-align: center;
}
.main .cloud-migration-4 .content .title {
  text-align: center;
}
.main .cloud-migration-4 .content .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-migration-4 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-4 .content .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-migration-4 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-migration-4 .content .picture {
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-4 .content .picture {
    display: none;
  }
}
.main .cloud-migration-4 .content .picture img {
  height: auto;
}
.main .cloud-migration-4 .content .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 79.2805755396%;
}
.main .cloud-migration-4 .content .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .cloud-migration-4 .content .picture-mobile {
  display: none;
  margin-top: 2rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-migration-4 .content .picture-mobile {
    display: block;
  }
}
.main .cloud-migration-4 .content .picture-mobile img {
  height: auto;
}
.main .cloud-devops-1 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-devops-1 {
    margin: 4.06rem 0;
  }
}
.main .cloud-devops-1 .content {
  max-width: 37.49106rem;
}
.main .cloud-devops-1 .content .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-devops-1 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-devops-1 .content .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-devops-1 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-devops-1 .content .text {
  max-width: 33.875rem;
}
.main .cloud-devops-1 .content .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-devops-1 .content .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-devops-1 .right {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .main .cloud-devops-1 .right {
    margin-top: 2rem;
  }
}
.main .cloud-devops-1 .picture {
  max-width: 36.43688rem;
  width: 100%;
}
.main .cloud-devops-1 .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 59.0564010969%;
}
.main .cloud-devops-1 .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .cloud-rebilling-1 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-1 {
    margin: 4.06rem 0;
  }
}
.main .cloud-rebilling-1 .content {
  max-width: 74.47rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
@media only screen and (max-width: 991px) {
  .main .cloud-rebilling-1 .content {
    flex-direction: column;
  }
}
.main .cloud-rebilling-1 .content .left {
  max-width: 38rem;
}
.main .cloud-rebilling-1 .content .left .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-rebilling-1 .content .left .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-1 .content .left .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-rebilling-1 .content .left .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-rebilling-1 .content .left .text {
  margin-top: 1rem;
  max-width: 30.625rem;
}
.main .cloud-rebilling-1 .content .left .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-1 .content .left .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-rebilling-1 .content .left .bot {
  margin-top: 3rem;
}
.main .cloud-rebilling-1 .content .left .bot ul li {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.main .cloud-rebilling-1 .content .left .bot ul li .picture {
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  background-color: var(--blue-2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .cloud-rebilling-1 .content .left .bot ul li .picture picture {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}
.main .cloud-rebilling-1 .content .left .bot ul li span {
  margin-left: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .main .cloud-rebilling-1 .content .left .bot ul li span {
    font-size: 0.75rem;
  }
}
.main .cloud-rebilling-1 .content .left .bot ul li:last-child {
  margin-bottom: 0rem;
}
.main .cloud-rebilling-1 .content .right {
  max-width: 28.75rem;
  width: 100%;
}
.main .cloud-rebilling-1 .content .right picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 103.94281739%;
}
.main .cloud-rebilling-1 .content .right picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 0.6s;
}
.main .cloud-rebilling-1 .content .right picture img:hover {
  transform: scale(1.1);
}
.main .cloud-rebilling-2 {
  margin-top: 8.12rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-rebilling-2 {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-2 {
    margin-top: 4.06rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-rebilling-2 {
    margin-top: 2.5rem;
  }
}
.main .cloud-rebilling-2 .content {
  max-width: 67.8rem;
  margin: 0 auto;
}
.main .cloud-rebilling-2 .content .top .title {
  text-align: center;
  max-width: 53rem;
  margin: 0 auto;
}
.main .cloud-rebilling-2 .content .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-rebilling-2 .content .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-2 .content .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-rebilling-2 .content .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-rebilling-2 .content .bot {
  margin-top: 3rem;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .main .cloud-rebilling-2 .content .bot {
    flex-direction: column;
  }
}
.main .cloud-rebilling-2 .content .bot .list-top {
  max-width: 28.375rem;
  width: 100%;
}
.main .cloud-rebilling-2 .content .bot .list-top .child {
  display: none;
}
.main .cloud-rebilling-2 .content .bot .list-top .child.active {
  display: block;
}
.main .cloud-rebilling-2 .content .bot .list-top .child .picture {
  width: 100%;
}
.main .cloud-rebilling-2 .content .bot .list-top .child .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 73.0993480176%;
}
.main .cloud-rebilling-2 .content .bot .list-top .child .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: all 0.6s;
}
.main .cloud-rebilling-2 .content .bot .list-top .child .picture picture img:hover {
  transform: scale(1.1);
}
.main .cloud-rebilling-2 .content .bot .list {
  max-width: 31.1rem;
  width: 100%;
}
.main .cloud-rebilling-2 .content .bot .list .child {
  margin-bottom: 1.5rem;
  padding: 0.25rem 0 0.25rem 1.5rem;
  border-left: 2px solid var(--blue-2);
}
.main .cloud-rebilling-2 .content .bot .list .child-content .title h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--black);
}
.main .cloud-rebilling-2 .content .bot .list .child-content .title h3:hover {
  color: var(--blue-2);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-2 .content .bot .list .child-content .title h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.main .cloud-rebilling-2 .content .bot .list .child-content .title.active h3 {
  color: var(--blue-2);
}
.main .cloud-rebilling-2 .content .bot .list .child-content .text {
  display: none;
}
.main .cloud-rebilling-2 .content .bot .list .child-content .text span {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-rebilling-2 .content .bot .list .child-content .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-rebilling-2 .content .bot .list .child:last-child {
  margin-bottom: 0rem;
}
.main .cloud-rebilling-2 .content .bot .list .child:first-child .text {
  display: block;
}
.main .cloud-inter-connect-1 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-1 {
    margin: 4.06rem 0;
  }
}
.main .cloud-inter-connect-1 .row {
  justify-content: space-between;
}
.main .cloud-inter-connect-1 .left .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-inter-connect-1 .left .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-1 .left .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-1 .left .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-inter-connect-1 .left .text {
  margin-top: 1rem;
}
.main .cloud-inter-connect-1 .left .text span {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-1 .left .text span {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 991px) {
  .main .cloud-inter-connect-1 .right {
    margin-top: 2rem;
  }
}
.main .cloud-inter-connect-1 .right .list .child {
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--border-1);
}
.main .cloud-inter-connect-1 .right .list .child .title-child {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.main .cloud-inter-connect-1 .right .list .child .title-child h2 {
  max-width: 32.625rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--blue-2);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-1 .right .list .child .title-child h2 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.main .cloud-inter-connect-1 .right .list .child .title-child .icon-down {
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  transition: all 0.3s ease-in;
}
.main .cloud-inter-connect-1 .right .list .child .title-child.active .icon-down {
  rotate: 180deg;
}
.main .cloud-inter-connect-1 .right .list .child .title-text {
  display: none;
}
.main .cloud-inter-connect-1 .right .list .child .title-text-content {
  display: flex;
  align-items: flex-start;
  padding-top: 1.5rem;
  border-top: 2px solid var(--border-1);
  margin-top: 1.5rem;
}
.main .cloud-inter-connect-1 .right .list .child .title-text-content .icon {
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
}
.main .cloud-inter-connect-1 .right .list .child .title-text-content .text {
  margin-left: 0.5rem;
}
.main .cloud-inter-connect-1 .right .list .child .title-text-content .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-1 .right .list .child .title-text-content .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-inter-connect-1 .right .list .child:first-child {
  margin-top: 0;
}
.main .cloud-inter-connect-1 .right .list .child:first-child .title-text {
  display: block;
}
.main .cloud-inter-connect-2 .top .title h2 {
  font-size: 2.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
  color: #515151;
  letter-spacing: 0.0275rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-inter-connect-2 .top .title h2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-2 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-2 .top .title h2 {
    font-size: 1.5rem;
  }
}
.main .cloud-inter-connect-2 .top .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.main .cloud-inter-connect-2 .top .content span {
  color: var(--black);
  font-size: 1.125rem;
  line-height: 2.565rem;
}
.main .cloud-inter-connect-2 .top .content .effects {
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  height: 2.565rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.main .cloud-inter-connect-2 .top .content .effects-text {
  display: flex;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  height: 1.675rem;
  width: 100%;
  background-color: inherit;
  transform: translateX(calc(-100% + 1px));
  transition: all 1s;
  border-right: 1px solid var(--border-text-run);
  position: relative;
}
.main .cloud-inter-connect-2 .top .content .effects-text::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2038 6.99984C13.2038 10.2215 10.5921 12.8332 7.37044 12.8332C4.14878 12.8332 1.53711 10.2215 1.53711 6.99984C1.53711 3.77818 4.14878 1.1665 7.37044 1.1665C10.5921 1.1665 13.2038 3.77818 13.2038 6.99984ZM9.72147 5.23214C9.89232 5.403 9.89232 5.68001 9.72147 5.85086L6.8048 8.76753C6.63395 8.93838 6.35694 8.93838 6.18608 8.76753L5.01942 7.60086C4.84856 7.43001 4.84856 7.153 5.01942 6.98214C5.19027 6.81129 5.46728 6.81129 5.63814 6.98214L6.49544 7.83945L7.7991 6.5358L9.10275 5.23214C9.2736 5.06129 9.55061 5.06129 9.72147 5.23214Z" fill="%23FBBC05"/></svg>');
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 1;
  width: 0.875rem;
}
.main .cloud-inter-connect-2 .top .content .effects.active .effects-text {
  background-color: var(--bg-text-run);
  transform: translateX(0);
}
.main .cloud-inter-connect-2 .bot {
  margin-top: 3rem;
}
.main .cloud-inter-connect-2 .bot .row {
  row-gap: 1.25rem;
}
.main .cloud-inter-connect-2 .bot .item .content {
  padding: 1.25rem 2rem;
  border-radius: 1.25rem;
  border: 1px solid var(--border-1);
  background: var(--white);
  box-shadow: 0px 4px 10px 0px var(--box-shadow-1);
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-2 .bot .item .content {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-2 .bot .item .content .picture {
    margin: auto;
  }
}
.main .cloud-inter-connect-2 .bot .item .content .title h3 {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-2 .bot .item .content .title h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.main .cloud-inter-connect-2 .bot .item .content .text {
  margin-top: 0.5rem;
}
.main .cloud-inter-connect-2 .bot .item .content .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-2 .bot .item .content .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-inter-connect-3 {
  margin-top: 8.12rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-inter-connect-3 {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-3 {
    margin-top: 4.06rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-3 {
    margin-top: 2.5rem;
  }
}
.main .cloud-inter-connect-3 .top {
  max-width: 52.6rem;
  text-align: center;
  margin: 0 auto;
}
.main .cloud-inter-connect-3 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-inter-connect-3 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-3 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-3 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-inter-connect-3 .top .text span {
  color: var(--black);
  font-size: 1.125rem;
  line-height: 1.625rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-3 .top .text span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.main .cloud-inter-connect-3 .top .button {
  text-align: center;
  margin-top: 1.5rem;
}
.main .cloud-inter-connect-3 .top .button a {
  margin: 0 auto;
  display: block;
  width: -moz-max-content;
  width: max-content;
  padding: 0.75rem 2rem;
  background-color: var(--blue);
  box-shadow: 0px 4px 40px 0px var(--box-shadow-3);
  border-radius: 2rem;
  color: var(--white);
}
.main .cloud-inter-connect-3 .bot {
  margin-top: 3rem;
}
.main .cloud-inter-connect-3 .bot .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .main .cloud-inter-connect-3 .bot .list {
    justify-content: center;
  }
}
.main .cloud-inter-connect-3 .bot .list .item {
  max-width: 16.3rem;
  width: 100%;
}
@media only screen and (max-width: 1600px) {
  .main .cloud-inter-connect-3 .bot .list .item {
    max-width: 16rem;
  }
}
.main .cloud-inter-connect-3 .bot .list .item .picture {
  width: -moz-max-content;
  width: max-content;
  border-radius: 50%;
  padding: 1rem;
  background: var(--lg-5-blue);
}
@media only screen and (max-width: 480px) {
  .main .cloud-inter-connect-3 .bot .list .item .picture {
    margin: auto;
  }
}
.main .cloud-inter-connect-3 .bot .list .item .picture picture {
  display: flex;
  width: 2rem;
  max-width: 2rem;
  height: 2rem;
  max-height: 2rem;
  justify-content: center;
  align-items: center;
}
.main .cloud-inter-connect-3 .bot .list .item .content {
  margin-top: 1.5rem;
}
.main .cloud-inter-connect-3 .bot .list .item .content .title h3 {
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.main .cloud-inter-connect-3 .bot .list .item .content .text {
  margin-top: 0.5rem;
}
.main .cloud-inter-connect-3 .bot .list .item .content .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-inter-connect-3 .bot .list .item .content .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-managed-service-1 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-1 {
    margin: 4.06rem 0;
  }
}
.main .cloud-managed-service-1 .top {
  max-width: 47.5rem;
  text-align: center;
  margin: 0 auto;
}
.main .cloud-managed-service-1 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-managed-service-1 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-1 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-managed-service-1 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-managed-service-1 .top .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-1 .top .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-managed-service-1 .bot {
  margin-top: 3rem;
}
.main .cloud-managed-service-1 .bot .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-1 .bot .list {
    grid-template-columns: 1fr;
  }
}
.main .cloud-managed-service-1 .bot .list .item {
  flex: 1;
  padding: 2rem;
  min-height: 15rem;
  border-radius: 1rem;
  background: var(--lg-5-blue-2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
}
.main .cloud-managed-service-1 .bot .list .item .text span {
  color: var(--white);
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.01375rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-1 .bot .list .item .text span {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.main .cloud-managed-service-1 .bot .list .item .button a {
  padding: 0.75rem 2rem;
  background-color: var(--white);
  color: var(--black);
  font-size: 1rem;
  line-height: 1rem;
  width: -moz-max-content;
  width: max-content;
  display: block;
  border-radius: 2rem;
  box-shadow: 0px 4px 40px 0px var(--box-shadow-3);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-1 .bot .list .item .button a {
    font-size: 0.875rem;
  }
}
.main .cloud-managed-service-2 {
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-2 {
    margin: 4.06rem 0;
  }
}
.main .cloud-managed-service-2 .content {
  max-width: 120rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
@media only screen and (max-width: 991px) {
  .main .cloud-managed-service-2 .content {
    flex-direction: column;
  }
}
.main .cloud-managed-service-2 .content .left {
  max-width: 37.5rem;
  width: 100%;
}
.main .cloud-managed-service-2 .content .left .picture {
  width: 100%;
}
.main .cloud-managed-service-2 .content .left .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 66.8790133333%;
}
.main .cloud-managed-service-2 .content .left .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .cloud-managed-service-2 .content .right {
  max-width: 28.8rem;
}
.main .cloud-managed-service-2 .content .right .title {
  display: flex;
  align-items: center;
}
.main .cloud-managed-service-2 .content .right .title .effects {
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  height: 5rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.main .cloud-managed-service-2 .content .right .title .effects-text {
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  display: flex;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  height: 3.75rem;
  width: 100%;
  background-color: inherit;
  transform: translateX(calc(-100% + 1px));
  transition: all 1s;
  border-right: 1px solid var(--border-text-run);
  position: relative;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-managed-service-2 .content .right .title .effects-text {
    font-size: 2rem;
    line-height: 3rem;
    height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-2 .content .right .title .effects-text {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-managed-service-2 .content .right .title .effects-text {
    font-size: 1.5rem;
    line-height: 2.8rem;
    height: 2.8rem;
  }
}
.main .cloud-managed-service-2 .content .right .title .effects-text::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2038 6.99984C13.2038 10.2215 10.5921 12.8332 7.37044 12.8332C4.14878 12.8332 1.53711 10.2215 1.53711 6.99984C1.53711 3.77818 4.14878 1.1665 7.37044 1.1665C10.5921 1.1665 13.2038 3.77818 13.2038 6.99984ZM9.72147 5.23214C9.89232 5.403 9.89232 5.68001 9.72147 5.85086L6.8048 8.76753C6.63395 8.93838 6.35694 8.93838 6.18608 8.76753L5.01942 7.60086C4.84856 7.43001 4.84856 7.153 5.01942 6.98214C5.19027 6.81129 5.46728 6.81129 5.63814 6.98214L6.49544 7.83945L7.7991 6.5358L9.10275 5.23214C9.2736 5.06129 9.55061 5.06129 9.72147 5.23214Z" fill="%23FBBC05"/></svg>');
  position: absolute;
  top: -39px;
  right: -10px;
  z-index: 1;
  width: 0.875rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-managed-service-2 .content .right .title .effects-text::after {
    top: -30px;
    right: -8px;
  }
}
.main .cloud-managed-service-2 .content .right .title .effects.active .effects-text {
  background-color: var(--bg-text-run);
  transform: translateX(0);
}
.main .cloud-managed-service-2 .content .right .title h2 {
  margin-left: 0.12rem;
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
}
@media only screen and (max-width: 1480px) {
  .main .cloud-managed-service-2 .content .right .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-2 .content .right .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-managed-service-2 .content .right .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-managed-service-2 .content .right .text {
  margin-top: 1rem;
}
.main .cloud-managed-service-2 .content .right .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-2 .content .right .text span {
    font-size: 0.875rem;
  }
}
.main .cloud-managed-service-3 {
  padding: 6.25rem 0;
  background-color: var(--bg-bland-blue);
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-3 {
    padding: 3.125rem 0;
  }
}
.main .cloud-managed-service-3 .content {
  max-width: 46.8rem;
  margin: 0 auto;
}
.main .cloud-managed-service-3 .title {
  text-align: center;
}
.main .cloud-managed-service-3 .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .cloud-managed-service-3 .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-3 .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .cloud-managed-service-3 .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .cloud-managed-service-3 .list {
  margin: 1.5rem -0.75rem 0;
  display: flex;
  flex-wrap: wrap;
}
.main .cloud-managed-service-3 .list .item {
  max-width: 22.625rem;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 1rem;
  border: 1px solid var(--blue-2);
  background: var(--white);
  box-shadow: 0px 4px 10px 0px var(--box-shadow-1);
  margin: 0.75rem;
}
@media only screen and (max-width: 991px) {
  .main .cloud-managed-service-3 .list .item {
    max-width: none;
  }
}
.main .cloud-managed-service-3 .list .item .picture {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
}
@media only screen and (max-width: 480px) {
  .main .cloud-managed-service-3 .list .item .picture {
    margin: auto;
  }
}
.main .cloud-managed-service-3 .list .item .content span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .cloud-managed-service-3 .list .item .content span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-1 {
  margin-top: 3rem;
  margin-bottom: 8.12rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 {
    margin-top: 1.5rem;
    margin-bottom: 4.06rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 {
    margin-top: 1.5rem;
    margin-bottom: 4.06rem;
  }
}
.main .google-workspace-1 .row {
  align-items: center;
}
.main .google-workspace-1 .content {
  max-width: 31.3rem;
}
.main .google-workspace-1 .content .link {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .link {
    font-size: 0.875rem;
  }
}
.main .google-workspace-1 .content .link a {
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .link a {
    font-size: 0.875rem;
  }
}
.main .google-workspace-1 .content .link span {
  color: var(--black);
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 0.5;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .link span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-1 .content .title {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .title {
    margin-top: 1rem;
  }
}
.main .google-workspace-1 .content .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  background: var(--black);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1480px) {
  .main .google-workspace-1 .content .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .google-workspace-1 .content .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .google-workspace-1 .content .text {
  color: var(--black);
  margin-top: 1rem;
  max-width: 27.0625rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .text {
    margin-top: 1rem;
  }
}
.main .google-workspace-1 .content .text span {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .text span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-1 .content .button {
  margin-top: 3rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .button {
    margin-top: 2rem;
  }
}
.main .google-workspace-1 .content .button a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1rem 2rem;
  color: var(--white);
  border-radius: 2.5rem;
  background-color: var(--blue);
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-1 .content .button a {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .google-workspace-1 .content .button a {
    padding: 0.75rem 1.5rem;
  }
}
.main .google-workspace-1 .picture {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .main .google-workspace-1 .picture {
    margin-top: 2rem;
  }
}
.main .google-workspace-1 .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 86.08%;
}
.main .google-workspace-1 .picture picture video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .google-workspace-2 {
  position: relative;
  margin: 8.12rem 0;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-2 {
    margin: 4.06rem 0;
  }
}
.main .google-workspace-2 .background {
  position: absolute;
  top: -7.63rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-2 .background {
    top: -3.8rem;
  }
}
.main .google-workspace-2 .background picture {
  width: 100%;
  height: 100%;
  display: block;
}
.main .google-workspace-2 .background picture img {
  -o-object-position: top;
     object-position: top;
}
.main .google-workspace-2 .container {
  position: relative;
  z-index: 1;
}
.main .google-workspace-2 .content {
  max-width: 67.8rem;
  margin: 0 auto;
}
.main .google-workspace-2 .top {
  margin: 0 auto;
  max-width: 29.2rem;
  text-align: center;
}
.main .google-workspace-2 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  color: var(--black);
}
@media only screen and (max-width: 1480px) {
  .main .google-workspace-2 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-2 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .google-workspace-2 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .google-workspace-2 .top .text span {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-2 .top .text span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-2 .bot {
  margin-top: 3rem;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .main .google-workspace-2 .bot {
    flex-direction: column;
  }
}
.main .google-workspace-2 .bot .list-top {
  max-width: 28.375rem;
  width: 100%;
}
.main .google-workspace-2 .bot .list-top .child {
  display: none;
}
.main .google-workspace-2 .bot .list-top .child.active {
  display: block;
}
.main .google-workspace-2 .bot .list-top .child .picture {
  width: 100%;
}
.main .google-workspace-2 .bot .list-top .child .picture picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 73.0993480176%;
}
.main .google-workspace-2 .bot .list-top .child .picture picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .google-workspace-2 .bot .list-top .child .list-icon {
  margin-top: 2rem;
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.main .google-workspace-2 .bot .list-top .child .list-icon .icon {
  width: 3.5rem;
}
.main .google-workspace-2 .bot .list-top .child .list-icon .icon picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
}
.main .google-workspace-2 .bot .list-top .child .list-icon .icon picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .google-workspace-2 .bot .list {
  max-width: 31.125rem;
  width: 100%;
}
.main .google-workspace-2 .bot .list .child {
  margin-bottom: 1.5rem;
  padding: 0.25rem 0 0.25rem 1.5rem;
  border-left: 2px solid var(--blue-2);
}
.main .google-workspace-2 .bot .list .child-content .title h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-2 .bot .list .child-content .title h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.main .google-workspace-2 .bot .list .child-content .title.active h3 {
  color: var(--blue-2);
}
.main .google-workspace-2 .bot .list .child-content .text {
  display: none;
}
.main .google-workspace-2 .bot .list .child-content .text span {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-2 .bot .list .child-content .text span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-2 .bot .list .child:last-child {
  margin-bottom: 0rem;
}
.main .google-workspace-2 .bot .list .child:first-child .text {
  display: block;
}
.main .google-workspace-3 {
  padding: 6.25rem 0;
  background-color: var(--bg-bland-blue);
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 {
    padding: 3.125rem 0;
  }
}
.main .google-workspace-3 .row {
  justify-content: center;
}
.main .google-workspace-3 .content .top {
  text-align: center;
}
.main .google-workspace-3 .content .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  background: var(--black);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1480px) {
  .main .google-workspace-3 .content .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .google-workspace-3 .content .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .google-workspace-3 .content .top .text {
  color: var(--black);
  margin-top: 1rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .top .text {
    margin-top: 1rem;
  }
}
.main .google-workspace-3 .content .top .text span {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .top .text span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-3 .content .top .button {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .top .button {
    margin-top: 1rem;
  }
}
.main .google-workspace-3 .content .top .button a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 2rem;
  color: var(--white);
  border-radius: 2.5rem;
  background-color: var(--blue);
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .top .button a {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .google-workspace-3 .content .top .button a {
    padding: 0.75rem 1.5rem;
  }
}
.main .google-workspace-3 .content .bot {
  margin-top: 3rem;
}
.main .google-workspace-3 .content .bot .item {
  padding: 1.5rem;
  border-radius: 1rem;
  border: 1px solid var(--border-1);
  background: var(--white);
  box-shadow: 0px 4px 10px 0px var(--box-shadow-1);
}
@media only screen and (max-width: 767px) {
  .main .google-workspace-3 .content .bot .item {
    margin-bottom: 2rem;
  }
}
.main .google-workspace-3 .content .bot .item .title h3 {
  color: var(--blue-2);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
.main .google-workspace-3 .content .bot .item .text {
  margin-top: 0.5rem;
}
.main .google-workspace-3 .content .bot .item .text span {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .bot .item .text span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-3 .content .bot .item .list {
  margin-top: 1rem;
}
.main .google-workspace-3 .content .bot .item .list ul {
  list-style: disc;
  padding-left: 2rem;
}
.main .google-workspace-3 .content .bot .item .list ul li {
  margin-bottom: 0.12rem;
}
.main .google-workspace-3 .content .bot .item .list ul li span {
  align-self: stretch;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--black);
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-3 .content .bot .item .list ul li span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-3 .content .bot .item .list ul li span.price {
  color: var(--blue-2);
}
.main .google-workspace-4 {
  margin-top: 8.13rem;
  margin-bottom: 8.12rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-4 {
    margin-top: 4.06rem;
    margin-bottom: 4.06rem;
  }
}
.main .google-workspace-4 .top {
  text-align: center;
}
.main .google-workspace-4 .top .title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.025rem;
  background: var(--black);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1480px) {
  .main .google-workspace-4 .top .title h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-4 .top .title h2 {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .google-workspace-4 .top .title h2 {
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
}
.main .google-workspace-4 .top .text {
  color: var(--black);
  margin-top: 1rem;
}
.main .google-workspace-4 .top .text span {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-4 .top .text span {
    font-size: 0.875rem;
  }
}
.main .google-workspace-4 .bot {
  margin-top: 3rem;
}
.main .google-workspace-4 .bot .tabs-control {
  max-width: 55rem;
  margin: 0 auto;
}
.main .google-workspace-4 .bot .tabs-control ul {
  padding: 0.62rem 0.75rem;
  background-color: var(--blue-2);
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  border-radius: 1rem;
}
.main .google-workspace-4 .bot .tabs-control ul li {
  flex: 1;
}
.main .google-workspace-4 .bot .tabs-control ul li button {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 10rem;
}
.main .google-workspace-4 .bot .tabs-control ul li button:hover {
  background: var(--white);
}
.main .google-workspace-4 .bot .tabs-control ul li button:hover h3 {
  color: var(--black);
}
.main .google-workspace-4 .bot .tabs-control ul li button:hover .text span {
  color: var(--gray-3);
}
.main .google-workspace-4 .bot .tabs-control ul li button h3 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-4 .bot .tabs-control ul li button h3 {
    font-size: 1rem;
    line-height: 1.875rem;
  }
}
.main .google-workspace-4 .bot .tabs-control ul li button .text {
  margin-top: 0.13rem;
}
.main .google-workspace-4 .bot .tabs-control ul li button .text span {
  color: var(--white);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.main .google-workspace-4 .bot .tabs-control ul li button.active {
  background: var(--white);
}
.main .google-workspace-4 .bot .tabs-control ul li button.active h3 {
  color: var(--black);
}
.main .google-workspace-4 .bot .tabs-control ul li button.active .text span {
  color: var(--gray-3);
}
.main .google-workspace-4 .bot .tab-content {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .main .google-workspace-4 .bot .tab-content .tab-pane .content .col-item {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .main .google-workspace-4 .bot .tab-content .tab-pane .content .col-item {
    padding: 0;
  }
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main {
  border-radius: 1rem;
  height: 100%;
  border: 1px solid var(--border-1);
  padding: 2rem 1.5rem;
}
@media only screen and (max-width: 480px) {
  .main .google-workspace-4 .bot .tab-content .tab-pane .content-main {
    height: auto;
  }
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .title {
  text-align: center;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .title h3 {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-4 .bot .tab-content .tab-pane .content-main .title h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .title .line {
  margin-top: 1.5rem;
  width: 100%;
  height: 1px;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .title .line picture {
  display: flex;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .price {
  margin-top: 2rem;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .price .num {
  display: flex;
  align-items: center;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .price .unit {
  color: var(--blue-2);
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.02rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .price .price-num {
  margin-left: 0.5rem;
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-weight: 700;
  color: var(--blue-2);
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .price .month {
  margin-left: 0.25rem;
  color: var(--blue-2);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.01125rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .button {
  margin-top: 1.88rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .button a {
  width: 100%;
  display: flex;
  padding: 0.75rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 12.5rem;
  border: 1px solid var(--blue-2);
  background: var(--white);
  color: var(--blue-2);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  transition: all 0.6s;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .button a:hover {
  background: var(--blue-2);
  color: var(--white);
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des {
  margin-top: 1.88rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .title-des h3 {
  color: var(--black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
}
@media only screen and (max-width: 1199px) {
  .main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .title-des h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des {
  margin-top: 1rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li {
  margin-bottom: 1rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .item {
  display: flex;
  align-items: center;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .item .icon {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  display: flex;
  align-items: center;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .item .text {
  margin-left: 0.5rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .item .text span {
  color: var(--black);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .item .text .bolder {
  font-weight: 700;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .list-image {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.63rem 0.62rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .list-image .item-image {
  width: 4.5rem;
  text-align: center;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .list-image .item-image .image {
  margin: 0 auto;
  max-width: 2rem;
  width: 100%;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .list-image .item-image .image picture {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .list-image .item-image .image picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .list-image .item-image span {
  display: block;
  margin-top: 0.25rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .support {
  margin-top: 0.25rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .support ul {
  padding-left: 1.5rem;
  list-style: disc;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .support .item-support {
  margin-bottom: 0.5rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .support .item-support span {
  color: var(--black);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li .support .item-support .high {
  font-weight: 700;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li.highlight {
  margin-top: 1.5rem;
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li.highlight .item .text span {
  color: var(--green-2);
}
.main .google-workspace-4 .bot .tab-content .tab-pane .content-main .des .list-des ul li.highlight .item .text .bolder {
  color: var(--green-2);
}

.border-c {
  display: flex;
  align-items: center;
}
.border-c span {
  display: block;
  height: 0.1875rem;
}
.border-c span:nth-child(1) {
  width: 25.7812325856%;
  background: #EA4335;
}
.border-c span:nth-child(2) {
  width: 35.9375489965%;
  background: #4285F4;
}
.border-c span:nth-child(3) {
  width: 14.5312868949%;
  background: #34A853;
}
.border-c span:nth-child(4) {
  width: 23.7500637544%;
  background: #FBBC05;
}

/*----------------------------------------------Footer----------------------------------------------*/
.footer .footer-wrapper {
  padding: 3.75rem 0 4.5rem;
}
@media only screen and (max-width: 1480px) {
  .footer .footer-wrapper {
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 1199px) {
  .footer .footer-wrapper {
    padding: 2rem 0;
  }
}
.footer .footer-wrapper .footer-top {
  padding-bottom: 3.75rem;
  margin-bottom: 3.75rem;
  border-bottom: 1px solid #DFDFE0;
}
@media only screen and (max-width: 1480px) {
  .footer .footer-wrapper .footer-top {
    padding-bottom: 2.75rem;
    margin-bottom: 2.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .footer .footer-wrapper .footer-top {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  .footer .footer-wrapper .footer-top .col-left {
    margin-bottom: 1rem;
  }
}
.footer .footer-wrapper .footer-top .col-left h4 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--black);
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 1480px) {
  .footer .footer-wrapper .footer-top .col-left h4 {
    font-size: 1rem;
  }
}
.footer .footer-wrapper .footer-top .col-left p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0;
  color: #515151;
}
.footer .footer-wrapper .footer-top .col-right {
  max-width: 38.65rem;
  margin-left: auto;
}
.footer .footer-wrapper .footer-top .col-right form {
  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
  border-radius: 0.75rem;
  background: #F5F9FC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  position: relative;
}
.footer .footer-wrapper .footer-top .col-right form p {
  display: flex;
}
.footer .footer-wrapper .footer-top .col-right form .item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.footer .footer-wrapper .footer-top .col-right form .item input {
  width: 100%;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #9A9EA6;
  background: unset;
  outline: unset;
  border: unset;
}
.footer .footer-wrapper .footer-top .col-right form button, .footer .footer-wrapper .footer-top .col-right form .wpcf7-submit {
  height: 2.25rem;
  padding: 0rem 2rem;
  background: var(--blue);
  border-radius: 1.375rem;
  flex-shrink: 0;
  border: none;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--white);
  border: 1px solid transparent;
  transition: all 0.6s;
}
.footer .footer-wrapper .footer-top .col-right form button:hover, .footer .footer-wrapper .footer-top .col-right form .wpcf7-submit:hover {
  border-color: var(--blue);
  background: var(--white);
  color: var(--blue);
}
.footer .footer-wrapper .footer-top .col-right form .wpcf7-spinner {
  display: none;
}
.footer .footer-wrapper .footer-top .col-right form .wpcf7-response-output {
  position: absolute;
  margin: 0;
  top: 110%;
  left: 0;
}
.footer .footer-wrapper .footer-bot .left {
  max-width: 28.625rem;
}
@media only screen and (max-width: 1199px) {
  .footer .footer-wrapper .footer-bot .left {
    max-width: unset;
    margin-bottom: 2rem;
  }
}
.footer .footer-wrapper .footer-bot .left .logo-f {
  display: flex;
  align-items: flex-end;
  gap: 3.12rem;
}
@media only screen and (max-width: 1480px) {
  .footer .footer-wrapper .footer-bot .left .logo-f {
    gap: 2rem;
  }
}
.footer .footer-wrapper .footer-bot .left .logo-f figure img {
  width: 100%;
  height: auto;
}
.footer .footer-wrapper .footer-bot .left .logo-f .logo-pt {
  max-width: 11.375rem;
}
.footer .footer-wrapper .footer-bot .left .logo-f .logo {
  max-width: 9.4565rem;
}
.footer .footer-wrapper .footer-bot .left .desc {
  margin: 1.5rem 0;
}
.footer .footer-wrapper .footer-bot .left .desc p {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
}
.footer .footer-wrapper .footer-bot .left .social {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 480px) {
  .footer .footer-wrapper .footer-bot .left .social {
    display: none;
  }
}
.footer .footer-wrapper .footer-bot .left .social figure {
  margin: 0;
  width: 3rem;
  height: 3rem;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.6s;
}
.footer .footer-wrapper .footer-bot .left .social figure:hover {
  transform: scale(1.1);
}
.footer .footer-wrapper .footer-bot .left .social figure img,
.footer .footer-wrapper .footer-bot .left .social figure svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 480px) {
  .footer .footer-wrapper .footer-bot .left .copyright {
    display: none;
  }
}
.footer .footer-wrapper .footer-bot .left .copyright span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #515151;
}
@media only screen and (max-width: 1199px) {
  .footer .footer-wrapper .footer-bot .mid {
    margin-bottom: 2rem;
  }
}
.footer .footer-wrapper .footer-bot .mid h4 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #515151;
  margin-bottom: 1.25rem;
}
.footer .footer-wrapper .footer-bot .mid .contact-method {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .footer .footer-wrapper .footer-bot .mid .contact-method {
    flex-direction: unset;
  }
}
@media only screen and (max-width: 480px) {
  .footer .footer-wrapper .footer-bot .mid .contact-method {
    flex-direction: column;
  }
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child figure {
  width: 3rem;
  height: 3rem;
  border-radius: 1.875rem;
  background: #E3EBFD;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  margin: 0;
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child figure img,
.footer .footer-wrapper .footer-bot .mid .contact-method .child figure svg {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child .text {
  flex: 1;
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child .text a:hover h4 {
  color: var(--orange);
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child .text p {
  margin-bottom: 0.1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #515151;
}
.footer .footer-wrapper .footer-bot .mid .contact-method .child .text h4 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  color: var(--blue);
}
.footer .footer-wrapper .footer-bot .right {
  display: flex;
  align-items: start;
}
.footer .footer-wrapper .footer-bot .right .child {
  width: 100%;
}
.footer .footer-wrapper .footer-bot .right .child h4 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  color: #515151;
  margin-bottom: 1.25rem;
}
.footer .footer-wrapper .footer-bot .right .child ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .footer-wrapper .footer-bot .right .child ul li a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #515151;
  text-decoration: none;
  transition: all 0.6s;
}
.footer .footer-wrapper .footer-bot .right .child ul li a:hover {
  color: var(--blue);
}
.footer .footer-wrapper .footer-bot .fmb {
  display: none;
}
@media only screen and (max-width: 480px) {
  .footer .footer-wrapper .footer-bot .fmb {
    display: block;
    margin-top: 1.5rem;
  }
}
.footer .footer-wrapper .footer-bot .fmb .social {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.footer .footer-wrapper .footer-bot .fmb .social figure {
  margin: 0;
  width: 3rem;
  height: 3rem;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.footer .footer-wrapper .footer-bot .fmb .social figure img,
.footer .footer-wrapper .footer-bot .fmb .social figure svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.footer .footer-wrapper .footer-bot .fmb .copyright span {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #515151;
}

/*----------------------------------------------End-Footer----------------------------------------------*//*# sourceMappingURL=custom.css.map */