@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

/*************************BASIC******************************/
html {
  scroll-behavior: smooth;
}

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

body {
  margin: 0;
  box-sizing: border-box;
  font-family: "Rubik", sans-serif;
  color: #313337;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.4;
}
@media (min-width: 1921px) {
  body {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 4.44vw;
    line-height: 1.25;
  }
}

* {
  box-sizing: border-box;
}

button {
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  font-family: inherit;
}
button:focus, button:active {
  outline: none;
}

img {
  width: 100%;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

input, textarea, select {
  font-family: "Rubik", sans-serif;
  font-size: inherit;
  color: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #313337;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: none;
}

@media (max-width: 768px) {
  .desktop {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .mobile {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .textT0 {
    font-size: 87.5%;
  }
  .textT0.headerT {
    font-size: 75%;
  }
}

.textT1 {
  font-size: 200%;
  line-height: 1.2;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT1 {
    font-size: 162.5%;
  }
}

.textT2 {
  font-size: 141.66%;
  line-height: 1.29;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT2 {
    font-size: 137.5%;
  }
}
.textT2 small {
  font-size: 70.5%;
}

.textT3 {
  font-size: 83.33%;
  line-height: 1.35;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT3 {
    font-size: 87.5%;
  }
}
@media (max-width: 768px) {
  .textT3.size2 {
    font-size: 100%;
  }
}

.textT4 {
  font-size: 75%;
  font-weight: 400;
}
@media (max-width: 768px) {
  .textT4 {
    font-size: 112.5%;
  }
}
@media (max-width: 768px) {
  .textT4.size2, .textT4.small {
    font-size: 87.5%;
  }
}

.normalText {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

.normalType {
  font-weight: 400;
}

.semiBoldType {
  font-weight: 600;
}

.boldType {
  font-weight: 700;
}

.blackType {
  font-weight: 800;
}

.color1 {
  color: #ffffff;
}

.backColor1 {
  background-color: #ffffff;
}

.backColor6 {
  background-color: #66C7AE;
}

.color2 {
  color: #14847F;
}

.backColor2 {
  background-color: #14847F;
}

.color3 {
  color: #E4F5F1;
}

.backColor3 {
  background-color: #E4F5F1;
}

.backColor4 {
  background-color: #FFFAF4;
}

.color5 {
  color: #FF9333;
}

.backColor5 {
  background-color: #FF9333;
}

.marginAuto {
  margin-right: auto;
  margin-left: auto;
}

.flex {
  display: flex;
}

.block {
  display: block;
}

.justifyCenter {
  justify-content: center !important;
}

.justifyEnd {
  justify-content: flex-end;
}

.alignStart {
  align-items: flex-start;
}

.list0 {
  padding: 0;
  margin: 0;
  list-style: none;
  border-color: rgba(0, 0, 0, 0);
}

.underline {
  text-decoration: underline;
}

.linkT1 {
  color: #14847F;
  text-decoration: underline;
}

.centerText {
  text-align: center;
}

@media (max-width: 768px) {
  .centerTextMob {
    text-align: center;
  }
}

.positionRelative {
  position: relative;
  z-index: 1;
}

.main_wraper {
  position: relative;
}

.main_container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 4.69vw;
}
@media (min-width: 1921px) {
  .main_container {
    padding-top: 90px;
  }
}
@media (max-width: 768px) {
  .main_container {
    padding-top: 16.67vw;
    padding-bottom: 18.06vw;
  }
  .main_container.hidden {
    overflow-y: hidden;
    max-height: 100vh;
  }
}

header {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  z-index: 100;
  background: #14847F;
  color: #ffffff;
  height: 4.69vw;
}
@media (min-width: 1921px) {
  header {
    height: 90px;
  }
}
@media (max-width: 768px) {
  header {
    left: 0;
    right: 0;
    transform: none;
    height: 16.67vw;
  }
}
header.open .open_menu_container {
  display: block;
  opacity: 1;
  animation: anim 0.3s ease-in-out;
}
@media (max-width: 768px) {
  header.open .close_menu_mobile {
    display: block;
  }
  header.open .open_menu_mobile {
    display: none;
  }
}

.header_inner_wraper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background: #14847F;
  height: 100%;
}

.header_wraper {
  box-shadow: 0 0.21vw 0.21vw rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5.21vw;
  height: 100%;
}
@media (min-width: 1921px) {
  .header_wraper {
    padding: 0 100px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 768px) {
  .header_wraper {
    box-shadow: 0 1.11vw 1.11vw rgba(0, 0, 0, 0.25);
    padding: 0;
    align-items: flex-start;
    position: relative;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .open_menu_mobile, .close_menu_mobile {
    width: 7.22vw;
    margin: 0 6.94vw;
  }
}

.headers_icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .headers_icons {
    padding-left: 3.61vw;
  }
}
.headers_icons .icon {
  width: 15.52vw;
}
@media (min-width: 1921px) {
  .headers_icons .icon {
    width: 298px;
  }
}
@media (max-width: 768px) {
  .headers_icons .icon {
    width: 46.39vw;
  }
}

.open_menu_container {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .open_menu_container {
    display: none;
    position: fixed;
    top: 16.67vw;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 100;
    max-height: calc(100vh - 16.67vw);
    overflow-y: auto;
  }
}

.open_menu_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .open_menu_wrap {
    width: 83.33%;
    background: white;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 0 5.56vw 1.67vw rgba(0, 0, 0, 0.04);
    border-radius: 0 0 4.17vw 4.17vw;
    height: auto;
  }
}

.first_level_menu, .second_level_menu {
  list-style: none;
  border-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0;
  display: flex;
}
.first_level_menu li.active > a, .first_level_menu li.active .open_inner_menu, .second_level_menu li.active > a, .second_level_menu li.active .open_inner_menu {
  background: linear-gradient(90deg, rgba(69, 194, 177, 0.25) -0.61%, rgba(103, 201, 147, 0.25) 25.81%, rgba(189, 221, 72, 0.25) 84.74%, rgba(215, 227, 50, 0.25) 101%);
}
.first_level_menu li.active .arrow_active, .second_level_menu li.active .arrow_active {
  display: block;
}
.first_level_menu li.active .arrow_normal, .second_level_menu li.active .arrow_normal {
  display: none;
}
.first_level_menu li.active::after, .second_level_menu li.active::after {
  background-image: url("../img/arrowL_lightblue.svg") !important;
}

.first_level_menu {
  height: 100%;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .first_level_menu {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }
}
.first_level_menu > li {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 0.73vw;
}
@media (min-width: 1921px) {
  .first_level_menu > li {
    margin-left: 14px;
  }
}
@media (max-width: 768px) {
  .first_level_menu > li {
    margin-left: 0;
    min-height: auto;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .first_level_menu > li:last-of-type {
    border-bottom: none !important;
  }
}
@media (max-width: 768px) and (min-width: 769px) {
  .first_level_menu > li:not(.nav_li_type2, .nav_mobile_title) {
    border-bottom: 1px solid #FF9333;
  }
}
@media (max-width: 768px) {
  .first_level_menu > li:not(.nav_li_type2, .nav_mobile_title)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url("../img/arrowL_blue.svg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2.5vw;
    height: 4.44vw;
  }
}
.first_level_menu > li:last-of-type, .first_level_menu > li.noML {
  margin-left: 0 !important;
}
@media (min-width: 769px) {
  .first_level_menu > li:hover > a, .first_level_menu > li:hover .open_inner_menu {
    background: linear-gradient(90deg, rgba(69, 194, 177, 0.25) -0.61%, rgba(103, 201, 147, 0.25) 25.81%, rgba(189, 221, 72, 0.25) 84.74%, rgba(215, 227, 50, 0.25) 101%);
  }
  .first_level_menu > li:hover .wrap_second_level_menu {
    display: block;
    opacity: 1;
    animation: anim 0.3s ease-in-out;
  }
}
.first_level_menu > li.open .second_level_menu {
  display: block;
  opacity: 1;
}
.first_level_menu > li a, .first_level_menu > li .inner_menu_link {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .first_level_menu > li a, .first_level_menu > li .inner_menu_link {
    width: 100%;
    color: #313337;
    padding: 5.56vw;
    border-bottom: 1px solid rgba(80, 85, 91, 0.1);
  }
}

.wrap_second_level_menu {
  top: 100%;
  padding-top: 0.47vw;
  display: none;
  opacity: 0;
  position: absolute;
  width: 16.35vw;
  z-index: 3;
  right: -1.04vw;
}
@media (min-width: 1921px) {
  .wrap_second_level_menu {
    padding-top: 9px;
    width: 314px;
    right: -20px;
  }
}
@media (max-width: 768px) {
  .wrap_second_level_menu {
    padding: 0;
    position: relative;
    box-shadow: none;
    width: 100%;
    top: auto;
    border-radius: 0;
    opacity: 0;
    right: 0;
  }
}

.open_inner_menu, .btn_nav {
  border-radius: 2.6vw;
  padding: 0.78vw 1.3vw;
}
@media (min-width: 1921px) {
  .open_inner_menu, .btn_nav {
    border-radius: 50px;
    padding: 15px 25px;
  }
}
@media (max-width: 768px) {
  .open_inner_menu, .btn_nav {
    border-radius: 0;
  }
}

.second_level_menu {
  background-color: #ffffff;
  color: #313337;
  width: 100%;
  padding: 0 1.04vw;
  border-radius: 0.78vw;
  box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
  display: block;
}
@media (min-width: 1921px) {
  .second_level_menu {
    padding: 0 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .second_level_menu {
    padding: 0;
    position: relative;
    box-shadow: none;
    border-radius: 0;
    background: rgba(228, 245, 241, 0.5);
  }
}
.second_level_menu a {
  font-size: 100%;
  padding: 1.46vw 0;
}
@media (min-width: 1921px) {
  .second_level_menu a {
    padding: 28px 0;
  }
}
@media (max-width: 768px) {
  .second_level_menu a {
    padding: 2.22vw 0;
  }
}
.second_level_menu .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 75%;
}
@media (max-width: 768px) {
  .second_level_menu .text {
    margin-left: 0;
  }
  .second_level_menu .text small {
    display: inline-block;
    margin-top: 0.56vw;
  }
}
.second_level_menu .arrow {
  width: 0.78vw;
  display: block;
  margin-right: auto;
}
@media (min-width: 1921px) {
  .second_level_menu .arrow {
    width: 15px;
  }
}
@media (max-width: 768px) {
  .second_level_menu .arrow {
    display: none;
  }
}
.second_level_menu .arrow_active {
  display: none;
}
@media (min-width: 769px) {
  .second_level_menu > li {
    border-bottom: 1px solid rgba(80, 85, 91, 0.3);
  }
  .second_level_menu > li:last-of-type {
    border: none;
  }
  .second_level_menu > li:hover {
    color: #FF9333;
  }
}
.second_level_menu > li a.on {
  color: #FF9333;
}

.open_inner_menu {
  border: none;
  background: rgba(0, 0, 0, 0);
  display: flex;
}
.open_inner_menu img {
  display: none;
}
@media (max-width: 768px) {
  .open_inner_menu img {
    display: block;
    width: 4.17vw;
    margin-right: auto;
  }
}

.inner_menu_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .inner_menu_wrap {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .inner_menu_wrap .arrow_desk {
    display: none;
  }
}
@media (min-width: 769px) {
  .inner_menu_wrap .arrow_mob {
    display: none;
  }
}

@media (max-width: 768px) {
  .nav_desktop {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .nav_li_type2 {
    padding: 0 !important;
  }
  .nav_li_type2.show .wrap_second_level_menu {
    display: block;
    opacity: 1;
  }
  .nav_li_type2.show .open_inner_menu img {
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
  }
}

.open_menu_mobile, .nav_mobile_title, .nav_mobile {
  display: none;
}
@media (max-width: 768px) {
  .open_menu_mobile, .nav_mobile_title, .nav_mobile {
    display: block;
  }
}

.close_menu_mobile {
  display: none;
}
@media (max-width: 768px) {
  .close_menu_mobile {
    width: 6.39vw;
  }
}

@media (max-width: 768px) {
  .nav_mobile_title {
    padding: 5vw 0 2.5vw !important;
  }
}

footer {
  text-align: center;
  padding: 4.69vw 0;
  box-shadow: 0 0.21vw 1.04vw rgba(0, 0, 0, 0.25);
}
@media (min-width: 1921px) {
  footer {
    padding: 90px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 768px) {
  footer {
    padding: 11.11vw 0;
    box-shadow: 0 0 5.56vw rgba(0, 0, 0, 0.25);
  }
}

.footer_list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 1.56vw;
  margin-bottom: 1.56vw;
  border-bottom: 0.1vw solid #66C7AE;
}
@media (min-width: 1921px) {
  .footer_list {
    padding-bottom: 30;
    margin-bottom: 30;
    border-bottom: 2px solid #66C7AE;
  }
}
@media (max-width: 768px) {
  .footer_list {
    padding-bottom: 8.33vw;
    margin-bottom: 8.33vw;
    border-width: 0.56vw;
  }
}

.footer_list_item {
  position: relative;
  margin: 0 1.3vw;
}
@media (min-width: 1921px) {
  .footer_list_item {
    margin: 0 25px;
  }
}
@media (max-width: 768px) {
  .footer_list_item {
    margin: 0;
    width: 50%;
  }
  .footer_list_item a {
    display: block;
    padding: 2.22vw 0;
  }
}
@media (max-width: 768px) and (min-width: 1921px) {
  .footer_list_item a {
    padding: 8px 0;
  }
}
@media (max-width: 768px) {
  .footer_list_item:last-of-type::after {
    display: none;
  }
}

.float_btn {
  position: fixed;
  border-radius: 0 5.21vw 5.21vw 0;
  background: #FF9333;
  color: #ffffff;
  box-shadow: 0 0 0.21vw 0 rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.47vw 0.57vw 0.47vw 1.09vw;
  left: 0;
  bottom: 2.08vw;
  z-index: 90;
}
@media (min-width: 1921px) {
  .float_btn {
    border-radius: 0 100px 100px 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    padding: 9px 11px 9px 21px;
    bottom: 40px;
  }
}
@media (max-width: 768px) {
  .float_btn {
    width: 100%;
    right: 0;
    border-radius: 0;
    box-shadow: 0 0 1.11vw 0 rgba(0, 0, 0, 0.25);
    bottom: 0;
    padding: 2.78vw 5.56vw;
  }
}
.float_btn:hover {
  background-color: #FFA85A;
}
.float_btn .logo {
  background: #ffffff;
  border-radius: 100%;
  width: 3.75vw;
  height: 3.75vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.04);
  margin-left: 1.41vw;
}
@media (min-width: 1921px) {
  .float_btn .logo {
    width: 72px;
    height: 72px;
    margin-left: 27px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 768px) {
  .float_btn .logo {
    width: 12.5vw;
    height: 12.5vw;
    box-shadow: 0 0 5.56vw rgba(0, 0, 0, 0.04);
    margin-left: 2.78vw;
  }
}
.float_btn .logo img {
  width: 71%;
}
.float_btn .icon {
  width: 1.67vw;
  margin-right: 1.41vw;
}
@media (min-width: 1921px) {
  .float_btn .icon {
    width: 32px;
    margin-left: 27px;
  }
}
@media (max-width: 768px) {
  .float_btn .icon {
    width: 4.72vw;
    margin-right: auto;
  }
}

.wrapT1 {
  width: 59.17vw;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
}
@media (min-width: 1921px) {
  .wrapT1 {
    width: 1140px;
  }
}
@media (max-width: 768px) {
  .wrapT1 {
    width: 83.33%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .wrapT1.mobFull {
    width: 100%;
  }
}

.wrapT2 {
  width: 44.53vw;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
}
@media (min-width: 1921px) {
  .wrapT2 {
    max-width: 855px;
  }
}
@media (max-width: 768px) {
  .wrapT2 {
    width: 90.3%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .wrapT2.mobFull {
    width: 100%;
  }
}

.wrapT3 {
  width: 49.48vw;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
}
@media (min-width: 1921px) {
  .wrapT3 {
    max-width: 950px;
  }
}
@media (max-width: 768px) {
  .wrapT3 {
    width: 90.3%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .wrapT3.mobFull {
    width: 100%;
  }
}

.section_cubesT1 {
  list-style: none;
  border-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_cubesT1.center {
  justify-content: space-between;
}

.cubeT1 {
  padding: 1.25vw 1.56vw;
  box-shadow: 0 0 1.15vw 0.31vw rgba(0, 0, 0, 0.06);
  border-radius: 1.3vw;
  background: #ffffff;
  width: 49%;
  margin: 0 0 1.3vw 0;
  position: relative;
  margin-bottom: 1.56vw;
}
@media (min-width: 1921px) {
  .cubeT1 {
    padding: 24px 30px;
    box-shadow: 0 0 22px 6px rgba(0, 0, 0, 0.06);
    border-radius: 25px;
    margin: 0 0 25px 0;
    margin-bottom: 30px;
  }
}
@media (min-width: 769px) {
  .cubeT1:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .cubeT1 {
    width: 86%;
    margin-right: auto;
    margin-left: auto;
    padding: 5.28vw 4.44vw;
    box-shadow: 0 0 4.44vw 1.11vw rgba(0, 0, 0, 0.06);
    border-radius: 1.39vw;
    margin-bottom: 4.44vw;
  }
  .cubeT1:last-of-type {
    margin-bottom: 0;
  }
}

.cubeT1_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.cubeT1_link .image {
  border-radius: 0.78vw;
  width: 45.5%;
  overflow: hidden;
}
@media (min-width: 1921px) {
  .cubeT1_link .image {
    border-radius: 15px;
  }
}
@media (max-width: 768px) {
  .cubeT1_link .image {
    width: 39%;
    border-radius: 1.39vw;
  }
}
.cubeT1_link .text {
  width: 35%;
}
@media (max-width: 768px) {
  .cubeT1_link .text {
    width: 45%;
  }
}
.cubeT1_link .icon {
  width: 11%;
}
@media (max-width: 768px) {
  .cubeT1_link .icon {
    width: 8%;
  }
}

.sectionT1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .sectionT1 {
    justify-content: center;
  }
}

.widthT1 {
  width: 35.3%;
}
@media (max-width: 768px) {
  .widthT1 {
    width: 92.3%;
  }
}

.widthT2 {
  width: 61.2%;
}
@media (max-width: 768px) {
  .widthT2 {
    width: 92.3%;
  }
}

.widthT3 {
  width: 81.3%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  .widthT3 {
    width: 100%;
  }
}

.widthT4 {
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  .widthT4 {
    width: 100%;
  }
}

.bottomLineT1 {
  position: relative;
  margin-bottom: 1.25vw;
  padding-bottom: 0.94vw;
}
@media (min-width: 1921px) {
  .bottomLineT1 {
    margin-bottom: 24px;
    padding-bottom: 18px;
  }
}
@media (max-width: 768px) {
  .bottomLineT1 {
    margin-bottom: 4.17vw;
    padding-bottom: 2.22vw;
  }
}
.bottomLineT1.center::after {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}
.bottomLineT1::after {
  content: "";
  width: 3.91vw;
  height: 0.21vw;
  background-color: #FF9333;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 1921px) {
  .bottomLineT1::after {
    width: 75px;
    height: 4px;
  }
}
@media (max-width: 768px) {
  .bottomLineT1::after {
    width: 12.5vw;
    height: 0.56vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

.videoT1 {
  border-radius: 1.3vw;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1921px) {
  .videoT1 {
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .videoT1 {
    border-radius: 5.56vw;
  }
}
.videoT1 iframe, .videoT1 video, .videoT1 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.videoT1:after {
  content: "";
  padding-bottom: 56.33%;
  display: block;
  background: #ffffff;
}

.width100 {
  width: 100%;
}

.btnsT1 {
  list-style: none;
  border-color: rgba(0, 0, 0, 0);
  background: #ffffff;
  box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
  width: 33%;
}
@media (min-width: 1921px) {
  .btnsT1 {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .btnsT1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btnsT1 li {
    width: 50%;
  }
}

.btnT1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.56vw 1.04vw;
  position: relative;
  z-index: 1;
}
@media (min-width: 1921px) {
  .btnT1 {
    padding: 30px 20px;
    border-width: 2px;
  }
}
@media (max-width: 768px) {
  .btnT1 {
    padding: 4.44vw 2.78vw;
    border: 2px solid rgba(0, 0, 0, 0);
    border-bottom-color: #E4F5F1;
  }
}
@media (min-width: 769px) {
  .btnT1 {
    border: 0.1vw solid rgba(0, 0, 0, 0);
  }
  .btnT1:hover {
    border-color: #14847F;
  }
  .btnT1:hover.t1:not(.active) {
    border-bottom-color: rgba(0, 0, 0, 0);
  }
  .btnT1:hover.t2:not(.active) {
    border-top-color: rgba(0, 0, 0, 0);
  }
  .btnT1:hover:not(.active) {
    transition: border-color 0.3s ease-in-out;
  }
}
.btnT1 .arrows {
  width: 1.04vw;
  margin-left: 0.52vw;
  display: flex;
  margin-top: 0.6rem;
}
@media (min-width: 1921px) {
  .btnT1 .arrows {
    width: 20px;
    margin-left: 10px;
  }
}
@media (max-width: 768px) {
  .btnT1 .arrows {
    display: none;
  }
}
.btnT1 .arrows .on {
  display: none;
}
.btnT1.active {
  border: 0.1vw solid #14847F;
  background-color: #E4F5F1;
}
.btnT1.active .arrows .off {
  display: none;
}
.btnT1.active .arrows .on {
  display: block;
}
@media (min-width: 1921px) {
  .btnT1.active {
    border-width: 2px;
  }
}
@media (max-width: 768px) {
  .btnT1.active {
    border-width: 2px;
  }
}
.btnT1.active .title {
  color: #14847F;
}

.btnsT2 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 66%;
  background: white;
  border-radius: 1.3vw;
  overflow: hidden;
  padding: 2.6vw;
  display: none;
}
@media (min-width: 1921px) {
  .btnsT2 {
    border-radius: 25px;
    padding: 50px;
  }
}
@media (max-width: 768px) {
  .btnsT2 {
    width: 100%;
    padding: 8.33vw;
  }
}
.btnsT2 li {
  margin-bottom: 1.3vw;
}
@media (min-width: 1921px) {
  .btnsT2 li {
    margin-bottom: 25px;
  }
}
.btnsT2 li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .btnsT2 li {
    margin-bottom: 4.17vw;
  }
}
.btnsT2.active {
  display: block;
}

.btnsT2 .btnT2:hover {
  transition: all 0.1s ease-in;
  box-shadow: 0 0 1.04vw 0.31vw rgba(0, 0, 0, 0.1);
}
@media (min-width: 1921px) {
  .btnsT2 .btnT2:hover {
    box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .btnsT2 .btnT2:hover {
    box-shadow: 0 0 5.56vw 1.67vw rgba(0, 0, 0, 0.1);
  }
}

.btnT2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.42vw 1.2vw;
  border-radius: 0.78vw;
  box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1921px) {
  .btnT2 {
    padding: 8px 23px;
    border-radius: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .btnT2 {
    padding: 2.22vw 2.78vw;
    border-radius: 2.78vw;
    box-shadow: 0 0 4.44vw 1.11vw rgba(0, 0, 0, 0.06);
  }
}
.btnT2 .icon {
  width: 17.22%;
  margin-left: 1%;
}
@media (max-width: 768px) {
  .btnT2 .icon {
    width: 16%;
    margin-left: 2%;
  }
}
.btnT2 .arrow {
  margin-right: auto;
  width: 8%;
}
@media (max-width: 768px) {
  .btnT2 .arrow {
    width: 7%;
  }
}
.btnT2 .text {
  max-width: 65%;
}
@media (max-width: 768px) {
  .btnT2 .text {
    max-width: 72%;
  }
}

.circle {
  position: absolute;
}

.circle1 {
  left: 0;
  bottom: 0;
  width: 11.46vw;
}
@media (min-width: 1921px) {
  .circle1 {
    width: 220px;
  }
}

.circle2 {
  top: 7.55vw;
  right: 0;
  width: 9.7%;
}
@media (min-width: 1921px) {
  .circle2 {
    top: 145px;
    width: 186px;
  }
}

.circle3 {
  left: 0;
  bottom: 17.71vw;
  width: 8%;
}
@media (min-width: 1921px) {
  .circle3 {
    bottom: 340px;
    width: 154px;
  }
}

.circle4 {
  left: 0;
  top: 4.22vw;
  width: 12.39%;
}
@media (min-width: 1921px) {
  .circle4 {
    top: 81px;
    width: 238px;
  }
}

.circle5 {
  right: 0;
  bottom: 0;
  width: 12.39%;
}
@media (min-width: 1921px) {
  .circle5 {
    width: 238px;
  }
}

.circle6 {
  top: 7.24vw;
  right: 0;
  width: 10.88%;
}
@media (min-width: 1921px) {
  .circle6 {
    top: 139px;
    width: 209px;
  }
}
.circle6.smaller {
  width: 7.88%;
}
@media (min-width: 1921px) {
  .circle6.smaller {
    width: 151px;
  }
}

.circle7 {
  top: 18.39vw;
  left: 0;
  width: 12.39%;
}
@media (min-width: 1921px) {
  .circle7 {
    top: 353px;
    width: 238px;
  }
}

.circle8 {
  right: 0;
  bottom: 0;
  width: 16.35%;
}
@media (min-width: 1921px) {
  .circle8 {
    width: 314px;
  }
}

.circle9 {
  width: 7%;
  left: 0;
  top: 10%;
}
@media (min-width: 1921px) {
  .circle9 {
    width: 134px;
  }
}

.circle10 {
  width: 10.57%;
  right: 0;
  top: 20%;
}
@media (min-width: 1921px) {
  .circle10 {
    width: 203px;
  }
}

.circle11 {
  width: 9%;
  left: 0;
  top: 50%;
}
@media (min-width: 1921px) {
  .circle11 {
    width: 173px;
  }
}

.circle12 {
  width: 12.76%;
  right: 0;
  bottom: 0;
}
@media (min-width: 1921px) {
  .circle12 {
    width: 245px;
  }
}

.circle13 {
  width: 15.5%;
  left: 0;
  bottom: 0;
}
@media (min-width: 1921px) {
  .circle13 {
    width: 298px;
  }
}

.relative {
  position: relative;
}

.headerT1 {
  position: relative;
}
@media (max-width: 768px) {
  .headerT1 {
    background: linear-gradient(90deg, #FAF9F7 0%, #F6F2EE 100%);
  }
}
.headerT1 .header_text {
  position: relative;
  width: 30.15%;
  z-index: 1;
}
@media (min-width: 769px) {
  .headerT1 .header_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 13%;
  }
}
@media (min-width: 1921px) {
  .headerT1 .header_text {
    width: 600px;
    right: 250px;
  }
}
@media (max-width: 768px) {
  .headerT1 .header_text {
    width: 63.4%;
    padding: 5.56vw 4.44vw;
  }
}
.headerT1 .header_text .title {
  margin-bottom: 0.52vw;
}
@media (min-width: 1921px) {
  .headerT1 .header_text .title {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .headerT1 .header_text .title {
    margin-bottom: 2.22vw;
  }
}

@media (max-width: 768px) {
  .headerT1 .header_back {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.headerT2 {
  position: relative;
}

.header_logo {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 100%;
  width: 7.81vw;
  height: 7.81vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.1);
}
@media (min-width: 1921px) {
  .header_logo {
    width: 150px;
    height: 150px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .header_logo {
    width: 22.78vw;
    height: 22.78vw;
    box-shadow: 0 0 5.56vw rgba(0, 0, 0, 0.1);
  }
}
.header_logo img {
  width: 83%;
  margin: 0 auto;
}

.titleT1 {
  margin-bottom: 2.6vw;
  padding-bottom: 1.3vw;
  position: relative;
}
@media (min-width: 1921px) {
  .titleT1 {
    margin-bottom: 50px;
    padding-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .titleT1 {
    margin-bottom: 6.94vw;
    padding-bottom: 2.22vw;
  }
}
.titleT1::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 3.91vw;
  background-color: #FF9333;
  height: 0.21vw;
  transform: translateX(-50%);
}
@media (min-width: 1921px) {
  .titleT1::after {
    width: 75px;
    height: 4px;
  }
}
@media (max-width: 768px) {
  .titleT1::after {
    width: 11.11vw;
    height: 0.56vw;
  }
}

.containerT1 {
  padding: 0;
  margin: 0;
  list-style: none;
}

.containerT1_item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.86vw;
  padding-bottom: 2.86vw;
  border-bottom: 1px solid rgba(80, 85, 91, 0.2);
}
@media (min-width: 1921px) {
  .containerT1_item {
    margin-bottom: 55px;
    padding-bottom: 55px;
  }
}
@media (max-width: 768px) {
  .containerT1_item {
    flex-direction: column;
    margin-bottom: 6.94vw;
    padding-bottom: 6.94vw;
  }
}
.containerT1_item:last-of-type {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.containerT1_item > .icon {
  width: 14.25%;
  margin-left: 2.8%;
}
@media (max-width: 768px) {
  .containerT1_item > .icon {
    margin-left: 0;
    margin-bottom: 0.56vw;
    width: 24%;
  }
}
.containerT1_item > .text {
  width: 83%;
}
@media (max-width: 768px) {
  .containerT1_item > .text {
    width: 100%;
  }
}

.containerT2 {
  border-radius: 1.04vw;
  padding: 0.57vw;
  display: flex;
  align-items: center;
}
@media (min-width: 1921px) {
  .containerT2 {
    border-radius: 20px;
    padding: 11px;
  }
}
@media (max-width: 768px) {
  .containerT2 {
    padding: 2.78vw 5.56vw;
    border-radius: 2.78vw;
  }
}
.containerT2 > .icon {
  width: 15.2%;
  margin-left: 2.14%;
}
@media (max-width: 768px) {
  .containerT2 > .icon {
    width: 20.8%;
    margin-left: 1%;
  }
}
.containerT2 > .text {
  width: 75%;
}
.containerT2.type2 {
  padding: 0.89vw 1.67vw;
}
@media (min-width: 1921px) {
  .containerT2.type2 {
    padding: 17px 32px;
  }
}
@media (max-width: 768px) {
  .containerT2.type2 {
    padding: 2.78vw 5.56vw;
  }
  .containerT2.type2 .text {
    width: 100%;
  }
}

.btnT3 {
  padding: 1.09vw 2.6vw;
  border-radius: 0.78vw;
  min-width: 13.02vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF9333;
  color: #ffffff;
  border: 0.12vw solid #FF9333;
}
@media (min-width: 1921px) {
  .btnT3 {
    padding: 21px 50px;
    border-radius: 15px;
    min-width: 250px;
  }
}
@media (max-width: 768px) {
  .btnT3 {
    padding: 4.17vw;
    border-radius: 4.17vw;
    border-width: 0.56vw;
  }
}
.btnT3:hover {
  background-color: #FFA85A;
  border-color: #FFA85A;
}
.btnT3.color2 {
  background-color: #ffffff;
  color: #313337;
}
.btnT3.color2:hover {
  color: #FF9333;
  background-color: rgba(247, 146, 56, 0.1);
}
.btnT3.color3 {
  background-color: rgba(0, 0, 0, 0);
  color: #313337;
}
.btnT3.color3:hover {
  background-color: rgba(247, 146, 56, 0.1);
}
.btnT3.size2 {
  padding: 0.68vw 1.25vw;
  min-width: 10.42vw;
}
@media (min-width: 1921px) {
  .btnT3.size2 {
    padding: 13px 24px;
    min-width: 200px;
  }
}
@media (max-width: 768px) {
  .btnT3.size2 {
    padding: 4.17vw;
    min-width: 44.44vw;
  }
}

.btnT3_icon {
  width: 1.82vw;
  margin-right: 1.3vw;
}
@media (min-width: 1921px) {
  .btnT3_icon {
    width: 35px;
    margin-right: 25px;
  }
}
@media (max-width: 768px) {
  .btnT3_icon {
    width: 8.33vw;
    margin-right: 6.94vw;
  }
}

.bannerT1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.bannerT1 .image {
  width: 50%;
}
@media (max-width: 768px) {
  .bannerT1 .image {
    width: 100%;
  }
}
.bannerT1 .text {
  width: 37%;
  padding: 0.52vw 7.81vw;
  max-width: 711px;
}
@media (min-width: 1921px) {
  .bannerT1 .text {
    padding: 10px 150px;
  }
}
@media (max-width: 768px) {
  .bannerT1 .text {
    padding: 2.78vw 8.33vw;
    width: 100%;
  }
}

.quote {
  position: relative;
}
.quote::after, .quote::before {
  content: "";
  position: relative;
  display: block;
  background-image: url("../img/q.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 2.34vw;
  height: 1.98vw;
  bottom: 100%;
}
@media (min-width: 1921px) {
  .quote::after, .quote::before {
    width: 45px;
    height: 38px;
  }
}
@media (max-width: 768px) {
  .quote::after, .quote::before {
    width: 6.94vw;
    height: 5.56vw;
  }
}
.quote::after {
  margin-right: auto;
  bottom: auto;
  top: 100%;
}

.containerT3 {
  padding: 0;
  margin: 0;
  list-style: none;
  border-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.containerT3_item {
  width: 48.5%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.6vw;
  flex-wrap: wrap;
}
@media (min-width: 1921px) {
  .containerT3_item {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .containerT3_item {
    margin-bottom: 5.56vw;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .containerT3_item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
.containerT3_item.fullSize {
  width: 100%;
  margin-bottom: 2.6vw !important;
}
.containerT3_item.fullSize:last-of-type {
  margin-bottom: 0 !important;
}
.containerT3_item .logo {
  overflow: hidden;
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-self: center;
  margin-left: 1.3vw;
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.1);
}
@media (min-width: 1921px) {
  .containerT3_item .logo {
    width: 120px;
    height: 120px;
    margin-left: 25px;
  }
}
@media (max-width: 768px) {
  .containerT3_item .logo {
    width: 15.28vw;
    height: 15.28vw;
    margin-left: 1.67vw;
    box-shadow: 0 0 5.56vw rgba(0, 0, 0, 0.1);
  }
}
.containerT3_item .text {
  width: 73%;
}

.imageT1 {
  overflow: hidden;
  border-radius: 1.3vw;
  border: 0.16vw solid #14847F;
}
@media (min-width: 1921px) {
  .imageT1 {
    border-radius: 25px;
    border-width: 3px;
  }
}
@media (max-width: 768px) {
  .imageT1 {
    border-radius: 2.78vw;
    border-width: 1px;
  }
}

.containerT5 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.containerT5_item {
  width: 50%;
}
@media (max-width: 768px) {
  .containerT5_item {
    width: 100%;
  }
}
.containerT5_item .containerT3_item {
  width: 100%;
}
@media (min-width: 769px) {
  .containerT5_item .containerT3_item {
    margin-bottom: 2.6vw !important;
  }
  .containerT5_item .containerT3_item:last-of-type {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1921px) {
  .containerT5_item .containerT3_item {
    margin-bottom: 50px !important;
  }
  .containerT5_item .containerT3_item:last-of-type {
    margin-bottom: 0 !important;
  }
}

.btns_container {
  display: flex;
  justify-content: center;
  margin-bottom: 3.65vw;
  flex-wrap: wrap;
}
@media (min-width: 1921px) {
  .btns_container {
    margin-bottom: 70px;
  }
}
@media (max-width: 768px) {
  .btns_container {
    margin-bottom: 13.89vw;
  }
}
@media (min-width: 1921px) {
  .btns_container .btn {
    margin-left: 25px;
  }
}
@media (min-width: 769px) {
  .btns_container .btn {
    margin-left: 1.3vw;
  }
}
@media (max-width: 768px) {
  .btns_container .btn {
    margin-bottom: 6.94vw;
  }
}
.btns_container .btn:last-child {
  margin: 0;
}

.q_a_section {
  border-top: 1px solid #C2E9DF;
}
@media (max-width: 768px) {
  .q_a_section {
    border-width: 1px;
  }
}

.more_q_a_btn_wrap {
  align-items: center;
  justify-content: center;
  margin: 1.56vw auto;
}
@media (min-width: 1921px) {
  .more_q_a_btn_wrap {
    margin: 30px auto;
  }
}
@media (max-width: 768px) {
  .more_q_a_btn_wrap {
    margin: 8.33vw auto;
  }
}
.more_q_a_btn_wrap.off {
  display: none;
}

.more_q_a {
  display: none;
}
.more_q_a.on {
  display: block;
}

.q_a_container.open .question_text {
  font-weight: bold;
}
.q_a_container.open .open {
  display: block;
}
.q_a_container.open .close {
  display: none;
}
.q_a_container.open .answer_container {
  pointer-events: all;
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}

.q_a_container {
  border-bottom: 1px solid #C2E9DF;
  padding-bottom: 1.3vw;
}
@media (min-width: 1921px) {
  .q_a_container {
    padding-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .q_a_container {
    border-width: 1px;
    padding-bottom: 4.17vw;
  }
}

.question_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 1.3vw;
}
@media (min-width: 1921px) {
  .question_container {
    padding-top: 25px;
  }
}
@media (max-width: 768px) {
  .question_container {
    padding-top: 4.17vw;
  }
}
.question_container .text {
  max-width: 90%;
}
@media (max-width: 768px) {
  .question_container .text {
    max-width: 80%;
  }
}

.answer_container {
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.answer_container .ans {
  padding: 0.36vw 2.92vw 0;
}
@media (min-width: 1921px) {
  .answer_container .ans {
    padding: 7px 56px 0;
  }
}
@media (max-width: 768px) {
  .answer_container .ans {
    padding: 1.39vw 8.33vw 0 0;
  }
}

.question_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF9333;
  border-radius: 100%;
  color: #ffffff;
  width: 1.61vw;
  height: 1.61vw;
  margin-left: 1.3vw;
  font-weight: 400;
  line-height: 1;
  font-size: 126%;
}
.question_icon .open {
  display: none;
}
@media (min-width: 1921px) {
  .question_icon {
    width: 31px;
    height: 31px;
    margin-left: 25px;
  }
}
@media (max-width: 768px) {
  .question_icon {
    font-size: 110%;
    width: 5.56vw;
    height: 5.56vw;
    margin-left: 2.78vw;
  }
}

.listNormal {
  list-style: none;
  padding-right: 0;
  border-color: rgba(0, 0, 0, 0);
  margin: 0;
}
.listNormal li {
  margin-bottom: 0.78vw;
  padding-right: 1em;
  position: relative;
}
@media (min-width: 1921px) {
  .listNormal li {
    margin-bottom: 15px;
  }
}
.listNormal li:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .listNormal li {
    margin-bottom: 1.67vw;
  }
}
.listNormal li::before {
  content: "•";
  right: 0;
  top: 0;
  position: absolute;
}

.listT1 li {
  margin-bottom: 0.78vw;
  padding-right: 0.94vw;
  position: relative;
}
@media (min-width: 1921px) {
  .listT1 li {
    margin-bottom: 15px;
    padding-right: 18px;
  }
}
@media (max-width: 768px) {
  .listT1 li {
    margin-bottom: 4.17vw;
    padding-right: 4.17vw;
  }
}
.listT1 li:last-of-type {
  margin-bottom: 0;
}
.listT1 li::before {
  content: "";
  background: #FF9333;
  width: 0.68vw;
  height: 0.68vw;
  border-radius: 100%;
  right: 0;
  top: 0.3rem;
  position: absolute;
}
@media (min-width: 1921px) {
  .listT1 li::before {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 768px) {
  .listT1 li::before {
    width: 2.78vw;
    height: 2.78vw;
  }
}

.containerT4 {
  margin-bottom: 2.6vw;
}
@media (min-width: 1921px) {
  .containerT4 {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .containerT4 {
    margin-bottom: 8.33vw;
  }
}

.containerT4_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.3vw;
}
@media (min-width: 1921px) {
  .containerT4_item {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .containerT4_item {
    margin-bottom: 6.94vw;
  }
}
.containerT4_item:nth-child(even) {
  flex-direction: row-reverse;
}
.containerT4_item:last-child {
  margin-bottom: 0;
}

.containerT4_item_image {
  width: 31.4%;
}
@media (max-width: 768px) {
  .containerT4_item_image {
    margin: 0 auto 4.17vw;
  }
}

.containerT4_item_text {
  width: 66.5%;
}
@media (max-width: 768px) {
  .containerT4_item_text {
    width: 100%;
  }
}

.logoT1 {
  width: 73%;
  margin-bottom: 0.78vw;
}
@media (max-width: 768px) {
  .logoT1 {
    margin-bottom: 4.17vw;
  }
}

.graphT1_wrap2 {
  background-color: #E4F5F1;
  border-radius: 1.3vw;
  padding: 0.78vw;
  width: 32.8%;
}
@media (min-width: 1921px) {
  .graphT1_wrap2 {
    border-radius: 25px;
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .graphT1_wrap2 {
    border-radius: 6.94vw;
    padding: 4.17vw;
    width: 60%;
    margin-bottom: 6.94vw;
  }
}

.graphT1_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .graphT1_container {
    flex-direction: column-reverse;
  }
}

.graphT1_wrap1 {
  width: 65%;
}
@media (max-width: 768px) {
  .graphT1_wrap1 {
    width: 100%;
  }
}

.bar_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bar_container .bar {
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.1);
  height: 3.23vw;
  width: 34.6%;
  margin: 0.26vw 0 0.26vw 0.73vw;
}
@media (min-width: 1921px) {
  .bar_container .bar {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    height: 62px;
    margin: 5px 0 5px 14px;
  }
}
@media (max-width: 768px) {
  .bar_container .bar {
    box-shadow: 0 0 5.56vw rgba(0, 0, 0, 0.1);
    height: 11.11vw;
    margin: 1.39vw 0 1.39vw 2.78vw;
  }
}
.bar_container .bar1 {
  width: 59%;
}
.bar_container .bar2 {
  width: 75%;
}
.bar_container .bar3 {
  width: 87%;
}

.graphT1_icon {
  width: 49%;
  margin: 0 auto;
}

.sectionT3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sectionT3_text {
  width: 51%;
}
@media (max-width: 768px) {
  .sectionT3_text {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .sectionT3_btn {
    margin: 2.78vw auto 0 0;
  }
}

.listT2_item {
  border-bottom: 1px solid #C2E9DF;
  padding: 1.3vw 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 1921px) {
  .listT2_item {
    padding: 25px 0;
  }
}
@media (max-width: 768px) {
  .listT2_item {
    padding: 4.17vw 0;
  }
}

.listT2, .listT3 {
  border-top: 1px solid #C2E9DF;
}

.listT2_item_text {
  width: 94%;
}
@media (max-width: 768px) {
  .listT2_item_text {
    width: 90%;
  }
}

.listT2_item_icon {
  width: 3.8%;
}
@media (max-width: 768px) {
  .listT2_item_icon {
    width: 6.8%;
  }
}

.listT3_item {
  border-bottom: 1px solid #C2E9DF;
  padding: 0.78vw 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1921px) {
  .listT3_item {
    padding: 15px 0;
  }
}
@media (max-width: 768px) {
  .listT3_item {
    padding: 4.17vw 0;
    align-items: flex-start;
  }
}

.listT3_item_icon {
  width: 14.7%;
}
@media (max-width: 768px) {
  .listT3_item_icon {
    width: 18.4%;
  }
}

.listT3_item_text {
  width: 82%;
}
@media (max-width: 768px) {
  .listT3_item_text {
    width: 81%;
  }
}

.btn_more.hide, .btn_less.hide {
  display: none;
}

.more_list.hide .more_list_item {
  display: none;
}
.more_list.hide .more_list_item:nth-child(-n+4) {
  display: flex;
}

.listT3_btn {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .listT3_btn {
    justify-content: center;
  }
}

.graphT2_container {
  width: 74.5%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1921px) {
  .graphT2_container {
    max-width: 1440px;
  }
}
@media (max-width: 768px) {
  .graphT2_container {
    width: 90.3%;
    margin-top: 12.5vw;
  }
}

.graphT2_line {
  position: absolute;
  top: 0;
  height: 88%;
  background: rgba(80, 85, 91, 0.2);
  width: 0.21vw;
}
@media (min-width: 1921px) {
  .graphT2_line {
    width: 4px;
  }
}
@media (min-width: 769px) {
  .graphT2_line {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .graphT2_line {
    right: 0;
    width: 0.1vw;
    height: 90%;
    top: -1.67vw;
  }
}
.graphT2_line.size2 {
  height: 79%;
}
@media (max-width: 768px) {
  .graphT2_line.size2 {
    height: 84.5%;
  }
}

.graphT2_list {
  position: relative;
}
@media (max-width: 768px) {
  .graphT2_list {
    width: 95%;
    margin-right: auto;
  }
}

.graphT2_item {
  position: relative;
  background: #ffffff;
  width: 46.1%;
  padding: 2.86vw;
  border-radius: 1.3vw;
  box-shadow: 0 0 1.04vw 0.31vw rgba(0, 0, 0, 0.04);
}
@media (min-width: 1921px) {
  .graphT2_item {
    padding: 55px;
    border-radius: 25px;
    box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.04);
  }
}
@media (min-width: 769px) {
  .graphT2_item:nth-child(even) {
    margin-right: auto;
  }
  .graphT2_item:nth-child(even)::after {
    background-image: url("../img/circleGreenL.svg");
    left: auto;
    right: -11.3%;
  }
}
@media (min-width: 769px) {
  .graphT2_item.location2 {
    margin-top: -9.5%;
    transform: translateY(-120%);
  }
}
@media (min-width: 769px) {
  .graphT2_item.location3 {
    margin-top: -4%;
  }
}
.graphT2_item::after {
  content: "";
  position: absolute;
  left: -11.3%;
  top: -0.83vw;
  background-image: url("../img/circleGreenR.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 3.91vw;
  height: 2.5vw;
}
@media (min-width: 1921px) {
  .graphT2_item::after {
    top: -16px;
    width: 75px;
    height: 48px;
  }
}
@media (max-width: 768px) {
  .graphT2_item::after {
    width: 6.94vw;
    height: 4.17vw;
    left: auto;
    right: -6.39vw;
    top: -5.28vw;
    background-image: url("../img/circleGreenL.svg");
  }
}
@media (max-width: 768px) {
  .graphT2_item {
    width: 100%;
    padding: 8.33vw 4.17vw 6.94vw 4.17vw;
    border-radius: 6.94vw;
    box-shadow: 0 0 5.56vw 1.67vw rgba(0, 0, 0, 0.04);
    margin-bottom: 12.5vw;
  }
  .graphT2_item:last-child {
    margin-bottom: 6.94vw;
  }
}

.graphT2_label {
  position: absolute;
  bottom: 100%;
  right: 0;
  border-radius: 1.3vw 1.3vw 0 1.3vw;
  padding: 0.78vw 2.86vw;
  background: linear-gradient(100deg, #45C2B1 8.32%, #67C993 40.41%, #A8D85A 94.72%, #BDDD48 112%, #D7E332 131.74%);
  transform: translateY(50%);
  color: #ffffff;
  font-weight: bold;
}
@media (min-width: 1921px) {
  .graphT2_label {
    border-radius: 25px 25px 0 25px;
    padding: 15px 55px;
  }
}
@media (max-width: 768px) {
  .graphT2_label {
    border-radius: 6.94vw 6.94vw 0 6.94vw;
    padding: 2.78vw 8.33vw;
  }
}

.graphT2_image {
  margin-top: 0.52vw;
}
@media (min-width: 1921px) {
  .graphT2_image {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .graphT2_image {
    margin-top: 0.83vw;
  }
}

.sectionT5 {
  width: 59.27%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1921px) {
  .sectionT5 {
    width: 1138px;
  }
}
@media (max-width: 768px) {
  .sectionT5 {
    width: 90.3%;
  }
}

.sectionT4 {
  width: 59.27%;
  margin: 0 auto 7.81vw;
  position: relative;
}
@media (min-width: 1921px) {
  .sectionT4 {
    width: 1136px;
    margin: 0 auto 150px;
  }
}

.sectionT4_image {
  width: 36.4%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sectionT4_image {
    width: 79.5%;
  }
}

.sectionT4_bubble {
  position: absolute;
}
@media (min-width: 769px) {
  .sectionT4_bubble {
    width: 36.3%;
  }
}
.sectionT4_bubble.on .sectionT4_bubble_btn .minus {
  display: block;
}
.sectionT4_bubble.on .sectionT4_bubble_btn .plus {
  display: none;
}
.sectionT4_bubble.on .sectionT4_bubble_wrap {
  display: block;
}

.sectionT4_bubble_wrap {
  background: #ffffff;
  border-radius: 0.78vw;
  box-shadow: 0 0 1.04vw 0.31vw rgba(0, 0, 0, 0.04);
  padding: 0.78vw;
}
@media (min-width: 1921px) {
  .sectionT4_bubble_wrap {
    border-radius: 15px;
    box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.04);
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .sectionT4_bubble_wrap {
    display: none;
    padding: 4.17vw;
    width: 58.33vw;
    border-radius: 4.17vw;
    box-shadow: 0 0 5.56vw 1.67vw rgba(0, 0, 0, 0.04);
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    top: 114%;
  }
}

.bubble1, .bubble2, .bubble3 {
  right: 0;
}

.bubble1 {
  top: 11%;
}
@media (max-width: 768px) {
  .bubble1 {
    top: 10.5%;
    right: 33%;
  }
}

.bubble2 {
  top: 45.5%;
}
@media (max-width: 768px) {
  .bubble2 {
    top: 44.5%;
    right: 27%;
  }
}

.bubble3 {
  top: 64.5%;
}
@media (max-width: 768px) {
  .bubble3 {
    top: 62%;
    right: 41%;
  }
}

.bubble4, .bubble5, .bubble6 {
  left: 0.35%;
}

.bubble4 {
  top: 21%;
}
@media (max-width: 768px) {
  .bubble4 {
    top: 31%;
    left: 40%;
  }
}

.bubble5 {
  top: 43%;
}
@media (max-width: 768px) {
  .bubble5 {
    top: 49%;
    left: 20%;
  }
}

.bubble6 {
  top: 79%;
}
@media (max-width: 768px) {
  .bubble6 {
    top: 84%;
    left: 35%;
  }
}

.sectionT4_bubble_btn {
  display: none;
  width: 7.78vw;
}
@media (min-width: 1921px) {
  .sectionT4_bubble_btn {
    width: 28px;
  }
}
@media (max-width: 768px) {
  .sectionT4_bubble_btn {
    display: flex;
    position: relative;
  }
}
.sectionT4_bubble_btn .minus {
  display: none;
}
.sectionT4_bubble_btn > * {
  pointer-events: none;
}

.popupT1 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.31);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  align-items: flex-start;
  justify-content: center;
  padding: 4.17vw 0;
  overflow-y: auto;
  display: none;
}
@media (min-width: 1921px) {
  .popupT1 {
    padding: 80px 0;
  }
}
@media (max-width: 768px) {
  .popupT1 {
    padding: 12.5vw 0;
    backdrop-filter: blur(3.06vw);
    -webkit-backdrop-filter: blur(3.06vw);
  }
}
.popupT1.open {
  display: flex;
}

.popupT1_container {
  background: #ffffff;
  box-shadow: 0 0 1.3vw rgba(60, 123, 186, 0.25);
  border-radius: 1.3vw;
  width: 53.75vw;
  padding: 1.04vw 1.04vw 3.65vw;
}
@media (min-width: 1921px) {
  .popupT1_container {
    box-shadow: 0 0 25px rgba(60, 123, 186, 0.25);
    border-radius: 25px;
    width: 1032px;
    padding: 20px 20px 70px;
  }
}
@media (max-width: 768px) {
  .popupT1_container {
    box-shadow: 0 0 6.94vw rgba(60, 123, 186, 0.25);
    border-radius: 6.94vw;
    max-width: 100%;
    width: 83.33%;
    padding: 5.56vw 3.33vw 8.33vw;
  }
}

.popupT1_close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.34vw;
  margin-bottom: 0.26vw;
}
@media (min-width: 1921px) {
  .popupT1_close {
    width: 45px;
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .popupT1_close {
    width: 10.56vw;
    margin-bottom: -5.28vw;
  }
}

.popupT1_wrap {
  width: 70.8%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .popupT1_wrap {
    width: 100%;
  }
}

.popup_image {
  width: 5.36vw;
  margin: 0 auto 0.26vw;
}
@media (min-width: 1921px) {
  .popup_image {
    width: 103px;
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .popup_image {
    width: 16.67vw;
    margin-bottom: 1.39vw;
  }
}

.btns_popup {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.btns_popup .btn_wrap {
  width: 38%;
  margin: 0 5%;
}
@media (max-width: 768px) {
  .btns_popup .btn_wrap {
    width: 90%;
    margin: 0 0 6.94vw;
  }
  .btns_popup .btn_wrap:last-of-type {
    margin-bottom: 0;
  }
}

.borderT1 {
  border-radius: 1.2vw;
  padding: 2.6vw;
  box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1921px) {
  .borderT1 {
    border-radius: 23px;
    padding: 50px;
    box-shadow: 0 0 20 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .borderT1 {
    border-radius: 0;
    box-shadow: none;
    padding: 4.72vw 8.33vw;
  }
}
.borderT1.size2 {
  padding: 1.56vw;
}
@media (min-width: 1921px) {
  .borderT1.size2 {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .borderT1.size2 {
    padding: 6.67vw;
    border-radius: 6.94vw;
    box-shadow: 0 0 5.56vw 0 rgba(0, 0, 0, 0.1);
  }
}
.borderT1.size3 {
  padding: 0.78vw 2.6vw;
}
@media (min-width: 1921px) {
  .borderT1.size3 {
    padding: 15px 50px;
  }
}
@media (max-width: 768px) {
  .borderT1.size3 {
    padding: 4.17vw 5.56vw;
    border-radius: 4.17vw;
  }
}

.noShadow {
  box-shadow: none;
}

.padB0 {
  padding-bottom: 0;
}

.padT1 {
  padding: 5.21vw 0;
}
@media (min-width: 1921px) {
  .padT1 {
    padding: 100px 0;
  }
}
@media (max-width: 768px) {
  .padT1 {
    padding: 8.33vw 0;
  }
}
.padT1.topSmall {
  padding-top: 4.69vw;
}
@media (min-width: 1921px) {
  .padT1.topSmall {
    padding-top: 90px;
  }
}
@media (max-width: 768px) {
  .padT1.topSmall {
    padding-top: 16.67vw;
  }
}

.padNoTop {
  padding-top: 0;
}

.margB0 {
  margin-bottom: 0;
}

.margB1 {
  margin-bottom: 1.3vw;
}
@media (min-width: 1921px) {
  .margB1 {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .margB1 {
    margin-bottom: 0;
  }
}

.margB2 {
  margin-bottom: 1.3vw;
}
@media (min-width: 1921px) {
  .margB2 {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .margB2 {
    margin-bottom: 4.17vw;
  }
}

.margB3 {
  margin-bottom: 1.3vw;
}
@media (min-width: 1921px) {
  .margB3 {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .margB3 {
    margin-bottom: 6.94vw;
  }
}

.margB4 {
  margin-bottom: 2.6vw;
}
@media (min-width: 1921px) {
  .margB4 {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .margB4 {
    margin-bottom: 6.94vw;
  }
}

.margB5 {
  margin-bottom: 3.65vw;
}
@media (min-width: 1921px) {
  .margB5 {
    margin-bottom: 70px;
  }
}
@media (max-width: 768px) {
  .margB5 {
    margin-bottom: 4.17vw;
  }
}

.margB6 {
  margin-bottom: 0.63vw;
}
@media (min-width: 1921px) {
  .margB6 {
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) {
  .margB6 {
    margin-bottom: 1.39vw;
  }
}

.margT1 {
  margin-top: 0.78vw;
}
@media (min-width: 1921px) {
  .margT1 {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .margT1 {
    margin-top: 1.39vw;
  }
}

.margT2 {
  margin-top: 1.3vw;
}
@media (min-width: 1921px) {
  .margT2 {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .margT2 {
    margin-top: 4.17vw;
  }
}

@media (max-width: 768px) {
  .margMobB0 {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .margMobB1 {
    margin-bottom: 4.17vw;
  }
}

@media (max-width: 768px) {
  .mobFull {
    width: 100%;
  }
}

@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*# sourceMappingURL=style.css.map */