*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
a,
button {
  cursor: revert;
}
ol,
ul,
menu,
summary {
  list-style: none;
}
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}
table {
  border-collapse: collapse;
}
input,
textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
textarea {
  white-space: revert;
}
meter {
  -webkit-appearance: revert;
  appearance: revert;
}
:where(pre) {
  all: revert;
  box-sizing: border-box;
}
::placeholder {
  color: unset;
}
:where([hidden]) {
  display: none;
}
:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  line-break: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
:where([draggable="true"]) {
  -webkit-user-drag: element;
}
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}
::-webkit-details-marker {
  display: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
html {
  box-sizing: border-box;
  overscroll-behavior: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
svg title {
  font-size: 0;
}
body {
  overscroll-behavior: none;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  outline: none;
  -webkit-touch-callout: none;
}
* {
  margin: 0;
  padding: 0;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
a {
  color: inherit;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}
button {
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font: inherit;
  outline: none;
  pointer-events: auto;
  cursor: pointer;
}
img {
  height: auto;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
video {
  height: auto;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
svg {
  max-width: 100%;
}
input,
textarea {
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  pointer-events: auto;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.VHID {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}
details {
  overflow: hidden;
  position: relative;
}
details summary::-webkit-details-marker {
  display: none;
}
details .detX_hold {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.45s grid-template-rows cubic-bezier(0.55, 0, 0.1, 1);
}
details .detX_box {
  overflow: hidden;
  opacity: 0;
  transition: 0.6s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
details.act .detX_click_i {
  transform: scaleY(-1);
}
details.act .detX_hold {
  grid-template-rows: 1fr;
  transition: 0.45s grid-template-rows cubic-bezier(0.55, 0, 0.1, 1);
}
details.act .detX_box {
  opacity: 1;
  transition: 0.6s opacity 0.45s cubic-bezier(0.55, 0, 0.1, 1);
}
html.lenis {
  height: auto;
  /*-ms-overflow-style: none;*/
  /*scrollbar-width: none;*/
}
/*html.lenis::-webkit-scrollbar {*/
/*  display: none;*/
/*}*/
/*html.lenis:scrollbar {*/
/*  display: none;*/
/*}*/
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: auto;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
@media (hover: hover) {
  .sllbar {
    position: fixed;
    inset: 0;
    z-index: 40;
    height: 2px;
  }
  .sllbar_prg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: #00e262;
    transform-origin: left top;
  }
}
@media (hover: none) {
  .sllbar {
    display: none;
  }
}
@font-face {
  font-family: gt;
  font-display: swap;
  src: url(../fonts/GTPressuraLC-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: articulat;
  font-display: swap;
  src: url(../fonts/ArticulatCF-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: articulat;
  font-display: swap;
  src: url(../fonts/ArticulatCF-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: articulat;
  font-display: swap;
  src: url(../fonts/ArticulatCF-DemiBold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  font-weight: 400;
}
h1 u,
h2 u,
h3 u,
h4 u,
h5 u,
h6 u,
h7 u {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
}
html {
  --uCout: rgba(0, 0, 0, 0);
  --uC: rgba(0, 0, 0, 1);
}
body {
  font-family: articulat;
  color: #000;
  background: #fff;
  font-weight: 400;
  line-height: 1;
  line-height: 1.5;
}
@media (min-width: 1195px) {
  body {
    font-size: max(15px, 1.6rem);
  }
}
@media (max-width: 1194px) {
  body {
    font-size: 16px;
  }
}
h1,
.h1 {
  font-family: gt;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1195px) {
  h1,
  .h1 {
    font-size: 5rem;
    line-height: 0.806;
  }
}
@media (max-width: 1194px) {
  h1,
  .h1 {
    font-size: calc(48px + (16) * (100vw - 375px) / 819);
    line-height: 0.792;
  }
}
@media (min-width: 1195px) {
  h2,
  .h2 {
    font-size: 5.6rem;
    line-height: 1.143;
  }
}
@media (max-width: 1194px) {
  h2,
  .h2 {
    font-size: calc(40px + (12) * (100vw - 375px) / 819);
    line-height: 1.2;
  }
}
@media (min-width: 1195px) {
  h3,
  .h3 {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media (max-width: 1194px) {
  h3,
  .h3 {
    font-size: max(1.6rem, 16px)
  }
}
h4,
.h4 {
  font-size: max(2.4rem, 24px);
  line-height: 1.333;
}
.h4m {
  font-size: max(2.4rem, 24px);
  line-height: 1.333;
  font-weight: 500;
}
p,
.p,
figcaption {
  font-size: max(1.6rem, 16px);
  line-height: 1.5;
}
p u,
.p u,
figcaption u {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
p a,
.p a,
figcaption a {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
p a:hover,
p a:focus,
.p a:hover,
.p a:focus,
figcaption a:hover,
figcaption a:focus {
  background-size:
    100% 1px,
    0 1px;
}
.pm,
.pm p {
  font-weight: 500;
}
.pL,
.pL p {
  font-size: max(2.4rem, 24px);
  line-height: 1.333;
}
.pS,
.pS p {
  font-size: max(1.4rem, 14px);
  line-height: 1.429;
}
.pS a,
.pS p a {
  font-weight: 500;
}
.pM,
.pM p {
  font-size: max(1.2rem, 12px);
  line-height: 1.667;
}
strong {
  font-weight: 600;
}
html {
  --multi: calc(((100vw - 1440px) / 288));
  font-size: calc(100vw / 1440 * 10 - var(--multi));
}
@media (min-width: 1195px) {
  html {
    --padgrid: 4rem;
  }
}
@media (max-width: 1194px) {
  html {
    font-size: 10px;
  }
}
html:not(.dev) .IO {
  background: transparent !important;
}
.IO {
  pointer-events: none;
}
.checkfix {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: #333;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.05em;
  font-family: monospace;
  padding: 8px;
  text-align: right;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  text-transform: uppercase;
  transition: 0.6s opacity cubic-bezier(0.55, 0, 0.1, 1);
  opacity: 0.4;
}
.checkfix_t {
  line-height: 20px;
}
.checkfix_c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
  width: 100%;
}
.checkfix_c input {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: 0.6s border-color cubic-bezier(0.55, 0, 0.1, 1);
}
.checkfix_c input:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: #000;
  border-radius: 2px;
  opacity: 0;
  transform: scale(0);
  transition:
    0.6s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.6s transform cubic-bezier(0.55, 0, 0.1, 1);
}
.checkfix_c input:checked:before {
  opacity: 1;
  transform: scale(1);
}
.checkfix_c label {
  margin-left: 4px;
}
.checkfix:hover {
  opacity: 1;
}
a:focus,
button:focus,
select:focus,
input:focus {
  outline: 1px solid #005f4a;
}
svg {
  width: 100%;
}
#mainContent {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.icons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.4rem;
  padding: 2.4rem 0;
}
.icons-grid-el {
  border: 1px solid #005f4a;
  padding: 1.2rem;
}
.icons-grid-el .icons-container {
  padding: 2.4rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.icons-grid-el .icons-container svg {
  width: 2.4rem;
  flex-shrink: 0;
}
.icons-grid-el .icons-container-16 svg {
  width: 1.6rem;
}
.icons-grid-el .icons-container-40 svg {
  width: 4rem;
}
html {
  --padgut: calc(var(--gutgrid) + var(--padgrid));
  --padgut-s: calc(var(--gutgrid) + var(--padgrid-s));
  --padgut-xs: calc(var(--gutgrid) + var(--padgrid-xs));
  --padgutxl: calc(var(--gutgrid) + var(--padgridxl));
  --sizegrid: calc(100vw - ((var(--padgrid)) * 2));
}
@media (min-width: 1195px) {
  html {
    --padgrid: calc(9.6rem + (400) * (100vw - 1440px) / (2880 - 1440));
    --padgrid-s: calc(20rem + (400) * (100vw - 1440px) / (2880 - 1440));
    --padgrid-xs: calc(40.8rem + (400) * (100vw - 1440px) / (2880 - 1440));
    --padgridxl: min(calc(9.6rem + 0.0375 * (100vw - 1440px)), var(--padgrid));
    --gutgrid: 1.2rem;
  }
}
@media (max-width: 1194px) {
  html {
    --padgrid: 0.8rem;
    --padgrid-s: 0.8rem;
    --padgrid-xs: 0.8rem;
    --padgridxl: 0.8rem;
    --gutgrid: 0.8rem;
  }
}
@media (min-width: 541px) and (max-width: 1194px) and (min-aspect-ratio: 1.2) {
  html {
    --gutgrid: calc(4px + (8) * (100vw - 375px) / 819);
    --padgrid: calc(4px + (106.1376) * (100vw - 375px) / 819);
    --padgrid-s: calc(4px + (106.1376) * (100vw - 375px) / 819);
    --padgrid-xs: calc(4px + (106.1376) * (100vw - 375px) / 819);
    --padgridxl: calc(4px + (106.1376) * (100vw - 375px) / 819);
  }
}
@media (max-height: 540px) and (min-aspect-ratio: 12/10) {
  html {
    --gutgrid: 4px;
    --padgrid: calc((100) * (100vw - 100lvh) / (437));
    --padgrid-s: calc((100) * (100vw - 100lvh) / (437));
    --padgrid-xs: calc((100) * (100vw - 100lvh) / (437));
    --padgridxl: calc((100) * (100vw - 100lvh) / (437));
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  html {
    --gutgrid: calc(8px + (4) * (100vw - 375px) / 819);
    --padgrid: calc(8px + (104) * (100vw - 375px) / 819);
    --padgrid-s: calc(8px + (104) * (100vw - 375px) / 819);
    --padgrid-xs: calc(8px + (104) * (100vw - 375px) / 819);
    --padgridxl: calc(8px + (104) * (100vw - 375px) / 819);
  }
}
.gridcl-vw {
  width: 100%;
  padding-left: var(--padgrid);
  padding-right: var(--padgrid);
}
.gridcl {
  width: 100%;
  max-width: var(--sizegrid);
}
.cl1 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.0833333333);
}
.cl2 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.1666666667);
}
.cl3 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.25);
}
.cl4 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.3333333333);
}
.cl5 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.4166666667);
}
.cl6 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.5);
}
.cl7 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.5833333333);
}
.cl8 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.6666666667);
}
.cl9 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.75);
}
.cl10 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.8333333333);
}
.cl11 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 0.9166666667);
}
.cl12 {
  padding-left: var(--gutgrid);
  padding-right: var(--gutgrid);
  width: calc(var(--sizegrid) * 1);
}
.grid-vw {
  width: 100%;
  padding-left: var(--padgut);
  padding-right: var(--padgut);
  margin: 0 auto;
}
.grid-vw-s {
  width: 100%;
  padding-left: var(--padgut-s);
  padding-right: var(--padgut-s);
  margin: 0 auto;
}
.grid-vw-xs {
  width: 100%;
  padding-left: var(--padgut-xs);
  padding-right: var(--padgut-xs);
  margin: 0 auto;
}
.grid-xl {
  width: 100%;
  padding-left: var(--padgutxl);
  padding-right: var(--padgutxl);
}
.grid {
  --sizegrid: calc(100vw - ((var(--padgut)) * 2));
  width: 100%;
  max-width: var(--sizegrid);
}
.CKgrid {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.1;
  max-height: 0;
  pointer-events: none;
  z-index: 999;
  transition: 2s max-height cubic-bezier(0.55, 0, 0.1, 1);
}
.CKgrid .gridcl {
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 auto;
}
.CKgrid .gridcl div {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.CKgrid .gridcl div:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #6f66ff;
  transform: scaleX(0);
  transition: 0.4s transform cubic-bezier(0.55, 0, 0.1, 1);
}
.CKgrid.A div:before {
  transform: scaleX(1);
  transition: 1s transform 0.1s cubic-bezier(0.55, 0, 0.1, 1);
}
.uikit {
  min-height: 100lvh;
}
.uikit_t {
  margin-bottom: 6rem;
  color: #005f4a;
}
.uikit_t a {
  display: block;
  margin-bottom: 24px;
}
.uikit_t h3 {
  color: #005f4a;
}
.uikit_inputs {
  padding-top: 12rem;
}
.uikit_inputs .Afield {
  max-width: 50rem;
}
.uikit_upbar {
  padding-top: 12rem;
}
.uikit_upbarg {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem;
}
.uikit_text {
  padding-top: 15rem;
}
.uikit_text .el > *:first-child {
  color: #005f4a;
  --uC: rgba(0, 95, 74, 1);
  --uCout: rgba(0, 95, 74, 0);
}
.uikit_text .el > *:last-child {
  margin-top: 2.4rem;
  color: #6f7279;
}
.uikit_text .el + .el {
  margin-top: 4.2rem;
}
.uikit_color {
  padding-top: 12rem;
}
.uikit_colorg {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 2fr 1fr;
  grid-column-gap: calc(2 * var(--gutgrid));
  grid-row-gap: calc(4 * var(--gutgrid));
  grid-template-areas: "a a b c d e" "z z b c d e";
}
.uikit_color .el {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
}
.uikit_color .el_bk {
  flex-grow: 1;
  border-radius: 8px;
  min-height: 20rem;
}
.uikit_color .el_t {
  margin-top: max(12px, 1.2rem);
}
.uikit_color .el-fsa {
  grid-area: a;
}
.uikit_color .el-fsz {
  grid-area: z;
}
.uikit_sizes {
  padding-top: 12rem;
}
.uikit_sizes .gridcl {
  margin-top: 6rem;
  height: 60vh;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 auto;
  position: relative;
}
.uikit_sizes .gridcl .sizer {
  position: absolute;
  top: 20%;
  height: 6rem;
  left: 16.6666666667%;
  width: 30rem;
  background: #005f4a;
  z-index: 3;
}
.uikit_sizes .gridcl .sizer p {
  font-size: 12px;
  padding: 6px;
  color: #fff;
}
.uikit_sizes .gridcl .coler {
  position: absolute;
  bottom: 20%;
  height: 6rem;
  left: 16.6666666667%;
  background: #005f4a;
  z-index: 3;
}
.uikit_sizes .gridcl .coler p {
  font-size: 12px;
  padding: 6px;
  color: #fff;
}
.uikit_sizes .gridcl .cl1 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  background: #0ff3;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.uikit_sizes .gridcl .cl1:first-child {
  border-left: 0;
}
.uikit_sizes .gridcl .cl1:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #6f66ff33;
  transform: scaleX(1);
}
.uikit_bts {
  padding-top: 12rem;
  min-height: 50vh;
}
.uikit_bts .gridcl-vw {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.uikit_bts .gridcl-vw + .uikit_bts .gridcl-vw {
  margin-top: 10rem;
}
.uikit_bts .cl4 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.uikit_bts .cl4 img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}
.uikit_bts .cl4 .Apoit {
  position: absolute;
  left: 90%;
  top: 50%;
  transform: rotate(-25deg);
}
.uikit_bts .cl6 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.uikit_bts .cl6 img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
}
.uikit_bts .cl6 .Apoit {
  position: absolute;
  left: 90%;
  top: 50%;
  transform: rotate(-25deg);
}
.uikit_buttons {
  background: #f5f4ef;
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.uikit_buttons .h2 {
  margin-top: 6rem;
}
.uikit_buttons .txt {
  margin-top: 4.8rem;
}
.uikit_buttons .buttons {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5.6rem;
}
.uikit_buttons .buttons .col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
}
.uikit_claim .gridcl-vw {
  position: relative;
  padding-top: max(35vh, 300px);
  padding-bottom: max(35vh, 300px);
}
.uikit_claim .gridcl-vw:not(:first-child) {
  background-color: #005f4a;
}
.uikit_claim .gridcl-vw:not(:first-child) .Aclaim {
  color: #fff;
}
.uikit_claim .gridcl-vw .IO {
  position: absolute;
  bottom: max(35vh, 300px);
  left: 0;
  width: 10px;
  aspect-ratio: 1;
  background-color: red;
}
.uikit_claim .gridcl-vw.SV .Aclaim span:after {
  transform: scaleX(1);
}
.gridbase {
  min-height: 100vh;
  min-height: 100lvh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  color: #fff;
}
.gridbase:before {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 30;
  background: red;
  font-size: 12px;
}
@media (min-width: 1195px) {
  .gridbase:before {
    content: "Demo REM,10rem,remfix :0.2";
    width: 20rem;
  }
}
@media (max-width: 1194px) {
  .gridbase:before {
    content: "respFix";
    width: calc(100px + (100) * (100vw - 375px) / 819);
  }
}
.gridbase:after {
  content: "respFix";
  position: absolute;
  left: 0;
  top: 140px;
  z-index: 30;
  background: #00f;
  font-size: 12px;
}
@media (min-width: 1195px) {
  .gridbase:after {
    display: none;
  }
}
@media (max-width: 1194px) {
  .gridbase:after {
    width: calc(100px + (300) * (100vw - 375px) / 819);
  }
}
.gridbase .bg {
  position: absolute;
  inset: 0;
  opacity: 0.75;
}
.gridbase .bg .IO {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
}
.gridbase .bg img,
.gridbase .bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.gridbase .base {
  margin: 0 auto 100px;
  width: 100%;
  max-width: 1440px;
  background-color: purple;
  display: flex;
}
@media (max-width: 1440px) {
  .gridbase .base:before {
    content: "W <";
  }
}
.gridbase .grid-vw {
  position: relative;
  background: #00f;
}
.gridbase .grid-vw h2 {
  background: red;
  width: 100%;
}
.gridbase .gridcl-vw {
  position: relative;
  background: #00f;
  margin-top: 10px;
}
.gridbase .gridcl-vw h2 {
  background: red;
  width: 100%;
}
.gridbase .gridcl-vw h3 {
  background-color: purple;
}
.gridbase .gridcl-vw .cl12,
.gridbase .gridcl-vw .cl6 {
  background: green;
}
.gridbase .gridcl-vw .fl {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.gridbase .grid {
  background: #00f;
  margin: 10px auto 0;
}
.gridbase .grid h2 {
  background-color: #ffffff80;
}
.gridbase .gridcl {
  background: #00f;
  margin: 10px auto 0;
}
.gridbase .gridcl h2 {
  background-color: #ffffff80;
}
.gridbase .gridcl h3 {
  background-color: purple;
}
.gridbase .gridcl .cl12,
.gridbase .gridcl .cl6 {
  background: green;
}
.gridbase .gridcl .fl {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.gridbase a {
  display: block;
  margin-top: 24px;
}
.gridbase a + a {
  margin-top: 12px;
}
.gridbase .el1 {
  position: absolute;
  right: 20%;
  top: 50%;
}
.gridbase .el1 .IO {
  position: absolute;
  top: 100%;
  left: 0;
  width: 8px;
  height: 8px;
  background: #eee;
  transition-delay: 2s;
}
.gridbase .el1 h3 {
  opacity: 0;
  transition: 1s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.gridbase .el1.SV h3 {
  opacity: 1;
}
.wysi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  --wysil: 4rem;
  --wysim: 2.4rem;
  --wysis: 1em;
}
.wysi-bg {
  background: #f5f4ef;
  padding: 4rem;
  border-radius: max(0.8rem, 8px);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .wysi-bg {
    padding: 2.4rem;
  }
}
.wysi-bg + .wysi,
.wysi-bg + .wysi-bg,
.wysi-bg + .Aim-cover,
.wysi-bg + .Aim-auto {
  margin-top: 2.4rem;
}
.wysi-bg-s {
  background: #f5f4ef;
  padding: 1.6rem;
  border-radius: max(0.8rem, 8px);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .wysi-bg-s {
    padding: 0.8rem;
  }
}
.wysi.c2 ul,
.wysi.c2 ol {
  column-count: 2;
}
@media (max-width: 540px) {
  .wysi.c2 ul,
  .wysi.c2 ol {
    column-count: 1;
  }
}
.wysi + .wysi-bg {
  margin-top: 2.4rem;
}
.wysi figure figcaption {
  padding-top: 1.2rem;
}
.wysi img {
  height: auto;
  width: 100%;
  position: relative;
  align-self: flex-start;
}
.wysi img + ul,
.wysi img + ol {
  margin-top: var(--wysim);
}
.wysi img + img {
  margin-top: var(--wysim);
}
.wysi img + p {
  margin-top: var(--wysim);
}
.wysi img + h1,
.wysi img + h2,
.wysi img + h3 {
  margin-top: var(--wysim);
}
.wysi img + h4,
.wysi img + h5,
.wysi img + h6,
.wysi img + h7 {
  margin-top: var(--wysim);
}
.wysi img + blockquote {
  margin-top: var(--wysim);
}
.wysi p {
  width: 100%;
  font-weight: 500;
}
.wysi p strong,
.wysi p b {
  font-weight: 700;
}
.wysi p + ul,
.wysi p + ol {
  margin-top: var(--wysis);
}
.wysi p + img {
  margin-top: var(--wysim);
}
.wysi p + p {
  margin-top: var(--wysis);
}
.wysi p + h1,
.wysi p + h2,
.wysi p + h3 {
  margin-top: var(--wysim);
}
.wysi p + h4,
.wysi p + h5,
.wysi p + h6,
.wysi p + h7 {
  margin-top: var(--wysim);
}
.wysi p + blockquote {
  margin-top: var(--wysim);
}
.wysi.pL p,
.wysi.pL ul,
.wysi.pL li {
  font-weight: 400;
}
.wysi ul {
  width: 100%;
  font-weight: 500;
}
.wysi ul li {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  padding-left: 2.4rem;
}
.wysi ul li:before {
  content: "";
  width: max(0.4rem, 4px);
  height: max(0.4rem, 4px);
  position: absolute;
  top: 0.7em;
  left: 1rem;
  border-radius: 10em;
  background-color: var(--color, #000);
}
.wysi ul li a {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.wysi ul li a:hover,
.wysi ul li a:focus {
  background-size:
    100% 1px,
    0 1px;
}
.wysi ul li + li {
  margin-top: 0.6rem;
}
.wysi ul li:has(ul) + li {
  margin-top: var(--wysim);
}
.wysi ul + h1,
.wysi ul + h2,
.wysi ul + h3 {
  margin-top: var(--wysim);
}
.wysi ul + h4,
.wysi ul + h5,
.wysi ul + h6,
.wysi ul + h7 {
  margin-top: var(--wysim);
}
.wysi ul + ul {
  margin-top: var(--wysim);
}
.wysi ul + ol {
  margin-top: var(--wysim);
}
.wysi ul + img {
  margin-top: var(--wysim);
}
.wysi ul + p {
  margin-top: var(--wysis);
}
.wysi ul + blockquote {
  margin-top: var(--wysim);
}
.wysi ol {
  width: 100%;
  list-style-type: none;
  padding: 0;
  font-weight: 500;
}
.wysi ol li {
  position: relative;
  counter-increment: step-counter;
}
.wysi ol li:before {
  content: counter(step-counter) ".";
  margin-right: 0.5em;
}
.wysi ol li a {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.wysi ol li a:hover,
.wysi ol li a:focus {
  background-size:
    100% 1px,
    0 1px;
}
.wysi ol li + li {
  margin-top: 0.6rem;
}
.wysi ol + ul {
  margin-top: var(--wysim);
}
.wysi ol + ol {
  margin-top: var(--wysim);
}
.wysi ol + img {
  margin-top: var(--wysim);
}
.wysi ol + p {
  margin-top: var(--wysis);
}
.wysi ol + h1,
.wysi ol + h2,
.wysi ol + h3 {
  margin-top: var(--wysim);
}
.wysi ol + h4,
.wysi ol + h5,
.wysi ol + h6,
.wysi ol + h7 {
  margin-top: var(--wysim);
}
.wysi ol + blockquote {
  margin-top: var(--wysim);
}
.wysi blockquote {
  width: 100%;
}
.wysi blockquote p {
  color: #005f4a;
}
.wysi blockquote + ul,
.wysi blockquote + ol {
  margin-top: var(--wysim);
}
.wysi blockquote + img {
  margin-top: var(--wysim);
}
.wysi blockquote + h1,
.wysi blockquote + h2,
.wysi blockquote + h3 {
  margin-top: var(--wysim);
}
.wysi blockquote + h4,
.wysi blockquote + h5,
.wysi blockquote + h6,
.wysi blockquote + h7 {
  margin-top: var(--wysim);
}
.wysi blockquote + blockquote {
  margin-top: var(--wysim);
}
.wysi h1,
.wysi h2,
.wysi h3 {
  width: 100%;
}
.wysi h1 + p,
.wysi h2 + p,
.wysi h3 + p {
  margin-top: var(--wysis);
}
.wysi h1 + ul,
.wysi h1 + ol,
.wysi h2 + ul,
.wysi h2 + ol,
.wysi h3 + ul,
.wysi h3 + ol {
  margin-top: var(--wysis);
}
.wysi h1 + img,
.wysi h2 + img,
.wysi h3 + img {
  margin-top: var(--wysim);
}
.wysi h1 + blockquote,
.wysi h2 + blockquote,
.wysi h3 + blockquote {
  margin-top: var(--wysis);
}
.wysi h1 + h1,
.wysi h1 + h2,
.wysi h1 + h3,
.wysi h1 + h4,
.wysi h1 + h5,
.wysi h1 + h6,
.wysi h1 + h7,
.wysi h2 + h1,
.wysi h2 + h2,
.wysi h2 + h3,
.wysi h2 + h4,
.wysi h2 + h5,
.wysi h2 + h6,
.wysi h2 + h7,
.wysi h3 + h1,
.wysi h3 + h2,
.wysi h3 + h3,
.wysi h3 + h4,
.wysi h3 + h5,
.wysi h3 + h6,
.wysi h3 + h7 {
  margin-top: var(--wysis);
}
.wysi h3,
.wysi h4,
.wysi h5,
.wysi h6,
.wysi h7 {
  width: 100%;
}
.wysi h3 + p,
.wysi h4 + p,
.wysi h5 + p,
.wysi h6 + p,
.wysi h7 + p {
  margin-top: var(--wysis);
}
.wysi h3 + ul,
.wysi h3 + ol,
.wysi h4 + ul,
.wysi h4 + ol,
.wysi h5 + ul,
.wysi h5 + ol,
.wysi h6 + ul,
.wysi h6 + ol,
.wysi h7 + ul,
.wysi h7 + ol {
  margin-top: var(--wysis);
}
.wysi h3 + img,
.wysi h4 + img,
.wysi h5 + img,
.wysi h6 + img,
.wysi h7 + img {
  margin-top: var(--wysim);
}
.wysi h3 + blockquote,
.wysi h4 + blockquote,
.wysi h5 + blockquote,
.wysi h6 + blockquote,
.wysi h7 + blockquote {
  margin-top: var(--wysis);
}
.wysi h3 + h1,
.wysi h3 + h2,
.wysi h3 + h3,
.wysi h4 + h1,
.wysi h4 + h2,
.wysi h4 + h3,
.wysi h5 + h1,
.wysi h5 + h2,
.wysi h5 + h3,
.wysi h6 + h1,
.wysi h6 + h2,
.wysi h6 + h3,
.wysi h7 + h1,
.wysi h7 + h2,
.wysi h7 + h3 {
  margin-top: var(--wysis);
}
.wysi h3 + h4,
.wysi h3 + h5,
.wysi h3 + h6,
.wysi h3 + h7,
.wysi h4 + h4,
.wysi h4 + h5,
.wysi h4 + h6,
.wysi h4 + h7,
.wysi h5 + h4,
.wysi h5 + h5,
.wysi h5 + h6,
.wysi h5 + h7,
.wysi h6 + h4,
.wysi h6 + h5,
.wysi h6 + h6,
.wysi h6 + h7,
.wysi h7 + h4,
.wysi h7 + h5,
.wysi h7 + h6,
.wysi h7 + h7 {
  margin-top: var(--wysis);
}
.Abtn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: max(0.8rem, 8px);
  min-height: 4.6rem;
  flex-grow: 0;
  --bg: #005f4a;
  --bghov: transparent;
  --tx: #fff;
  --txhov: #000;
  --br: #005f4a;
  --brhov: #005f4a;
  font-weight: 500;
  background: var(--bg, #005f4a);
  color: var(--tx, #fff);
  padding: max(1.1rem, 11px) max(1.6rem, 16px);
  border: 1px solid var(--br, #005f4a);
  border-radius: max(1rem, 10px);
  transition:
    0.45s color cubic-bezier(0.55, 0, 0.1, 1),
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s border cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Abtn_t {
  text-align: center;
}
.Abtn_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
}
.Abtn_i svg path {
  fill: var(--tx, #000);
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
}
@media (hover: hover) {
  .Abtn:hover,
  .Abtn:focus {
    background: var(--bghov, #005f4a);
    color: var(--txhov, #fff);
    border-color: var(--brhov, #005f4a);
  }
  .Abtn:hover .Abtn_i svg path,
  .Abtn:focus .Abtn_i svg path {
    fill: var(--txhov, #fff);
  }
}
.Abtn-1 {
  --bg: transparent;
  --bghov: #005f4a;
  --tx: #000;
  --txhov: #fff;
  --br: #005f4a;
  --brhov: #005f4a;
}
.Abtn-1 .Abtn_i svg path {
  fill: var(--br, #005f4a);
}
.Abtn-2 {
  --bg: #fff;
  --bghov: transparent;
  --tx: #000;
  --txhov: #fff;
  --br: #fff;
  --brhov: #fff;
}
.Abtn-add {
  --bg: transparent;
  --bghov: transparent;
  --tx: #000;
  --txhov: #000;
  --br: #005f4a;
  --brhov: #005f4a;
  border-style: dashed;
}
.Abtn-add .Abtn_plus {
  width: 2.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--br, #005f4a);
  position: relative;
  transition: 0.45s background-color cubic-bezier(0.55, 0, 0.1, 1);
}
.Abtn-add .Abtn_plus:before,
.Abtn-add .Abtn_plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
  background: #005f4a;
  transition: 0.45s background-color cubic-bezier(0.55, 0, 0.1, 1);
}
.Abtn-add .Abtn_plus:before {
  width: 1.2rem;
  height: 1px;
}
.Abtn-add .Abtn_plus:after {
  height: 1.2rem;
  width: 1px;
}
@media (hover: hover) {
  .Abtn-add:hover,
  .Abtn-add:focus {
    border-color: #9699a3;
  }
  .Abtn-add:hover .Abtn_plus,
  .Abtn-add:focus .Abtn_plus {
    background: #005f4a;
  }
  .Abtn-add:hover .Abtn_plus:before,
  .Abtn-add:hover .Abtn_plus:after,
  .Abtn-add:focus .Abtn_plus:before,
  .Abtn-add:focus .Abtn_plus:after {
    background: #fff;
  }
}
.Abtn-chat {
  padding: max(0.8rem, 8px);
  padding-right: max(1.6rem, 16px);
  border-radius: 5em;
  --bg: #fff;
  --bghov: #005f4a;
  --tx: #000;
  --txhov: #fff;
  --br: #fff;
  --brhov: #005f4a;
  -webkit-box-shadow: 0px 0.8rem 1.6rem 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.8rem 1.6rem 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.8rem 1.6rem #0000001a;
}
.Abtn-chat .Abtn_i {
  width: 3.2rem;
}
.Abtn-chat .Abtn_i svg circle,
.Abtn-chat .Abtn_i svg path {
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
}
.Abtn-chat .Abtn_i svg path {
  fill: #fff;
}
@media (hover: hover) {
  .Abtn-chat:hover .Abtn_i svg circle,
  .Abtn-chat:focus .Abtn_i svg circle {
    fill: #00e262;
  }
  .Abtn-chat:hover .Abtn_i svg path,
  .Abtn-chat:focus .Abtn_i svg path {
    fill: var(--brhov, #005f4a);
  }
}
.Abtn.dis {
  opacity: 0.5;
  pointer-events: none;
}
.Aicon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  --bg: #fff;
  --bghov: #005f4a;
  --fill: #000;
  --fillhov: #fff;
  --br: #fff;
  --brhov: #005f4a;
  background: var(--bg, #005f4a);
  border: 1px solid var(--br, #005f4a);
  transition:
    0.45s color cubic-bezier(0.55, 0, 0.1, 1),
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s border cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Aicon svg {
  width: 2.4rem;
}
.Aicon svg path {
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
  fill: var(--fill, #fff);
}
.Aicon-small {
  width: 3.2rem;
  height: 3.2rem;
}
.Aicon-small svg {
  width: 1.6rem;
}
@media (hover: hover) {
  .Aicon:hover,
  .Aicon:focus {
    background: var(--bghov, #005f4a);
    border-color: var(--brhov, #005f4a);
  }
  .Aicon:hover svg path,
  .Aicon:focus svg path {
    fill: var(--fillhov, #fff);
  }
}
.Aicon-1 {
  --bg: #005f4a;
  --bghov: #f5f4ef;
  --fill: #fff;
  --fillhov: #005f4a;
  --br: #005f4a;
  --brhov: #f5f4ef;
}
.Aicon-2 {
  --bg: #fff;
  --bghov: #005f4a;
  --fill: #000;
  --fillhov: #fff;
  --br: #dbdbdb;
  --brhov: #005f4a;
}
.Aicon.dis {
  opacity: 0.5;
  pointer-events: none;
}
.Asocial {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  --bg: #fff;
  --bghov: rgba(#fff, 0.5);
  --fill: #005f4a;
  --fillhov: #fff;
  --br: #fff;
  --brhov: transparent;
  background: var(--bg, #005f4a);
  border: 1px solid var(--br, #005f4a);
  transition:
    0.45s color cubic-bezier(0.55, 0, 0.1, 1),
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s border cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Asocial a {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.Asocial svg {
  width: 2.4rem;
}
.Asocial svg path {
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
  fill: var(--fill, #fff);
}
@media (hover: hover) {
  .Asocial:hover,
  .Asocial:focus {
    background: var(--bghov, #005f4a);
    border-color: var(--brhov, #005f4a);
  }
  .Asocial:hover svg path,
  .Asocial:focus svg path {
    fill: var(--fillhov, #fff);
  }
}
.Asocial-1 {
  --bg: transparent;
  --bghov: #005f4a;
  --fill: #005f4a;
  --fillhov: #fff;
  --br: #dbdbdb;
  --brhov: #005f4a;
}
.Asocial.dis {
  opacity: 0.5;
  pointer-events: none;
}
.Anav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 5.6rem;
  height: 4rem;
  border-radius: 4rem;
  position: relative;
  --bg: #005f4a;
  --bghov: #00e262;
  --fill: #fff;
  --fillhov: #005f4a;
  background: var(--bg, #005f4a);
  transition:
    0.45s color cubic-bezier(0.55, 0, 0.1, 1),
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Anav svg {
  width: 2.4rem;
}
.Anav svg path {
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
  fill: var(--fill, #fff);
}
.Anav_tt {
  font-size: max(1.2rem, 12px);
  line-height: 1.667;
  background: #00e262;
  border-radius: max(0.8rem, 8px);
  position: absolute;
  top: calc(100% + 1.3rem);
  left: 50%;
  transform: translate(-50%) translateY(1.2rem);
  color: #000;
  padding: 0.8rem 1.2rem;
  font-weight: 500;
  opacity: 0;
  transition:
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
  pointer-events: none !important;
}
.Anav_tt * {
  pointer-events: none !important;
}
@media (hover: none) {
  .Anav_tt {
    display: none;
  }
}
.Anav_tt:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
  width: 1.2rem;
  height: 1.2rem;
  background: #00e262;
  border-top-right-radius: max(0.3rem, 3px);
}
@media (hover: hover) {
  .Anav:hover,
  .Anav:focus {
    background: var(--bghov, #005f4a);
  }
  .Anav:hover svg path,
  .Anav:focus svg path {
    fill: var(--fillhov, #fff);
  }
  .Anav:hover .Anav_tt,
  .Anav:focus .Anav_tt {
    opacity: 1;
    transform: translate(-50%) translateY(0);
  }
}
.Anav-1 {
  --bg: #00e262;
  --bghov: #005f4a;
  --fill: #005f4a;
  --fillhov: #fff;
}
.Anav-2 {
  --bg: #f5f4ef;
  --bghov: #005f4a;
  --fill: #005f4a;
  --fillhov: #fff;
}
.Anav.dis {
  opacity: 0.5;
  pointer-events: none;
}
.Atxlink {
  display: inline-block;
  position: relative;
  padding: 0 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
  font-size: max(1.4rem, 14px);
  line-height: 1.429;
}
.Atxlink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00e262;
  max-width: 0.4rem;
  transition: 0.45s max-width cubic-bezier(0.55, 0, 0.1, 1);
}
.Atxlink_t {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .Atxlink:hover:before,
  .Atxlink:focus:before {
    max-width: 100%;
  }
}
.Alink {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.Alink:hover,
.Alink:focus {
  background-size:
    100% 1px,
    0 1px;
}
.AIlink {
  --tx: #005f4a;
  display: flex;
  gap: 1.6rem;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: 500;
}
.AIlink_i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  flex-shrink: 0;
}
.AIlink_i svg path {
  fill: var(--tx, #005f4a);
}
.AIlink_t span {
  color: var(--tx, #005f4a);
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--tx, #005f4a), var(--tx, #005f4a));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.AIlink:hover .AIlink_t span,
.AIlink:focus .AIlink_t span {
  background-size:
    100% 1px,
    0 1px;
}
.AIlink-1 {
  --tx: #000;
  gap: 0.8rem;
}
.AIlink-2 {
  --tx: #000;
  gap: 0.8rem;
  align-items: center;
  font-size: max(2.4rem, 24px);
  line-height: 1.333;
  font-weight: 400;
}
.AIlink-3 {
  --tx: #000;
  gap: 0.8rem;
  font-weight: 400;
  align-items: center;
}
@media (min-width: 1195px) {
  .AIlink-3 {
    font-size: 4rem;
    line-height: 1.2;
  }
}
@media (max-width: 1194px) {
  .AIlink-3 {
    font-size: calc(28px + (8) * (100vw - 375px) / 819);
    line-height: 1.286;
  }
}
.AIlink-3 .AIlink_i {
  width: 4rem;
}
.Apag {
  --bg: transparent;
  --bghov: #005f4a;
  --tx: #000;
  --txhov: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 4.8rem;
  min-width: 4.8rem;
  border-radius: max(1rem, 10px);
  border: 1px solid #dbdbdb;
  transition:
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s color cubic-bezier(0.55, 0, 0.1, 1);
  font-weight: 500;
}
.Apag_i {
  width: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Apag_i svg {
  width: 100%;
}
.Apag_i svg path:not(.stroke) {
  fill: var(--tx, #000);
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
}
.Apag_i svg path.stroke {
  stroke: var(--tx, #000);
  transition: 0.45s stroke cubic-bezier(0.55, 0, 0.1, 1);
}
.Apag.dis {
  pointer-events: none;
  color: #9699a3;
}
@media (hover: hover) {
  .Apag:hover {
    background: var(--bghov, #005f4a);
    color: var(--txhov, #fff);
  }
  .Apag:hover svg path:not(.stroke) {
    fill: var(--txhov, #fff);
  }
  .Apag:hover svg path.stroke {
    stroke: var(--txhov, #fff);
  }
}
.Apag.act,
.Apag:focus {
  background: var(--bghov, #005f4a);
  color: var(--txhov, #fff);
}
.Apag.act svg path:not(.stroke),
.Apag:focus svg path:not(.stroke) {
  fill: var(--txhov, #fff);
}
.Apag.act svg path.stroke,
.Apag:focus svg path.stroke {
  stroke: var(--txhov, #fff);
}
.Acat {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 3.6rem;
  flex-grow: 0;
  --bg: transparent;
  --bghov: transparent;
  --tx: #9699a3;
  --txhov: #000;
  --br: #dbdbdb;
  --brhov: #005f4a;
  font-weight: 500;
  background: var(--bg, #005f4a);
  color: var(--tx, #fff);
  padding: max(0.6rem, 6px) max(1.6rem, 16px);
  border: 1px solid var(--br, #005f4a);
  border-radius: max(1rem, 10px);
  transition:
    0.45s color cubic-bezier(0.55, 0, 0.1, 1),
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s border cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Acat_t {
  text-align: center;
}
@media (hover: hover) {
  .Acat:hover,
  .Acat:focus {
    background: var(--bghov, transparent);
    color: var(--txhov, #fff);
    border-color: var(--brhov, #005f4a);
  }
}
.Acat.A {
  background: var(--bghov, transparent);
  color: var(--txhov, #fff);
  border-color: var(--brhov, #005f4a);
}
.Acat.dis {
  opacity: 0.5;
  pointer-events: none;
}
.Aclaim span {
  display: inline-block;
  position: relative;
}
.Aclaim span:after {
  content: "";
  position: absolute;
  inset: 10% 0 -6%;
  mix-blend-mode: multiply;
  transform-origin: left top;
  transition: 0.6s transform cubic-bezier(0.55, 0, 0.1, 1);
  transform: scaleX(0);

  @-moz-document url-prefix() {
    inset: -2% 0 5%;
  }

  @supports (-ms-ime-align:auto) {
    inset: -2% 0 5%;
  }
}
/* Only for Windows (PC) */
.os-windows .Aclaim span::after {
  inset: -4% 0 0;
}
.Aclaim-0 span:after {
  background-color: #005f4a;
}
.Aclaim-1 span:after {
  background-color: #f457c3;
}
.Aclaim-2 span:after {
  background-color: #009bf0;
}
.Aclaim-3 span:after {
  background-color: #f50;
}
html.isAndroid .Aclaim span:after {
  top: -1px;
  bottom: 6%;
}
.Apoit {
  color: #fff;
  --wPoit: 22px;
  --sPoit: 1;
  --tPoit: 0;
  display: flex;
  align-items: flex-start;
  width: auto;
  z-index: 4;
}
.Apoit-tl,
.Apoit-bl {
  justify-content: flex-end;
}
.Apoit-tr,
.Apoit-br {
  justify-content: flex-start;
}
.Apoit .IO {
  position: absolute;
  left: 0;
  top: 30lvh;
  width: 10px;
  height: 10px;
  background: red;
}
.Apoit_h {
  position: relative;
  color: #fff;
  overflow: hidden;
  max-width: calc(100% * (1 - var(--sPoit)));
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Apoit_t {
  flex-shrink: 0;
  position: relative;
  display: block;
  padding: 0 12px;
  white-space: nowrap;
  background-color: #005f4a;
}
.Apoit_t * {
  font-weight: 500;
}
.Apoit_t:after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: var(--wPoit);
  background-color: #00e262;
}
.Apoit-0 .Apoit_t {
  background-color: #005f4a;
}
.Apoit-0 .Apoit_t:after {
  background-color: #00e262;
}
.Apoit-1 .Apoit_t {
  background-color: #f457c3;
}
.Apoit-1 .Apoit_t:after {
  background-color: #f9abe1;
}
.Apoit-2 .Apoit_t {
  background-color: #009bf0;
}
.Apoit-2 .Apoit_t:after {
  background-color: #80cdf7;
}
.Apoit-3 .Apoit_t {
  background-color: #f50;
}
.Apoit-3 .Apoit_t:after {
  background-color: #ffaa80;
}
.Apoit-tl .Apoit_t {
  clip-path: polygon(var(--wPoit) 0, 100% 0, 100% 100%, 0 100%, 0 var(--wPoit));
}
.Apoit-tl .Apoit_t:after {
  left: 0;
  top: 0;
  transform: translateY(calc(var(--tPoit) * -100%));
}
.Apoit-tr .Apoit_t {
  clip-path: polygon(calc(100% - var(--wPoit)) 0, 100% var(--wPoit), 100% 100%, 0 100%, 0 0);
}
.Apoit-tr .Apoit_t:after {
  right: 0;
  top: 0;
  transform: translateY(calc(var(--tPoit) * -100%));
}
.Apoit-bl .Apoit_t {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--wPoit) 100%, 0 calc(100% - var(--wPoit)));
}
.Apoit-bl .Apoit_t:after {
  left: 0;
  bottom: 0;
  transform: translateY(calc(var(--tPoit) * 100%));
}
.Apoit-br .Apoit_t {
  clip-path: polygon(100% 0, 100% calc(100% - var(--wPoit)), calc(100% - var(--wPoit)) 100%, 0 100%, 0 0);
}
.Apoit-br .Apoit_t:after {
  right: 0;
  bottom: 0;
  transform: translateY(calc(var(--tPoit) * 100%));
}
.Apoit-b .Apoit_t {
  aspect-ratio: 250/230;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 24px;
  text-align: center;
}
.Asel {
  position: relative;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: max(0.8rem, 8px);
  padding: 1.1rem 1.6rem;
}
.Asel_lbl {
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
.Asel_npt {
  padding-right: 3.2rem;
  width: 100%;
  cursor: pointer;
}
.Asel_i {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.Acard {
  width: 100%;
}
.Acard > a:hover .Atxlink:before,
.Acard > a:focus .Atxlink:before {
  max-width: 100%;
}
.Acard_im {
  height: 42rem;
  width: 100%;
  overflow: hidden;
  border-radius: max(0.8rem, 8px);
  position: relative;
}
.Acard_im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Acard_im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.Acard_im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Acard_info {
  margin-top: 1.6rem;
}
.Acard_info .desc {
  margin-top: 0.8rem;
  color: #6f7279;
}
.Acard_info .Atxlink {
  margin-top: 2.4rem;
}
.Atag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5em;
  font-size: max(1.2rem, 12px);
  padding: 0.4rem 1.2rem;
  font-weight: 500;
  color: #000;
  background: #efefef;
}
@media (hover: hover) {
  a.Atag {
    transition: 0.45s background cubic-bezier(0.55, 0, 0.1, 1);
  }
  a.Atag:hover {
    background: #dbdbdb;
  }
}
.Aevent {
  width: 100%;
  display: grid;
  gap: 2.4rem;
  grid-template-columns: 4fr 5fr 2fr;
  border-radius: max(0.8rem, 8px);
  background: #f5f4ef;
  min-height: 22.4rem;
}
.Aevent .distinction {
  border-radius: 5em;
  font-size: max(1.2rem, 12px);
  padding: 0.4rem 1.2rem;
  font-weight: 500;
  background: #ffffff12;
  color: #fff;
  backdrop-filter: blur(4px);
  z-index: 2;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aevent {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.Aevent .im {
  padding: 1.2rem;
  position: relative;
  width: 100%;
  border-radius: max(0.8rem, 8px);
  overflow: hidden;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aevent .im {
    aspect-ratio: 343/196;
  }
}
.Aevent .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Aevent .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition:
    0.6s opacity cubic-bezier(0.55, 0, 0.1, 1),
    transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.Aevent .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Aevent .im .Atag {
  position: relative;
  z-index: 2;
  backdrop-filter: blur(4px);
  background: #ffffff12;
  color: #fff;
}
.Aevent .info {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 11.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
}
@media (max-width: 1194px) {
  .Aevent .info {
    padding-left: 0;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aevent .info {
    padding: 1.6rem;
    order: 3;
  }
}
@media (hover: hover) {
  .Aevent .info .h4 u {
    background-size:
      100% 1px,
      0 1px;
    transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  }
}
.Aevent .info_line {
  display: flex;
  gap: 0.2em;
}
.Aevent .info_line i {
  display: inline-flex;
  width: 2.4rem;
  justify-content: center;
  align-items: center;
}
.Aevent .info_line i svg *:not(g) {
  fill: #000;
}
.Aevent .date {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 1.6rem;
  padding-right: 1.6rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aevent .date {
    padding: 1.6rem;
    order: 2;
    justify-content: flex-start;
  }
}
.Aevent .date_h {
  padding: 2.4rem 1.2rem;
  background: #005f4a;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: max(0.8rem, 8px);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aevent .date_h {
    padding: 0.8rem 1.6rem;
  }
}
@media (hover: hover) {
  .Aevent:hover img,
  .Aevent:focus img {
    transform: scale(1.1);
  }
  .Aevent:hover .h4 u,
  .Aevent:focus .h4 u {
    background-size:
      0% 1px,
      100% 1px;
  }
}
.Aevent-s {
  grid-template-columns: 1fr;
  gap: 0;
  align-content: start;
  overflow: hidden;
}
.Aevent-s .im {
  order: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: max(0.8rem, 8px);
  border-top-right-radius: max(0.8rem, 8px);
  aspect-ratio: 343/196;
}
.Aevent-s .date {
  order: 2;
  width: 100%;
  padding: 0;
}
.Aevent-s .date_h {
  border-radius: 0;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: auto;
  padding: 1.6rem;
}
.Aevent-s .info {
  order: 3;
  padding: 1.6rem;
}
.Anews {
  width: 100%;
}
.Anews_im {
  width: 100%;
  aspect-ratio: 392/319;
  overflow: hidden;
  border-radius: max(0.8rem, 8px);
  position: relative;
  padding: 1.6rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.Anews_im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Anews_im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
}
.Anews_im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Anews_im .Aicon {
  position: relative;
  z-index: 2;
  opacity: 0;
}
.Anews_info {
  margin-top: 1.6rem;
}
.Anews_info .h4 u {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  --uC: #000;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    100% 1px,
    0 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.Anews_info .date {
  margin-top: 0.8rem;
  color: #6f7279;
}
@media (hover: hover) {
  .Anews:hover .Aicon,
  .Anews:focus .Aicon {
    opacity: 1;
  }
  .Anews:hover img,
  .Anews:focus img {
    transform: scale(1.1);
  }
  .Anews:hover .h4 u,
  .Anews:focus .h4 u {
    background-size:
      0% 1px,
      100% 1px;
  }
}
.Alatest {
  margin-top: 1.6rem;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  background: #f5f4ef;
  border-radius: max(0.8rem, 8px);
  overflow: hidden;
  min-height: 34.6rem;
  align-items: center;
  position: relative;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Alatest {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 0;
  }
}
.Alatest .im {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: max(0.8rem, 8px);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Alatest .im {
    aspect-ratio: 343/240;
  }
}
.Alatest .im .IO {
  position: absolute;
  inset: 0;
}
.Alatest .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Alatest .info {
  padding: 5.6rem 10rem 5.6rem 5.6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
  position: relative;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Alatest .info {
    padding: 2.4rem;
  }
}
.Alatest .info .Atxlink {
  margin-top: 1.6rem;
}
.Alatest .info .Apoit {
  position: absolute;
  top: 5.6rem;
  right: 100%;
  transform: rotate(-20deg);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Alatest .info .Apoit {
    left: auto;
    right: 1rem;
    top: -10%;
  }
}
.Alatest + .Alatest {
  margin-top: 2.4rem;
}
.Atab {
  max-width: 100%;
  padding: 2.4rem 0;
  border-bottom: 1px solid #dbdbdb;
}
.Atab_c {
  pointer-events: all;
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.Atab_c_plus {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
}
.Atab_c_plus:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  top: calc(50% - 1px);
  left: 0;
}
.Atab_c_plus:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #000;
  top: 0;
  left: calc(50% - 1px);
  transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
  transform-origin: center;
}
.Atab_h {
  height: 0;
  overflow: hidden;
}
.Atab_b {
  padding-top: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.4rem;
  visibility: hidden;
  transition: 0.45s visibility cubic-bezier(0.55, 0, 0.1, 1);
}
.Atab.A .Atab_c_plus:after {
  transform: scaleY(0);
}
.Atab.A .Atab_b {
  visibility: visible;
}
.Aupbar {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.4rem 4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #dbdbdb;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aupbar {
    flex-direction: row;
  }
}
.Aupbar .tit {
  color: #6f7279;
  display: flex;
  gap: 4rem;
  font-weight: 500;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aupbar .tit {
    width: calc(30% - 1.2rem);
    gap: 2rem;
  }
}
.Aupbar .tit i {
  width: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.Aupbar .tit i svg *:not(g) {
  fill: #005f4a;
}
.Aupbar .txt {
  padding-left: 4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Aupbar .txt {
    width: calc(70% - 1.2rem);
  }
}
.Aupbar .txt a {
  color: #000;
}
@media (hover: hover) {
  .Aupbar {
    transition: 0.3s border-color cubic-bezier(0.55, 0, 0.1, 1);
  }
  .Aupbar:hover {
    border-color: #005f4a;
  }
}
.Aupbar-social {
  gap: 1.6rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.Abxl {
  padding: 1.6rem;
  border: 1px solid #dbdbdb;
  width: calc(25% - 1.8rem);
  min-height: 12rem;
  display: inline-flex;
  flex-direction: column;
  border-radius: max(0.8rem, 8px);
  transition:
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s color cubic-bezier(0.55, 0, 0.1, 1),
    0.45s border-color cubic-bezier(0.55, 0, 0.1, 1);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Abxl {
    width: calc(50% - 1.2rem);
  }
}
@media (max-width: 680px) {
  .Abxl {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .Abxl-s {
    width: calc(50% - 1.2rem);
  }
}
.Abxl_t {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 0.8rem;
}
.Abxl_t_l {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.Abxl_t_l .tt {
  font-size: max(1.6rem, 16px);
  font-weight: 600;
}
.Abxl_t_r {
  width: 6.4rem;
  min-height: 7.2rem;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.Abxl_t_r img {
  width: 100%;
  height: 100%;
  max-height: 8rem;
  object-fit: contain;
  object-position: top right;
}
.Abxl_t_r .Aicon {
  --bg: #f5f4ef;
  --bghov: #005f4a;
  --fill: #005f4a;
  --fillhov: #fff;
  --br: #fff;
  --brhov: #005f4a;
  pointer-events: none;
}
.Abxl_b {
  margin-top: 0.8rem;
  color: #6f7279;
  transition: 0.45s color cubic-bezier(0.55, 0, 0.1, 1);
}
@media (hover: hover) {
  .Abxl:hover {
    background: #005f4a;
    color: #fff;
    border-color: #005f4a;
  }
  .Abxl:hover .Abxl_b {
    color: #fff;
  }
}
.Abxl-im .Abxl_t {
  width: 100%;
  display: flex;
  gap: 0.8rem;
}
.Abxl-im .Abxl_t_l {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.Abxl-im .Abxl_t_l .tt {
  font-size: max(1.6rem, 16px);
  font-weight: 600;
}
.Abxl-im .Abxl_t_r {
  width: 6.4rem;
  flex-shrink: 0;
}
@media (hover: hover) {
  .Abxl-im:hover {
    background: #fff;
    color: #000;
  }
  .Abxl-im:hover .Abxl_b {
    color: #6f7279;
  }
}
.Abxl-l {
  width: calc(50% - 1.2rem);
  min-height: 24rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Abxl-l {
    width: 100%;
  }
}
.Abxl-l .Abxl_t {
  width: 100%;
  display: flex;
  gap: 0.8rem;
}
.Abxl-l .Abxl_t_l {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.Abxl-l .Abxl_t_l .tt {
  font-size: max(1.6rem, 16px);
  font-weight: 600;
}
.Abxl-l .Abxl_t_r {
  width: 16.9rem;
  flex-shrink: 0;
}
.Abxl-l .Abxl_b {
  max-width: 33.4rem;
}
@media (hover: hover) {
  .Abxl-l:hover {
    background: #fff;
    color: #000;
  }
  .Abxl-l:hover .Abxl_b {
    color: #6f7279;
  }
}
.Avid {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f4ef;
  border-radius: 0.8rem;
}
.Avid .IO {
  position: absolute;
  inset: 0;
}
.Avid img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
}
.Avid img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Avid .Aicon {
  position: relative;
  z-index: 3;
  pointer-events: none;
}
@media (hover: hover) {
  .Avid:hover img,
  .Avid:focus img {
    transform: scale(1.1);
  }
  .Avid:hover .Aicon,
  .Avid:focus .Aicon {
    background: var(--bghov, #005f4a);
    border-color: var(--brhov, #005f4a);
  }
  .Avid:hover .Aicon svg path,
  .Avid:focus .Aicon svg path {
    fill: var(--fillhov, #fff);
  }
}
.Aequip {
  width: 100%;
  display: grid;
  grid-template-columns: 14rem 1fr;
  gap: 1.6rem;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
@media (max-width: 600px) {
  .Aequip {
    grid-template-columns: 1fr;
  }
}
.Aequip .Aim-cover {
  aspect-ratio: 1/1;
  max-width: 14rem;
}
.Aequip .tags {
  margin-top: 2.4rem;
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.Aequip + .Aequip {
  border-top: 1px solid #dbdbdb;
}
figure {
  width: 100%;
}
.Aim-cover {
  position: relative;
  min-height: 1px;
  width: 100%;
  overflow: hidden;
  border-radius: max(0.8rem, 8px);
  aspect-ratio: var(--ar-w, 16) / var(--ar-h, 9);
}
.Aim-cover .IO {
  position: absolute;
  inset: 0;
}
.Aim-cover img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
}
.Aim-cover img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Aim-cover + figcaption {
  font-weight: 500;
  padding-top: 1.2rem;
  font-size: max(1.4rem, 14px);
  line-height: 1.429;
}
.Aim-auto {
  position: relative;
  min-height: 1px;
  width: 100%;
}
.Aim-auto .IO {
  position: absolute;
  inset: 0;
}
.Aim-auto img {
  width: 100%;
  height: auto;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Aim-auto img:not(.L) {
  opacity: 0;
}
.Aim-auto + figcaption {
  font-weight: 500;
  padding-top: 1.2rem;
  font-size: max(1.4rem, 14px);
  line-height: 1.429;
}
.Aim-rad img {
  border-radius: max(0.8rem, 8px);
}
.Alinklist {
  width: 100%;
}
.Alinklist li {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 1.6rem;
  font-weight: 500;
  gap: 1.2rem;
}
.Alinklist li .AIlink-1 {
  font-weight: 500;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: flex-start;
  max-width: 50%;
  text-align: right;
}
.Alinklist li:nth-child(2n) {
  background: #f5f4ef;
  border-radius: max(0.8rem, 8px);
}
.Ablock {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #005f4a;
  color: #fff;
  border-radius: max(0.8rem, 8px);
  width: 100%;
}
.Ablock .Aicon {
  --bg: #fff;
  --fill: #005f4a;
  --br: #fff;
  pointer-events: none;
}
.Ablock .Abtn {
  --bghov: #fff;
  --bg: transparent;
  --tx: #fff;
  --txhov: #000;
  --br: #fff;
  --brhov: #fff;
}
.Ablock .Abtn-2 {
  --bg: #fff;
  --bghov: transparent;
  --tx: #000;
  --txhov: #fff;
  --br: #fff;
  --brhov: #fff;
}
.Cblock {
  width: 100%;
  display: flex;
  gap: 2.4rem;
  padding-top: 2.4rem;
}
.Atip {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: -1.6rem;
}
.Atip_i {
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.Atip_i svg {
  width: 100%;
}
.Atip_i svg path {
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
}
@media (hover: hover) {
  .Atip_i:hover svg path {
    fill: #00e262;
  }
}
.Atip_i:focus svg path {
  fill: #00e262;
}
.Atip_t {
  position: absolute;
  z-index: 2;
  top: calc(100% + 1.8rem);
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  padding: 0.8rem;
  background: #00e262;
  color: #000;
  font-weight: 500;
  border-radius: max(0.8rem, 8px);
  cursor: default;
  text-align: left;
  max-width: 34rem;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition:
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.45s visibility cubic-bezier(0.55, 0, 0.1, 1);
}
.Atip_t * {
  position: relative;
  z-index: 2;
}
.Atip_t:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: max(0.4rem, 4px);
  transform: translate(-50%, 70%) rotate(45deg);
  background: #00e262;
  z-index: 1;
}
.Atip.A .Atip_t {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.Atable {
  width: 100%;
}
.Atable_h {
  display: table;
  width: 100%;
  font-weight: 500;
}
.Atable_title {
  width: 100%;
  background: #005f4a;
  color: #fff;
  border-top-right-radius: max(0.8rem, 8px);
  border-top-left-radius: max(0.8rem, 8px);
  padding: 0.8rem 1.6rem;
}
.Atable_head {
  display: table-row;
  width: 100%;
  background: #005f4a;
  color: #fff;
}
.Atable_head .Atable_col {
  padding: 0.8rem 1.6rem;
  border: none;
}
.Atable_head .Atable_col:last-child {
  border-top-right-radius: max(0.8rem, 8px);
}
.Atable_head .Atable_col:first-child {
  border-top-left-radius: max(0.8rem, 8px);
}
.Atable_head .Atable_col-bg {
  background: #00e262;
  color: #000;
}
.Atable_row {
  width: 100%;
  display: table-row;
  min-height: 1rem;
  font-weight: 500;
}
.Atable_row:last-child .Atable_col {
  border-bottom: 1px solid #dbdbdb;
}
.Atable_row:last-child .Atable_col:last-child {
  border-bottom-right-radius: max(0.8rem, 8px);
}
.Atable_row:last-child .Atable_col:first-child {
  border-bottom-left-radius: max(0.8rem, 8px);
}
.Atable_col {
  display: table-cell;
  min-height: 1rem;
  min-width: 15.6rem;
  max-width: 50%;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  padding: 1.6rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Atable_col {
    min-width: 18rem;
  }
}
.Atable_col a {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    0 1px,
    100% 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.Atable_col a:hover,
.Atable_col a:focus {
  background-size:
    100% 1px,
    0 1px;
}
.Atable_col:last-child {
  border-right: 1px solid #dbdbdb;
}
.Atable_col.c2 {
  width: 16.6666666667%;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Atable_col.c2 {
    min-width: 20rem;
  }
}
.Atable_col.c3 {
  width: 25%;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Atable_col.c3 {
    min-width: 20rem;
  }
}
.Atable_col.c4 {
  width: 33.3333333333%;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Atable_col.c4 {
    min-width: 30rem;
  }
}
.Atable_col.c5 {
  width: 41.6666666667%;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Atable_col.c5 {
    min-width: 40rem;
  }
}
.Atable_col.c6 {
  width: 50%;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Atable_col.c6 {
    min-width: 50rem;
  }
}
.Atable_col-bg {
  background: #f5f4ef;
}
.Atable:has(:not(.Atable_head)) .Atable_row:first-child .Atable_col:first-child,
.Atable:has(:not(.Atable_title)) .Atable_row:first-child .Atable_col:first-child {
  border-top-left-radius: max(0.8rem, 8px);
}
.Atable:has(:not(.Atable_head)) .Atable_row:first-child .Atable_col:last-child,
.Atable:has(:not(.Atable_title)) .Atable_row:first-child .Atable_col:last-child {
  border-top-right-radius: max(0.8rem, 8px);
}
.Afield_h {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  border-radius: max(1rem, 10px);
  border: 1px solid #dbdbdb;
  background: #fff;
  color: #000;
  padding: 0.7rem 1.1rem;
  min-height: 4.6rem;
  width: 100%;
  transition:
    0.3s color cubic-bezier(0.55, 0, 0.1, 1),
    0.3s border-color cubic-bezier(0.55, 0, 0.1, 1);
}
.Afield_npt {
  width: 100%;
}
.Afield_npt::placeholder {
  color: #9699a3;
  transition: 0.3s color cubic-bezier(0.55, 0, 0.1, 1);
}
.Afield_npt:focus::placeholder {
  color: transparent;
}
.Afield button {
  flex-shrink: 0;
}
.Afield_lbl {
  font-size: max(1.2rem, 12px);
  line-height: 1.833;
  font-weight: 500;
  transition: 0.3s color cubic-bezier(0.55, 0, 0.1, 1);
}
.Afield_err {
  font-size: max(1.2rem, 12px);
  line-height: 1.833;
  color: #ff303c;
  font-weight: 500;
  opacity: 0;
  transition: 0.3s opacity cubic-bezier(0.55, 0, 0.1, 1);
  pointer-events: none;
}
.Afield_icons {
  display: grid;
  grid-template-columns: 1fr;
}
.Afield_i {
  grid-area: 1/1;
  display: flex;
  align-items: center;
  width: 2.4rem;
  flex-shrink: 0;
  transition: 0.3s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Afield_i-srch svg *:not(g) {
  fill: #000;
}
.Afield_i-err,
.Afield_i-ok {
  opacity: 0;
  pointer-events: none;
}
.Afield-cal {
  position: relative;
}
.Afield-cal:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4.8rem;
  bottom: 0;
  width: 1px;
  background: #dbdbdb;
}
.Afield-cal .Afield_npt {
  padding-left: 4.4rem;
  position: relative;
}
.Afield-cal .Afield_npt::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #f006;
  opacity: 0;
  cursor: pointer;
}
.Afield-cal .Afield_i-cal {
  position: absolute;
  left: 1.2rem;
  pointer-events: none;
}
.Afield-cal .Afield_i-cal svg *:not(g) {
  fill: #000;
}
.Afield.err .Afield_h {
  color: #ff303c;
}
.Afield.err .Afield_npt::placeholder {
  color: #ff303c;
}
.Afield.err .Afield_lbl {
  color: #ff303c;
}
.Afield.err .Afield_err,
.Afield.err .Afield_i-err,
.Afield.ok .Afield_i-ok {
  opacity: 1;
}
.Afield.foc .Afield_h {
  border-color: #005f4a;
}
.Afield.or,
.Afield.or * {
  pointer-events: none;
}
.Afield.or .Afield_h {
  background: #efefef;
  color: #9699a3;
}
.Afield.dis {
  pointer-events: none;
  opacity: 0.5;
}
.Afield.dis * {
  pointer-events: none;
}
.ldr {
  z-index: 290;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #005f4a;
  --LDRt: 100%;
  --LDRb: 100%;
  --LDRx: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(0 0, var(--LDRt) 0, var(--LDRb) 100%, 0% 100%);
}
.ldr:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 200%;
  background: #00e262;
  transform: rotate(25deg) translate(var(--LDRx), -25%);
}
.ldr_box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ldr_i {
  width: 12rem;
  position: relative;
  aspect-ratio: 67/36;
}
.ldr_i > div {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.ldr_i svg {
  max-width: 12rem;
  width: 12rem;
  position: absolute;
  top: 0;
}
.ldr_i_pl {
  left: 0;
  right: 50%;
}
.ldr_i_pl svg {
  left: 0;
  transform: translate(50%);
}
.ldr_i_pr {
  right: 0;
  left: 50%;
}
.ldr_i_pr svg {
  right: 0;
  transform: translate(-50%);
}
.ldr_t {
  margin-left: 1.6rem;
}
.ldr_t .line {
  position: relative;
  overflow: hidden;
  color: #fff;
}
.ldr_t .line span {
  font-size: 2.4rem;
  line-height: 1;
  display: block;
  position: relative;
  transform: translateY(110%);
}
.skipMain {
  position: fixed;
  top: 1.6rem;
  left: 1.6rem;
  z-index: 500;
  opacity: 0;
  z-index: 56;
  pointer-events: none;
}
.skipMain:focus {
  opacity: 1;
  pointer-events: all;
}
.fixBtn {
  position: fixed;
  z-index: 45;
  right: 1.6rem;
  top: calc(100dvh - 1.6rem);
  transform: translateY(-100%);
}
.alertMsg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #ff303c;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-items: center;
  align-items: center;
  text-align: center;
}
.alertMsg .grid-vw {
  display: flex;
  justify-content: center;
  align-items: center;
}
.alertMsg_desktop,
.alertMsg_mobile {
  position: relative;
}
@media (min-width: 1195px) {
  .alertMsg .alertMsg_desktop {
    display: block;
  }
  .alertMsg .alertMsg_mobile {
    display: none;
  }
}
@media (max-width: 1194px) {
  .alertMsg .alertMsg_desktop {
    display: none;
  }
  .alertMsg .alertMsg_mobile {
    display: block;
  }
}
.alertMsg em {
  margin-right: .4em;
}
.alertMsg em .icon {
  position: relative;
  width: 2rem;
  height: 1em;
  display: inline-block;
}
.alertMsg em svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.alertMsg em svg path {
  fill: #fff;
}
.alertMsg p {
  display: inline;
}
.alertMsg p u,
.alertMsg p a {
  background-image: linear-gradient(#fff0, #fff0), linear-gradient(#fff, #fff);
}
.head {
  position: fixed;
  top: var(--navtop, 0);
  left: 0;
  right: 0;
  z-index: 55;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6.8rem;
  border-bottom: 1px solid #efefef;
  margin: 0 auto;
  padding: 1.6rem var(--padgutxl);
}
.head_logo {
  width: 14.1rem;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  position: relative;
  z-index: 2;
}
.head_logo svg {
  width: 100%;
}
.head_logo svg *:not(g) {
  transition: 0.45s fill cubic-bezier(0.55, 0, 0.1, 1);
}
@media (hover: hover) {
  .head_logo:hover {
    opacity: 0.8;
  }
}
.head_r {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
  z-index: 2;
}
.head_r * {
  pointer-events: all;
}
.head_r .head_faq {
  font-weight: 500;
  color: #005f4a;
}
.head_r .head_faq:hover {
  color: #ffffff;
}
.head_brg {
  display: none;
  position: relative;
}
.head_brg .Anav_x {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
}
.head_brg .Anav_x:before,
.head_brg .Anav_x:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg) scaleX(var(--brgscale, 0));
  transform-origin: center;
  width: 100%;
  height: 2px;
  background: var(--fill);
  transition: 0.45s background cubic-bezier(0.55, 0, 0.1, 1);
}
.head_brg .Anav_x:after {
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(var(--brgscale, 0));
}
@media (max-width: 1194px) {
  .head_brg {
    display: inline-flex;
    cursor: pointer;
  }
}
@media (hover: hover) {
  .head_brg:hover .Anav_x:before,
  .head_brg:hover .Anav_x:after {
    background: var(--fillhov);
  }
}
@media (max-width: 1194px) {
  .head_srch,
  .head_chat {
    display: none;
  }
}
.nav {
  position: fixed;
  left: 0;
  top: var(--navtop, 0);
  right: 0;
  z-index: 1;
}
@media (min-width: 1195px) {
  .nav {
    display: grid;
    grid-template-columns: 20rem 95rem;
    justify-content: center;
    padding: 6.8rem var(--padgrid) 0;
    gap: 8.5rem;
  }
  .nav:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100vw;
    background: #fff;
    z-index: 0;
    transition: 0.45s bottom cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.4rem 0.4rem #0000000d;
  }
  .nav_ops {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.4rem;
    position: fixed;
    top: var(--navtop, 0);
    left: 0;
    right: 0;
    min-height: 6.8rem;
    z-index: 3;
    pointer-events: all;
  }
  .nav_ops_el {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: max(1.4rem, 14px);
    line-height: 1.714;
    color: #005f4a;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
  }
  .nav_ops_el:before {
    content: "";
    position: absolute;
    inset: 0 -0.4rem;
    background: #00e262;
    z-index: -1;
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: left;
    transform: scaleX(0);
  }
  .nav_ops_el .icon {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: center;
  }
}
@media (min-width: 1195px) and (hover: hover) {
  .nav_ops_el:hover .icon {
    transform: scaleY(-1);
  }
  .nav_ops_el:hover:before {
    transform: scaleX(1);
  }
}
@media (min-width: 1195px) and (hover: none) {
  .nav_ops_el a {
    pointer-events: none;
  }
}
@media (min-width: 1195px) {
  .nav_ops_el.act .icon {
    transform: scaleY(-1);
  }
  .nav_ops_el.act:before {
    transform: scaleX(1);
  }
  .nav_media {
    padding: 2.4rem 0;
    position: relative;
    z-index: 2;
    transition:
      0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
      0.45s visibility cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_media .im {
    aspect-ratio: 200/228;
    width: 100%;
    min-width: 20rem;
    position: relative;
    border-radius: max(0.8rem, 8px);
    overflow: hidden;
  }
  .nav_media .im img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
      0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
      0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_media .im img:not(.act) {
    opacity: 0;
    transform: scale(1.1);
  }
  .nav_media .logo {
    width: 13rem;
    margin-top: 2.4rem;
  }
  .nav_menu {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    font-size: 1.6rem;
    line-height: 1.5;
    justify-items: start;
    transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el {
    --height: auto;
    grid-area: 1/1;
    transition: 0.3s opacity cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el:not(.act) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .nav_menu_el:not(.act) * {
    visibility: hidden;
    pointer-events: none;
  }
  .nav_menu_el .top {
    display: none;
  }
}
@media (min-width: 1195px) and (hover: none) {
  .nav_menu_el .top {
    display: block;
    padding: 2.4rem 1.6rem 0;
  }
  .nav_menu_el .top button {
    display: none;
  }
  .nav_menu_el .top a {
    font-weight: 600;
    text-decoration: underline;
  }
}
@media (min-width: 1195px) {
  .nav_menu_el:not(.sub) .hold {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    align-content: start;
    align-items: start;
    gap: 0 0.8rem;
    max-height: var(--height);
    max-width: 96.4rem;
    padding: 2.4rem 0;
  }
}
@media (min-width: 1195px) and (hover: none) {
  .nav_menu_el:not(.sub) .hold {
    padding-top: 1.2rem;
  }
}
@media (min-width: 1195px) {
  .nav_menu_el .opt {
    padding: 1.2rem 1.6rem;
    width: 100%;
    max-width: 32rem;
    min-height: 7.6rem;
    border-radius: 0.8rem;
    transition: 0.45s background cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el .opt_tt {
    width: 100%;
    font-weight: 600;
    gap: 0.8rem;
  }
  .nav_menu_el .opt_tt svg {
    width: 2.4rem;
    opacity: 0;
    transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el .opt_tx {
    margin-top: 0.4rem;
    font-weight: 500;
    color: #6f7279;
  }
}
@media (min-width: 1195px) and (hover: hover) {
  .nav_menu_el .opt:hover {
    background: #f5f4ef;
  }
  .nav_menu_el .opt:hover svg {
    opacity: 1;
  }
}
@media (min-width: 1195px) {
  .nav_menu_el .opt.act {
    background: #f5f4ef;
  }
  .nav_menu_el .opt.act svg {
    opacity: 1;
  }
  .nav_menu_el.sub {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    padding: 0;
  }
  .nav_menu_el.sub .sub_main {
    padding-right: 4rem;
  }
  .nav_menu_el.sub .sub_main .hold {
    display: flex;
    flex-direction: column;
    gap: 0 0.8rem;
    max-height: var(--height);
    max-width: 96.4rem;
    padding: 2.4rem 0;
  }
}
@media (min-width: 1195px) and (hover: none) {
  .nav_menu_el.sub .sub_main .hold {
    padding-top: 1.2rem;
  }
}
@media (min-width: 1195px) {
  .nav_menu_el.sub .sub_main .opt {
    min-width: 31rem;
  }
  .nav_menu_el.sub .sub_main .opt_tt {
    display: flex;
    justify-content: space-between;
  }
  .nav_menu_el.sub .sub_menu {
    height: 100%;
    border-left: 1px solid #dbdbdb;
    padding: 2.4rem 0 2.4rem 4rem;
    display: grid;
    grid-template-columns: 1fr;
  }
  .nav_menu_el.sub .sub_menu_el {
    grid-area: 1/1;
    transition: 0.45s opacity 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el.sub .sub_menu_el:not(.act) {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
  }
  .nav_menu_el.sub .sub_menu_el a {
    display: inline-block;
    padding: 0.8rem 1.6rem;
    font-weight: 500;
    border-radius: max(0.8rem, 8px);
    transition: 0.45s background cubic-bezier(0.55, 0, 0.1, 1);
  }
}
@media (min-width: 1195px) and (hover: hover) {
  .nav_menu_el.sub .sub_menu_el a:hover {
    background-color: #f5f4ef;
  }
}
@media (min-width: 1195px) {
  .nav_menu_el.sub .sub_menu_el a.act {
    background-color: #f5f4ef;
  }
  .nav_menu_el.sub .sub_menu_el .subtop {
    display: none;
  }
  .nav_menu_el.sub .sub_menu_el .hold {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0 2.4rem;
    max-height: 30rem;
  }
  .nav_menu_el.sub .sub_menu_el .top,
  .nav_btns {
    display: none;
  }
}
@media (max-width: 1194px) {
  .nav {
    bottom: 0;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    padding: 9.2rem var(--padgrid) 0;
  }
  .nav:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100vw;
    background: #fff;
    z-index: 0;
    transition:
      0.45s bottom cubic-bezier(0.55, 0, 0.1, 1),
      0.45s background-color cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_ops {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2.4rem;
    transition:
      0.45s opacity cubic-bezier(0.55, 0, 0.1, 1),
      0.45s visibility cubic-bezier(0.55, 0, 0.1, 1);
    grid-area: 1/1;
    overflow: scroll;
  }
  .nav_ops.hide {
    opacity: 0;
    transition-delay: 0s;
    visibility: hidden;
    pointer-events: none;
  }
  .nav_ops.hide * {
    pointer-events: none;
  }
  .nav_ops_el {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: max(2.4rem, 24px);
    line-height: 1.333;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    cursor: pointer;
  }
  .nav_ops_el:before {
    content: "";
    position: absolute;
    inset: 0 -0.4rem;
    background: #00e262;
    z-index: -1;
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: left;
    transform: scaleX(0);
  }
  .nav_ops_el .icon {
    width: max(2.4rem, 24px);
    height: max(2.4rem, 24px);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-90deg);
  }
  .nav_ops_el .icon svg {
    width: 100%;
  }
  .nav_ops_el .icon svg path {
    fill: #fff;
  }
  .nav_ops_el a,
  .nav_ops_el button {
    pointer-events: none;
  }
  .nav_media {
    display: none;
  }
  .nav_menu {
    position: relative;
    z-index: 5;
    grid-area: 1/1;
    display: grid;
    grid-template-columns: 1fr;
    font-size: 1.6rem;
    line-height: 1.5;
    justify-items: start;
    transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
    pointer-events: none;
  }
  .nav_menu_el {
    grid-area: 1/1;
    width: 100%;
    transition:
      0.45s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
      0.45s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1),
      0.45s visibility 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    pointer-events: all;
  }
  .nav_menu_el:not(.act) {
    opacity: 0;
    transition-delay: 0s;
    transform: translate(3.2rem);
    pointer-events: none;
    visibility: hidden;
  }
  .nav_menu_el:not(.act) * {
    pointer-events: none;
  }
  .nav_menu_el .top {
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: min(1.6rem, 16px);
    line-height: 1.5;
  }
  .nav_menu_el .top a {
    text-decoration: underline;
  }
  .nav_menu_el .top button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
  }
  .nav_menu_el .top button svg {
    width: 2.4rem;
    transform: rotate(90deg);
  }
  .nav_menu_el .top button svg path {
    fill: #fff;
  }
  .nav_menu_el .hold {
    margin-top: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    overflow: scroll;
    max-height: calc(100dvh - 28.6rem);
    width: 100%;
    padding-bottom: 4rem;
  }
  .nav_menu_el .opt {
    font-size: max(2.4rem, 24px);
    line-height: 1.333;
    color: #fff;
  }
  .nav_menu_el .opt_tt {
    width: 100%;
    gap: 0.8rem;
  }
  .nav_menu_el .opt_tt svg {
    width: 2.4rem;
    opacity: 0;
    transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el .opt_tx {
    display: none;
  }
  .nav_menu_el.sub {
    display: grid;
    grid-template-columns: 1fr;
    align-items: normal;
  }
  .nav_menu_el.sub .sub_main {
    grid-area: 1/1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    overflow: scroll;
    max-height: calc(100vh - 22.8rem);
    width: 100%;
    padding-bottom: 4rem;
    transition:
      0.45s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
      0.45s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1),
      0.45s visibility 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_menu_el.sub .sub_main .hold {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    overflow: scroll;
    max-height: calc(100dvh - 28.6rem);
    width: 100%;
    padding-bottom: 4rem;
  }
  .nav_menu_el.sub .sub_main .opt {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .nav_menu_el.sub .sub_main .opt_tt {
    display: flex;
    justify-content: space-between;
  }
  .nav_menu_el.sub .sub_main .opt svg {
    opacity: 1;
  }
  .nav_menu_el.sub .sub_main .opt svg path {
    fill: #fff;
  }
  .nav_menu_el.sub .sub_main.hide {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0s;
    visibility: hidden;
  }
  .nav_menu_el.sub .sub_main.hide * {
    pointer-events: none;
  }
  .nav_menu_el.sub .sub_menu {
    grid-area: 1/1;
    display: grid;
    grid-template-columns: 1fr;
    pointer-events: none;
    position: relative;
    z-index: 4;
  }
  .nav_menu_el.sub .sub_menu_el {
    grid-area: 1/1;
    transition:
      0.45s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
      0.45s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1),
      0.45s visibility 0.2s cubic-bezier(0.55, 0, 0.1, 1);
    background: #005f4a;
  }
  .nav_menu_el.sub .sub_menu_el:not(.act) {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
    transform: translate(3.2rem);
    visibility: hidden;
  }
  .nav_menu_el.sub .sub_menu_el:not(.act) * {
    pointer-events: none;
  }
  .nav_menu_el.sub .sub_menu_el.act,
  .nav_menu_el.sub .sub_menu_el.act * {
    pointer-events: all;
  }
  .nav_menu_el.sub .sub_menu_el .hold {
    margin-top: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    overflow: scroll;
    max-height: calc(100dvh - 28.6rem);
    width: 100%;
    padding-bottom: 4rem;
    font-size: max(2.4rem, 24px);
    line-height: 1.333;
    color: #fff;
  }
  .nav_menu_el.sub .sub_menu_el .subtop {
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: min(1.6rem, 16px);
    line-height: 1.5;
  }
  .nav_menu_el.sub .sub_menu_el .subtop a {
    text-decoration: underline;
  }
  .nav_menu_el.sub .sub_menu_el .subtop button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
  }
  .nav_menu_el.sub .sub_menu_el .subtop button svg {
    width: 2.4rem;
    transform: rotate(90deg);
  }
  .nav_menu_el.sub .sub_menu_el .subtop button svg path {
    fill: #fff;
  }
  .nav_menu_el.sub .sub_menu_el a {
    display: inline-block;
    font-weight: 500;
  }
}
@media (max-width: 1194px) and (hover: hover) {
  .nav_menu_el.sub .sub_menu_el a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 1194px) {
  .nav_btns {
    position: relative;
    z-index: 3;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    padding: 2.4rem 0;
    transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  }
  .nav_btns:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    height: 1px;
    width: 100vw;
    background: #fff;
  }
  .nav_btns_el {
    display: flex;
    gap: 1.2rem;
    font-size: max(1.6rem, 16px);
    line-height: 1.5;
    font-weight: 500;
    pointer-events: all;
  }
  .nav_btns_el i {
    width: max(2.4rem, 24px);
  }
  .nav_btns_el i svg path {
    fill: #fff;
  }
}
@media (max-width: 1194px) {
  html:not(.A-nav) .head_logo svg *:not(g) {
    transition-delay: 0.3s;
  }
}
html:not(.A-nav) .nav {
  pointer-events: none;
}
html:not(.A-nav) .nav:before {
  bottom: calc(100% - 6.8rem);
  transition:
    0.45s bottom 0.3s cubic-bezier(0.55, 0, 0.1, 1),
    0.45s background-color 0.45s cubic-bezier(0.55, 0, 0.1, 1);
}
html:not(.A-nav) .nav_media,
html:not(.A-nav) .nav_menu {
  opacity: 0;
  transition-delay: 0s;
}
@media (max-width: 1194px) {
  html:not(.A-nav) .nav {
    pointer-events: none;
  }
  html:not(.A-nav) .nav * {
    pointer-events: none;
  }
  html:not(.A-nav) .nav_ops,
  html:not(.A-nav) .nav_btns {
    opacity: 0;
  }
}
@media (max-width: 1194px) {
  html.A-nav .head_logo svg *:not(g) {
    fill: #fff;
  }
  html.A-nav .head_brg {
    --bg: #1a6f5c;
    --bghov: #fff;
    --fill: #fff;
    --fillhov: #005f4a;
  }
  html.A-nav .head_login {
    --bg: #fff;
    --bghov: #1a6f5c;
    --fill: #005f4a;
    --fillhov: #fff;
  }
}
html.A-nav .nav {
  pointer-events: all;
}
html.A-nav .nav:before {
  bottom: 0;
  transition-delay: 0s;
}
@media (max-width: 1194px) {
  html.A-nav .nav:before {
    background-color: #005f4a;
  }
}
html.A-nav .nav_media,
html.A-nav .nav_menu {
  opacity: 1;
  transition-delay: 0.3s;
}
@media (max-width: 1194px) {
  html.A-nav .nav_ops,
  html.A-nav .nav_btns {
    transition-delay: 0.15s;
  }
  html.A-nav .nav_ops.hide {
    transition-delay: 0s;
  }
  html.A-nav .nav_menu {
    transition-delay: 0.15s;
  }
}
.foot {
  margin-top: 8rem;
  padding-top: 12rem;
  padding-bottom: 12rem;
  background: #005f4a;
  color: #fff;
}
@media (max-width: 1194px) {
  .foot {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.foot .grid-vw {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.foot_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.foot_t_l {
  width: 14.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_t_r {
  width: 13.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_t svg *:not(g) {
  fill: #fff;
}
.foot_m {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 29rem;
  gap: 2.4rem;
}
@media (max-width: 1194px) {
  .foot_m {
    grid-template-columns: 1fr;
  }
}
.foot_m_el {
  font-weight: 500;
}
.foot_m_el.Tab {
  max-width: 21rem;
}
.foot_m_el .Tab_c {
  pointer-events: none;
  font-weight: 700;
  cursor: pointer;
  display: none;
}
.foot_m_el .Tab_b ul {
  padding-top: 1.6rem;
}
.foot_m_el .Tab_b ul li + li {
  margin-top: 1.6rem;
}
.foot_m_el .Tab_b ul li a {
  --underlineWidth: 1px;
  --blockLength: 0.75;
  --uC: #fff;
  background-image: linear-gradient(var(--uCout), var(--uCout)), linear-gradient(var(--uC), var(--uC));
  background-size:
    100% 1px,
    0 1px;
  background-position:
    100% 100%,
    0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  display: inline-flex;
  align-items: center;
}
.foot_m_el .Tab_b ul li a svg {
  width: 2.4rem;
}
.foot_m_el .Tab_b ul li a:hover,
.foot_m_el .Tab_b ul li a:focus {
  background-size:
    0 1px,
    100% 1px;
}
.foot_m_el .Tab_b a {
  --uC: #fff;
}
@media (max-width: 1194px) {
  .foot_m_el.Tab {
    max-width: 100%;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #fff;
  }
  .foot_m_el .Tab_c {
    pointer-events: all;
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    align-items: center;
    width: 100%;
  }
  .foot_m_el .Tab_c_plus {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
  }
  .foot_m_el .Tab_c_plus:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    top: calc(50% - 1px);
    left: 0;
  }
  .foot_m_el .Tab_c_plus:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #fff;
    top: 0;
    left: calc(50% - 1px);
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: center;
  }
  .foot_m_el .Tab_h {
    height: 0;
    overflow: hidden;
  }
  .foot_m_el.A .Tab_c_plus:after {
    transform: scaleY(0);
  }
}
.foot_m_el:first-child .Tab_c {
  display: none;
}
@media (max-width: 1194px) {
  .foot_m_el:first-child .Tab_c {
    /* display: flex; */
    display: none;
  }
  .foot_m_el:first-child .Tab_b {
    padding-top: 1.6rem;
  }
}
.foot_m_el-newsletter {
  width: 100%;
}
.foot_m_el-newsletter p {
  font-weight: 600;
}
.foot_m_el-newsletter form {
  margin-top: 2.2rem;
}
.foot_m_el-newsletter .Abtn {
  margin-top: 2.2rem;
  width: 100%;
}
.foot_b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.4rem;
  padding-top: 4rem;
  border-top: 1px solid #fff;
}
@media (max-width: 1194px) {
  .foot_b {
    flex-direction: column-reverse;
    border: none;
    padding-top: 0;
  }
}
.foot_b_r {
  display: flex;
  gap: 3.6rem;
}
@media (max-width: 1194px) {
  .foot_b_r {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #fff;
  }
}
.foot_b_r .Asocial {
  --bghov: #1a6f5c;
}
.foot a:focus,
.foot button:focus {
  outline: 1px solid #fff;
}
.mdl {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 64;
  display: block;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  contain: strict;
  display: inline-block;
  height: 20px;
  inset: 0;
  margin: auto;
  position: absolute;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.splide {
  position: relative;
}
.splide__track {
  cursor: grab;
}
.modalVid {
  position: fixed;
  inset: 0;
  min-width: 100vw;
  min-height: 100vh;
  z-index: 1000;
  background: #000c;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: bottom;
}
.modalVid_close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  transform: rotate(45deg);
  font-weight: 500;
  background: var(--bg, #005f4a);
  color: var(--tx, #fff);
  padding: max(1.1rem, 11px) max(1.6rem, 16px);
  border: 1px solid var(--br, #005f4a);
  transition:
    0.45s background cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  cursor: pointer;
}
.modalVid_close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20%;
  right: 20%;
  transform: translateY(-50%);
  height: 2px;
  background: #fff;
  transition: 0.45s background cubic-bezier(0.55, 0, 0.1, 1);
}
.modalVid_close:after {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  bottom: 20%;
  transform: translate(-50%);
  width: 2px;
  background: #fff;
  transition: 0.45s background cubic-bezier(0.55, 0, 0.1, 1);
}
@media (hover: hover) {
  .modalVid_close:hover {
    background: #fff;
  }
  .modalVid_close:hover:before,
  .modalVid_close:hover:after {
    background: #005f4a;
  }
}
.modalVid_video {
  width: 100%;
  height: 100%;
  max-height: 80vh;
  background: #000;
  object-fit: content;
  object-position: center;
  opacity: 0;
}
.Ctestimonials .grid-vw {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
/* .Ctestimonials .h3{
    font-size: max(1.6rem, 16px) !important;
  } */

  p.h3{
    font-size: max(1.6rem, 16px) !important;

  }


@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctestimonials .grid-vw {
    padding-top: 1.6rem;
    padding-bottom: 4rem;
  }

  /* .Ctestimonials p .h3{
    font-size: max(1.6rem, 16px) !important;
  } */
}
.Ctestimonials .grid-vw .hold {
  border-radius: max(0.8rem, 8px);
  background: #f5f4ef;
  padding: 10.4rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  min-height: 65.4rem;
  gap: 12rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctestimonials .grid-vw .hold {
    grid-template-columns: 1fr;
    gap: 2.6rem;
    padding: 1.6rem 1.6rem 4rem;
  }
}
.Ctestimonials .grid-vw .hold_imgs {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}
.Ctestimonials .grid-vw .hold_imgs .im {
  grid-area: 1/1;
  width: 100%;
  aspect-ratio: 296/327;
  border-radius: max(0.8rem, 8px);
  overflow: hidden;
  position: relative;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctestimonials .grid-vw .hold_imgs .im {
    aspect-ratio: 1/1;
  }
}
.Ctestimonials .grid-vw .hold_imgs .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Ctestimonials .grid-vw .hold_imgs .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform cubic-bezier(0.55, 0, 0.1, 1);
  opacity: 0;
  transform: scale(1.1);
}
.Ctestimonials .grid-vw .hold_imgs .im.act img.L {
  transition-delay: 0.2s;
  opacity: 1;
  transform: scale(1);
}
.Ctestimonials .grid-vw .hold_imgs .Apoit {
  position: absolute;
  left: 9rem;
  top: 28rem;
  transform: rotate(15deg);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctestimonials .grid-vw .hold_imgs .Apoit {
    display: none;
  }
}
.Ctestimonials .grid-vw .hold_info_top {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  overflow: hidden;
}
.Ctestimonials .grid-vw .hold_info_bot {
  position: relative;
  border-top: 1px solid #000;
  padding-top: 3.2rem;
  margin-top: 3.2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctestimonials .grid-vw .hold_info_bot {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 2.4rem;
    margin-top: 2.4rem;
  }
}
.Ctestimonials .grid-vw .hold_text {
  position: absolute;
  grid-area: 1/1;
  opacity: 0;
  pointer-events: none;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  width: 100%;
}
.Ctestimonials .grid-vw .hold_text.act {
  pointer-events: all;
  opacity: 1;
  position: relative;
}
.Ctestimonials .grid-vw .hold_aut {
  position: relative;
  width: 100%;
}
.Ctestimonials .grid-vw .hold_aut_el {
  position: absolute;
  opacity: 0;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
  pointer-events: none;
  width: 100%;
}
.Ctestimonials .grid-vw .hold_aut_el.act {
  pointer-events: all;
  opacity: 1;
  position: relative;
}
.Ctestimonials .grid-vw .hold_aut_el .name {
  font-weight: 600;
}
.Ctestimonials .grid-vw .hold_pag {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.Ctestimonials .grid-vw .hold_pag .Prev svg {
  transform: scale(-1);
}
.Cslider {
  padding-top: 12.8rem;
  overflow: hidden;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cslider {
    padding-top: 4rem;
  }
}
.Cslider .grid-vw {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 4rem 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cslider .grid-vw {
    grid-template-columns: 1fr;
  }
}
.Cslider .tit {
  color: #005f4a;
}
.Cslider .tit.center {
  text-align: center;
}
.Cslider .pag {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  justify-content: flex-end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cslider .pag {
    order: 3;
    justify-content: center;
  }
}
.Cslider .pag .TL svg {
  transform: scaleX(-1);
}
.Cslider .splide {
  grid-column: 1 / span 2;
  position: relative;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cslider .splide {
    grid-column: auto;
    width: calc(100vw - var(--padgut) * 2);
  }
}
.Cslider .splide__track {
  cursor: grab;
  overflow: visible;
}
.Cslider .splide__slide {
  width: 39.1rem;
  max-width: 85vw;
}
.CstickyTab {
  padding-top: 4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .CstickyTab {
    padding-top: 1.6rem;
  }
}
.CstickyTab .grid-vw-s,
.CstickyTab .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12rem;
  position: relative;
}
@media (max-width: 1194px) {
  .CstickyTab .grid-vw-s,
  .CstickyTab .grid-vw {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.CstickyTab .grid-vw-s .stck,
.CstickyTab .grid-vw .stck {
  order: 2;
  position: relative;
}
@media (max-width: 1194px) {
  .CstickyTab .grid-vw-s .stck,
  .CstickyTab .grid-vw .stck {
    order: 1;
  }
}
.CstickyTab .grid-vw-s .stck_h,
.CstickyTab .grid-vw .stck_h {
  position: sticky;
  top: 10rem;
  max-height: calc(100vh - 12rem);
  overflow: scroll;
}
.CstickyTab .grid-vw-s .stck_h .Atab,
.CstickyTab .grid-vw .stck_h .Atab {
  --tx: #005f4a;
  color: var(--tx, #005f4a);
  padding: 0;
}
.CstickyTab .grid-vw-s .stck_h .Atab + .Atab,
.CstickyTab .grid-vw .stck_h .Atab + .Atab {
  margin-top: 4rem;
}
.CstickyTab .grid-vw-s .stck_h .Atab_c,
.CstickyTab .grid-vw .stck_h .Atab_c {
  pointer-events: none;
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 1195px) {
  .CstickyTab .grid-vw-s .stck_h .Atab_c_plus,
  .CstickyTab .grid-vw .stck_h .Atab_c_plus {
    display: none;
  }
}
@media (min-width: 1195px) {
  .CstickyTab .grid-vw-s .stck_h .Atab_h,
  .CstickyTab .grid-vw .stck_h .Atab_h {
    height: auto !important;
  }
}
.CstickyTab .grid-vw-s .stck_h .Atab_b,
.CstickyTab .grid-vw .stck_h .Atab_b {
  visibility: visible;
  padding-top: 0.4rem;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b .hold,
.CstickyTab .grid-vw .stck_h .Atab_b .hold {
  width: 100%;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul,
.CstickyTab .grid-vw .stck_h .Atab_b ul {
  padding-top: 1.6rem;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li,
.CstickyTab .grid-vw .stck_h .Atab_b ul li {
  border-bottom: 1px solid var(--tx, #005f4a);
  padding-bottom: 1.6rem;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li + li,
.CstickyTab .grid-vw .stck_h .Atab_b ul li + li {
  margin-top: 1.6rem;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li a,
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li button,
.CstickyTab .grid-vw .stck_h .Atab_b ul li a,
.CstickyTab .grid-vw .stck_h .Atab_b ul li button {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 1.2rem;
  font-weight: 500;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li a.ALKm,
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li a.A,
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li button.ALKm,
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li button.A,
.CstickyTab .grid-vw .stck_h .Atab_b ul li a.ALKm,
.CstickyTab .grid-vw .stck_h .Atab_b ul li a.A,
.CstickyTab .grid-vw .stck_h .Atab_b ul li button.ALKm,
.CstickyTab .grid-vw .stck_h .Atab_b ul li button.A {
  pointer-events: none;
  opacity: 0.5;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li a i,
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li button i,
.CstickyTab .grid-vw .stck_h .Atab_b ul li a i,
.CstickyTab .grid-vw .stck_h .Atab_b ul li button i {
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li a i svg *:not(g),
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li button i svg *:not(g),
.CstickyTab .grid-vw .stck_h .Atab_b ul li a i svg *:not(g),
.CstickyTab .grid-vw .stck_h .Atab_b ul li button i svg *:not(g) {
  fill: var(--tx, #005f4a);
}
@media (hover: hover) {
  .CstickyTab .grid-vw-s .stck_h .Atab_b ul li a:hover,
  .CstickyTab .grid-vw-s .stck_h .Atab_b ul li button:hover,
  .CstickyTab .grid-vw .stck_h .Atab_b ul li a:hover,
  .CstickyTab .grid-vw .stck_h .Atab_b ul li button:hover {
    opacity: 0.5;
  }
}
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li a:focus,
.CstickyTab .grid-vw-s .stck_h .Atab_b ul li button:focus,
.CstickyTab .grid-vw .stck_h .Atab_b ul li a:focus,
.CstickyTab .grid-vw .stck_h .Atab_b ul li button:focus {
  opacity: 0.5;
}
@media (max-width: 1194px) {
  .CstickyTab .grid-vw-s .stck_h .Atab,
  .CstickyTab .grid-vw .stck_h .Atab {
    max-width: 100%;
    padding-top: 1.6rem;
    border-bottom: 1px solid var(--tx, #005f4a);
    border-top: 1px solid var(--tx, #005f4a);
  }
  .CstickyTab .grid-vw-s .stck_h .Atab + .Atab,
  .CstickyTab .grid-vw .stck_h .Atab + .Atab {
    border-top: none;
    margin-top: 0;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_c,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_c {
    pointer-events: all;
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    align-items: center;
    width: 100%;
    padding-bottom: 1.6rem;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_c_plus,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_c_plus {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_c_plus:before,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_c_plus:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--tx, #005f4a);
    top: calc(50% - 1px);
    left: 0;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_c_plus:after,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_c_plus:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: var(--tx, #005f4a);
    top: 0;
    left: calc(50% - 1px);
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: center;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_h,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_h {
    height: 0;
    overflow: hidden;
    max-height: auto;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_b,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_b {
    padding-top: 0;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab .Atab_b ul li:last-child,
  .CstickyTab .grid-vw .stck_h .Atab .Atab_b ul li:last-child {
    border-bottom: none;
  }
  .CstickyTab .grid-vw-s .stck_h .Atab.A .Atab_c_plus:after,
  .CstickyTab .grid-vw .stck_h .Atab.A .Atab_c_plus:after {
    transform: scaleY(0);
  }
}
.CstickyTab .grid-vw-s .mainHold,
.CstickyTab .grid-vw .mainHold {
  position: relative;
}
@media (max-width: 1194px) {
  .CstickyTab .grid-vw-s .mainHold,
  .CstickyTab .grid-vw .mainHold {
    order: 2;
  }
}
.CstickyTab .grid-vw-s .mainHold .el,
.CstickyTab .grid-vw .mainHold .el {
  display: none;
  width: 100%;
  pointer-events: none;
}
.CstickyTab .grid-vw-s .mainHold .el.A,
.CstickyTab .grid-vw .mainHold .el.A {
  display: block;
  pointer-events: all;
}
.Cchart {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
.Cchart .grid-vw {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw {
    grid-template-columns: 1fr;
  }
}
.Cchart .grid-vw .list .Atab {
  --tx: #005f4a;
  color: var(--tx, #005f4a);
  padding: 0;
  border: none;
}
.Cchart .grid-vw .list .Atab_c {
  pointer-events: none;
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 1195px) {
  .Cchart .grid-vw .list .Atab_c {
    display: none;
  }
}
@media (min-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .list .Atab_c {
    display: none;
  }
}
@media (min-width: 1195px) {
  .Cchart .grid-vw .list .Atab_h {
    height: auto !important;
  }
}
@media (min-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .list .Atab_h {
    height: auto !important;
  }
}
.Cchart .grid-vw .list .Atab_b {
  visibility: visible;
  padding-top: 0.4rem;
}
.Cchart .grid-vw .list .Atab_b .hold {
  width: 100%;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .list .Atab_b ul {
    padding-top: 1.6rem;
  }
}
.Cchart .grid-vw .list .Atab_b ul li {
  border-bottom: 1px solid var(--tx, #005f4a);
  padding-bottom: 1.6rem;
}
.Cchart .grid-vw .list .Atab_b ul li + li {
  margin-top: 1.6rem;
}
.Cchart .grid-vw .list .Atab_b ul li a,
.Cchart .grid-vw .list .Atab_b ul li button {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 1.2rem;
  font-weight: 500;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Cchart .grid-vw .list .Atab_b ul li a.ALK,
.Cchart .grid-vw .list .Atab_b ul li a.A,
.Cchart .grid-vw .list .Atab_b ul li button.ALK,
.Cchart .grid-vw .list .Atab_b ul li button.A {
  pointer-events: none;
  opacity: 0.5;
}
.Cchart .grid-vw .list .Atab_b ul li a.ALK:focus,
.Cchart .grid-vw .list .Atab_b ul li a.A:focus,
.Cchart .grid-vw .list .Atab_b ul li button.ALK:focus,
.Cchart .grid-vw .list .Atab_b ul li button.A:focus {
  outline: none;
}
@media (hover: hover) {
  .Cchart .grid-vw .list .Atab_b ul li a:hover,
  .Cchart .grid-vw .list .Atab_b ul li button:hover {
    opacity: 0.5;
  }
}
.Cchart .grid-vw .list .Atab_b ul li a:focus,
.Cchart .grid-vw .list .Atab_b ul li button:focus {
  outline: none;
  opacity: 0.5;
  text-decoration: underline;
}
.Cchart .grid-vw .list .Atab_b .Abtn {
  margin-top: 1.6rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .list .Atab {
    max-width: 100%;
    padding-top: 1.6rem;
    border-bottom: 1px solid var(--tx, #005f4a);
    border-top: 1px solid var(--tx, #005f4a);
  }
  .Cchart .grid-vw .list .Atab .Atab_c {
    pointer-events: all;
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    align-items: center;
    width: 100%;
    padding-bottom: 1.6rem;
  }
  .Cchart .grid-vw .list .Atab .Atab_c_plus {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
  }
  .Cchart .grid-vw .list .Atab .Atab_c_plus:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--tx, #005f4a);
    top: calc(50% - 1px);
    left: 0;
  }
  .Cchart .grid-vw .list .Atab .Atab_c_plus:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: var(--tx, #005f4a);
    top: 0;
    left: calc(50% - 1px);
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: center;
  }
  .Cchart .grid-vw .list .Atab .Atab_h {
    height: 0;
    overflow: hidden;
    max-height: auto;
  }
  .Cchart .grid-vw .list .Atab .Atab_b {
    padding-top: 0;
    gap: 0.8rem;
  }
  .Cchart .grid-vw .list .Atab .Atab_b ul li:last-child {
    border-bottom: none;
  }
  .Cchart .grid-vw .list .Atab .Atab_b .Abtn {
    margin-top: 0;
    margin-bottom: 2.4rem;
  }
  .Cchart .grid-vw .list .Atab.A .Atab_c_plus:after {
    transform: scaleY(0);
  }
}
.Cchart .grid-vw .ims {
  position: relative;
}
.Cchart .grid-vw .ims_h {
  position: sticky;
  top: 9rem;
  display: grid;
  grid-template-rows: 1fr;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .ims_h {
    position: static;
  }
}
.Cchart .grid-vw .ims_el {
  grid-area: 1/1;
}
.Cchart .grid-vw .ims_el:not(.A) {
  display: none;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .ims_el .im-desk {
    display: none;
  }
}
@media (min-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cchart .grid-vw .ims_el .im-resp {
    display: none;
  }
}
@media (min-width: 1195px) {
  .Cchart .grid-vw .ims_el .im-resp {
    display: none;
  }
}
.Cnews {
  padding-top: 12rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cnews {
    padding-top: 4rem;
  }
}
.Cnews .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 4rem;
  align-items: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cnews .grid-vw {
    grid-template-columns: 1fr;
  }
}
.Cnews .grid-vw .title {
  color: #005f4a;
}
.Cnews .grid-vw .title.center {
  text-align: center;
}
.Cnews .grid-vw .btn {
  justify-self: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cnews .grid-vw .btn {
    justify-self: center;
    order: 3;
  }
}
.Cnews .grid-vw .news {
  grid-column: span 2;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cnews .grid-vw .news {
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
    grid-column: auto;
  }
}
.Cnews .grid-vw .news .Aevent + .Aevent {
  margin-top: 2.4rem;
}
.Cnews-1 .grid-vw .btn {
  justify-self: center;
  order: 3;
  grid-column: span 2;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cnews-1 .grid-vw .btn {
    grid-column: auto;
  }
}
.Cnews:not(:has(.btn)) .title {
  grid-column: span 2;
}
.Cevents {
  padding-top: 16rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cevents {
    padding-top: 4rem;
  }
}
.Cevents .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 4rem;
  align-items: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cevents .grid-vw {
    grid-template-columns: 1fr;
  }
}
.Cevents .grid-vw .title {
  color: #005f4a;
}
.Cevents .grid-vw .title.center {
  text-align: center;
}
.Cevents .grid-vw .btn {
  justify-self: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cevents .grid-vw .btn {
    justify-self: center;
    order: 3;
  }
}
.Cevents .grid-vw .events {
  grid-column: span 2;
  display: grid;
  grid-auto-rows: 1fr;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cevents .grid-vw .events {
    grid-auto-rows: auto;
    grid-column: auto;
  }
}
.Cevents .grid-vw .events .Aevent + .Aevent {
  margin-top: 2.4rem;
}
.Cevents .grid-vw:not(:has(.btn)) .title {
  grid-column: span 2;
}
.Cbanner {
  padding-top: 11.2rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cbanner {
    padding-top: 4rem;
  }
}
.Cbanner .grid-vw .banner {
  padding: 4rem 10.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  background: #f5f4ef;
  border-radius: max(0.8rem, 8px);
}
@media (max-width: 1194px) {
  .Cbanner .grid-vw .banner {
    padding: 4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cbanner .grid-vw .banner {
    flex-direction: column;
    padding: 4rem 1.6rem 2.4rem;
  }
}
.Cbanner .grid-vw .banner_l {
  max-width: 49.6rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: flex-start;
}
.Cbanner .grid-vw .banner_l .Atag {
  background: #fff;
}
.Cbanner .grid-vw .banner_r {
  display: flex;
  max-width: 39.2rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cbanner .grid-vw .banner_r {
    gap: 2rem;
  }
}
.Cbanner .grid-vw .banner_r .im {
  aspect-ratio: 184/272;
  width: 50%;
  overflow: hidden;
  border-radius: 9.2rem;
  position: relative;
}
.Cbanner .grid-vw .banner_r .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Cbanner .grid-vw .banner_r .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.Cbanner .grid-vw .banner_r .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Cimtxt {
  padding-top: 12.8rem;
  overflow: hidden;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimtxt {
    padding-top: 4rem;
  }
}
.Cimtxt .grid-vw .imtxt {
  --color: #005f4a;
  color: var(--color, #005f4a);
  display: grid;
  grid-template-columns: 7fr 4fr;
  gap: 12.8rem;
  align-items: center;
}
@media (max-width: 1194px) {
  .Cimtxt .grid-vw .imtxt {
    gap: 2.4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimtxt .grid-vw .imtxt {
    grid-template-columns: 1fr;
  }
}
.Cimtxt .grid-vw .imtxt .imhold {
  position: relative;
}
.Cimtxt .grid-vw .imtxt .imhold .im {
  aspect-ratio: 700/480;
  width: 100%;
  border-radius: max(0.8rem, 8px);
  position: relative;
  overflow: hidden;
}
.Cimtxt .grid-vw .imtxt .imhold .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Cimtxt .grid-vw .imtxt .imhold .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.Cimtxt .grid-vw .imtxt .imhold .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Cimtxt .grid-vw .imtxt .imhold .Apoit {
  position: absolute;
  left: 75%;
  top: -3%;
  transform: rotate(-15deg);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimtxt .grid-vw .imtxt .imhold .Apoit {
    top: 90%;
    right: 0;
    left: auto;
  }
}
.Cimtxt .grid-vw .imtxt .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
}
@media (max-width: 1194px) {
  .Cimtxt .grid-vw .imtxt .info {
    gap: 2.4rem;
  }
}
.Cimtxt .grid-vw .imtxt .info i {
  height: 4rem;
  max-width: 11rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Cimtxt .grid-vw .imtxt .info i svg *:not(g) {
  fill: var(--color, #005f4a);
}
.Cimtxt .grid-vw .imtxt .info img {
  object-fit: contain;
  object-position: top left;
  max-height: 4rem;
}
.Cimtxt .grid-vw .imtxt .info .sep {
  height: 1px;
  width: 100%;
  background: var(--color, #005f4a);
}
.Cimtxt .grid-vw .imtxt-bg {
  --color: #fff;
  background: #005f4a;
  padding: 10.2rem;
  border-radius: max(0.8rem, 8px);
  grid-template-columns: 5fr 4fr;
  gap: 12.8rem;
}
@media (max-width: 1194px) {
  .Cimtxt .grid-vw .imtxt-bg {
    padding: 10.2rem 2.4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimtxt .grid-vw .imtxt-bg {
    padding: 1.6rem 1.6rem 4rem;
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.Cimtxt .grid-vw .imtxt-bg .imhold .im {
  aspect-ratio: 496/480;
}
.Cimtxt .grid-vw .imtxt-bg a:focus,
.Cimtxt .grid-vw .imtxt-bg button:focus,
.Cimtxt .grid-vw .imtxt-bg select:focus,
.Cimtxt .grid-vw .imtxt-bg input:focus {
  outline: 1px solid #fff;
}
.Ccards {
  padding-top: 8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ccards {
    padding-top: 2.4rem;
  }
}
.Ccards .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem 0rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ccards .grid-vw {
    grid-template-columns: 1fr;
  }
}
.Ccards .grid-vw .tit {
  color: #005f4a;
}
.Ccards .grid-vw .tit.center {
  text-align: center;
}
.Ccards .grid-vw .btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 3rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ccards .grid-vw .btns {
    justify-content: center;
    order: 3;
  }
}
.Ccards .grid-vw .cards {
  grid-column: 1 / span 2;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.4rem;
}
.Ccards .grid-vw .cards-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.Ccards .grid-vw .cards-2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1194px) {
  .Ccards .grid-vw .cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ccards .grid-vw .cards {
    grid-column: auto;
  }
}
@media (max-width: 680px) {
  .Ccards .grid-vw .cards {
    grid-template-columns: 1fr;
  }
  .Ccards .grid-vw .cards .Acard_im {
    height: 28.8rem;
  }
}
.Ccards .grid-vw:not(:has(.btns)) .tit {
  grid-column: span 2;
}
.Cupbar {
  padding-top: 2.4rem;
}
.Cupbar .grid-vw,
.Cupbar .grid-vw-s,
.Cupbar .grid-vw-xs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cupbar .grid-vw,
  .Cupbar .grid-vw-s,
  .Cupbar .grid-vw-xs {
    grid-template-columns: 1fr;
  }
}
.Cupbar + .Ccnt,
.Cupbar + .Csticky {
  padding-top: 4rem;
}
.Cheroim {
  padding-top: 10rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cheroim {
    padding-top: 8.4rem;
  }
}
.Cheroim.table, .Cheroim + .Ccards {
  padding-top: 1rem;
}
.Cheroim .grid-vw {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  color: #005f4a;
  --uC: #005f4a;
}
.Cheroim .grid-vw .bread {
  text-transform: none;
}
.Cheroim .grid-vw .im {
  position: relative;
  width: 100%;
  aspect-ratio: 1224/400;
  overflow: hidden;
  border-radius: max(0.8rem, 8px);
  padding: 2.4rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cheroim .grid-vw .im {
    aspect-ratio: 343/320;
  }
}
.Cheroim .grid-vw .im .IO {
  position: absolute;
  inset: 0;
}
.Cheroim .grid-vw .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.45s transform cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Cheroim .grid-vw .im img:not(.L) {
  transform: scale(1.1);
  opacity: 0;
}
.Cheroim .grid-vw .im .Abtn {
  position: relative;
  z-index: 4;
  margin-left: auto;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cheroim .grid-vw .im .Abtn {
    margin-left: 0;
  }
}
.Cheroim .grid-vw .im .srchform {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  background: #fff;
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  border-radius: 10em;
  margin-top: 3.2rem;
  max-width: 48.8rem;
  width: 100%;
}
.Cheroim .grid-vw .im .srchform input {
  width: 100%;
}
.Cheroim .grid-vw .im .srchform input::placeholder {
  color: #9699a3;
}
.Cheroim .grid-vw .im .srchform button {
  flex-shrink: 0;
}
.Cheroim .grid-vw:not(:has(.im)) {
  padding-bottom: 2rem;
}
.Cheroim + .Cbxl,
.Cheroim + .Ccnt {
  padding-top: 4rem;
}
.Chero {
  padding-top: 8.4rem;
}
.Chero .bread {
  color: #005f4a;
  --uC: #005f4a;
  text-transform: capitalize;
}
.Chero_h {
  margin-top: 1.6rem;
  padding: 9rem 10rem;
  border-radius: max(0.8rem, 8px);
  color: #fff;
  background: #005f4a;
  text-align: center;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Chero_h {
    padding: 9rem 1.6rem;
  }
}
.Chero_h * {
  word-wrap: break-word;
}
.Chero + .Cbxl,
.Chero + .Ccnt {
  padding-top: 4rem;
}
.Cherodir {
  padding-top: 10rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cherodir {
    padding-top: 8.4rem;
  }
}
.Cherodir .grid-vw,
.Cherodir .grid-vw-xs {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  --uC: #005f4a;
}
.Cherodir .grid-vw .bread,
.Cherodir .grid-vw-xs .bread {
  text-transform: capitalize;
  color: #005f4a;
}
.Cherodir .grid-vw .h2,
.Cherodir .grid-vw-xs .h2 {
  color: #005f4a;
}
.Cherodir .grid-vw .im,
.Cherodir .grid-vw-xs .im {
  position: relative;
  width: 100%;
  aspect-ratio: 600/400;
  overflow: hidden;
  border-radius: max(0.8rem, 8px);
  padding: 2.4rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cherodir .grid-vw .im,
  .Cherodir .grid-vw-xs .im {
    aspect-ratio: 343/320;
  }
}
.Cherodir .grid-vw .im .IO,
.Cherodir .grid-vw-xs .im .IO {
  position: absolute;
  inset: 0;
}
.Cherodir .grid-vw .im img,
.Cherodir .grid-vw-xs .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.45s transform cubic-bezier(0.55, 0, 0.1, 1),
    0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Cherodir .grid-vw .im img:not(.L),
.Cherodir .grid-vw-xs .im img:not(.L) {
  transform: scale(1.1);
  opacity: 0;
}
.Cherodir .grid-vw .im .Abtn,
.Cherodir .grid-vw-xs .im .Abtn {
  position: relative;
  z-index: 4;
  margin-left: auto;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cherodir .grid-vw .im .Abtn,
  .Cherodir .grid-vw-xs .im .Abtn {
    margin-left: 0;
  }
}
.Cherodir .grid-vw .im .srchform,
.Cherodir .grid-vw-xs .im .srchform {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  background: #fff;
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  border-radius: 10em;
  margin-top: 3.2rem;
  max-width: 48.8rem;
  width: 100%;
}
.Cherodir .grid-vw .im .srchform input,
.Cherodir .grid-vw-xs .im .srchform input {
  width: 100%;
}
.Cherodir .grid-vw .im .srchform input::placeholder,
.Cherodir .grid-vw-xs .im .srchform input::placeholder {
  color: #9699a3;
}
.Cherodir .grid-vw .im .srchform button,
.Cherodir .grid-vw-xs .im .srchform button {
  flex-shrink: 0;
}
.Cherodir .grid-vw:not(:has(.im)),
.Cherodir .grid-vw-xs:not(:has(.im)) {
  padding-bottom: 2rem;
}
.Cherodir + .Cbxl,
.Cherodir + .Ccnt {
  padding-top: 4rem;
}
.Cquote {
  padding-top: 8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cquote {
    padding-top: 4rem;
  }
}
.Cquote .grid-vw,
.Cquote .grid-vw-s {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  align-items: flex-start;
}
.Cimclaim {
  padding-top: 12.8rem;
  overflow: hidden;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimclaim {
    padding-top: 4rem;
  }
}
.Cimclaim + .foot {
  margin-top: 0;
}
.Cimclaim .grid-vw {
  background: #005f4a;
  padding-top: 16rem;
  padding-bottom: 20rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimclaim .grid-vw {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.Cimclaim .grid-vw .imclaim {
  --color: #fff;
  color: var(--color, #005f4a);
  display: grid;
  grid-template-columns: 5fr 6fr;
  gap: 12.8rem;
  align-items: center;
}
@media (max-width: 1194px) {
  .Cimclaim .grid-vw .imclaim {
    gap: 2.4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimclaim .grid-vw .imclaim {
    grid-template-columns: 1fr;
  }
}
.Cimclaim .grid-vw .imclaim .imhold {
  position: relative;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimclaim .grid-vw .imclaim .imhold {
    order: 2;
  }
}
.Cimclaim .grid-vw .imclaim .imhold .im {
  aspect-ratio: 493/505;
  width: 100%;
  border-radius: max(0.8rem, 8px);
  position: relative;
  overflow: hidden;
}
.Cimclaim .grid-vw .imclaim .imhold .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.Cimclaim .grid-vw .imclaim .imhold .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.Cimclaim .grid-vw .imclaim .imhold .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.Cimclaim .grid-vw .imclaim .imhold .Apoit {
  position: absolute;
  left: 75%;
  top: -3%;
  transform: rotate(-15deg);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cimclaim .grid-vw .imclaim .imhold .Apoit {
    top: 0%;
    left: auto;
    right: 0;
  }
}
.Cimclaim .grid-vw .imclaim .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
  position: relative;
}
@media (max-width: 1194px) {
  .Cimclaim .grid-vw .imclaim .info {
    gap: 2.4rem;
  }
}
.Cimclaim .grid-vw .imclaim .info .IO {
  position: absolute;
  bottom: max(35vh, 300px);
  left: 0;
  width: 10px;
  aspect-ratio: 1;
  background-color: red;
}
.Cimclaim .grid-vw .imclaim .info.SV .Aclaim span:after {
  transform: scaleX(1);
}
.Cimclaim .grid-vw .imclaim .info .sep {
  height: 1px;
  width: 100%;
  background: var(--color, #005f4a);
}
.Cbxl {
  padding-top: 4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cbxl {
    padding-top: 4rem;
  }
}
.Cbxl .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 4rem 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cbxl .grid-vw {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.Cbxl .grid-vw .tit.center {
  text-align: center;
}
.Cbxl .grid-vw .tit p {
  margin-top: 1em;
}
.Cbxl .grid-vw .btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cbxl .grid-vw .btns {
    justify-content: center;
    order: 3;
  }
}
.Cbxl .grid-vw .hold {
  grid-column: 1 / span 2;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.Cbxl .grid-vw:not(:has(.btns)) .tit {
  grid-column: 1 / span 2;
}
.Ctextcols {
  padding-top: 4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctextcols {
    padding-top: 4rem;
  }
}
.Ctextcols .grid-vw-s,
.Ctextcols .grid-vw {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.Ctextcols .grid-vw-s .tags,
.Ctextcols .grid-vw .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.Ctextcols .grid-vw-s .tags .Atag,
.Ctextcols .grid-vw .tags .Atag {
  background: #f5f4ef;
}
.Ctextcols .grid-vw-s .cols,
.Ctextcols .grid-vw .cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctextcols .grid-vw-s .cols,
  .Ctextcols .grid-vw .cols {
    grid-template-columns: 1fr;
  }
}
.Ctextcols .grid-vw-s .cols p + p,
.Ctextcols .grid-vw .cols p + p {
  margin-top: 1em;
}
.Csticky {
  padding-top: 4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Csticky {
    padding-top: 1.6rem;
  }
}
.Csticky .grid-vw-s,
.Csticky .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12rem;
  position: relative;
}
@media (max-width: 1194px) {
  .Csticky .grid-vw-s,
  .Csticky .grid-vw {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.Csticky .grid-vw-s .stck,
.Csticky .grid-vw .stck {
  order: 2;
  position: relative;
}
@media (max-width: 1194px) {
  .Csticky .grid-vw-s .stck,
  .Csticky .grid-vw .stck {
    order: 1;
  }
}
.Csticky .grid-vw-s .stck_h,
.Csticky .grid-vw .stck_h {
  position: sticky;
  top: 10rem;
  max-height: calc(100vh - 12rem);
  overflow: auto;
}
.Csticky .grid-vw-s .stck_h .Atab,
.Csticky .grid-vw .stck_h .Atab {
  --tx: #005f4a;
  color: var(--tx, #005f4a);
  padding: 0;
}
.Csticky .grid-vw-s .stck_h .Atab + .Atab,
.Csticky .grid-vw .stck_h .Atab + .Atab {
  margin-top: 4rem;
}
.Csticky .grid-vw-s .stck_h .Atab_c,
.Csticky .grid-vw .stck_h .Atab_c {
  pointer-events: none;
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 1195px) {
  .Csticky .grid-vw-s .stck_h .Atab_c_plus,
  .Csticky .grid-vw .stck_h .Atab_c_plus {
    display: none;
  }
}
@media (min-width: 1195px) {
  .Csticky .grid-vw-s .stck_h .Atab_h,
  .Csticky .grid-vw .stck_h .Atab_h {
    height: auto !important;
  }
}
.Csticky .grid-vw-s .stck_h .Atab_b,
.Csticky .grid-vw .stck_h .Atab_b {
  visibility: visible;
  padding-top: 0.4rem;
}
.Csticky .grid-vw-s .stck_h .Atab_b .hold,
.Csticky .grid-vw .stck_h .Atab_b .hold {
  width: 100%;
}
.Csticky .grid-vw-s .stck_h .Atab_b ul,
.Csticky .grid-vw .stck_h .Atab_b ul {
  padding-top: 1.6rem;
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li,
.Csticky .grid-vw .stck_h .Atab_b ul li {
  border-bottom: 1px solid var(--tx, #005f4a);
  padding-bottom: 1.6rem;
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li + li,
.Csticky .grid-vw .stck_h .Atab_b ul li + li {
  margin-top: 1.6rem;
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li a,
.Csticky .grid-vw-s .stck_h .Atab_b ul li button,
.Csticky .grid-vw .stck_h .Atab_b ul li a,
.Csticky .grid-vw .stck_h .Atab_b ul li button {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 1.2rem;
  font-weight: 500;
  transition: 0.45s opacity cubic-bezier(0.55, 0, 0.1, 1);
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li a.ALKm,
.Csticky .grid-vw-s .stck_h .Atab_b ul li a.A,
.Csticky .grid-vw-s .stck_h .Atab_b ul li button.ALKm,
.Csticky .grid-vw-s .stck_h .Atab_b ul li button.A,
.Csticky .grid-vw .stck_h .Atab_b ul li a.ALKm,
.Csticky .grid-vw .stck_h .Atab_b ul li a.A,
.Csticky .grid-vw .stck_h .Atab_b ul li button.ALKm,
.Csticky .grid-vw .stck_h .Atab_b ul li button.A {
  pointer-events: none;
  opacity: 0.5;
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li a i,
.Csticky .grid-vw-s .stck_h .Atab_b ul li button i,
.Csticky .grid-vw .stck_h .Atab_b ul li a i,
.Csticky .grid-vw .stck_h .Atab_b ul li button i {
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li a i svg *:not(g),
.Csticky .grid-vw-s .stck_h .Atab_b ul li button i svg *:not(g),
.Csticky .grid-vw .stck_h .Atab_b ul li a i svg *:not(g),
.Csticky .grid-vw .stck_h .Atab_b ul li button i svg *:not(g) {
  fill: var(--tx, #005f4a);
}
@media (hover: hover) {
  .Csticky .grid-vw-s .stck_h .Atab_b ul li a:hover,
  .Csticky .grid-vw-s .stck_h .Atab_b ul li button:hover,
  .Csticky .grid-vw .stck_h .Atab_b ul li a:hover,
  .Csticky .grid-vw .stck_h .Atab_b ul li button:hover {
    opacity: 0.5;
  }
}
.Csticky .grid-vw-s .stck_h .Atab_b ul li a:focus,
.Csticky .grid-vw-s .stck_h .Atab_b ul li button:focus,
.Csticky .grid-vw .stck_h .Atab_b ul li a:focus,
.Csticky .grid-vw .stck_h .Atab_b ul li button:focus {
  opacity: 0.5;
}
@media (max-width: 1194px) {
  .Csticky .grid-vw-s .stck_h .Atab,
  .Csticky .grid-vw .stck_h .Atab {
    max-width: 100%;
    padding-top: 1.6rem;
    border-bottom: 1px solid var(--tx, #005f4a);
    border-top: 1px solid var(--tx, #005f4a);
  }
  .Csticky .grid-vw-s .stck_h .Atab + .Atab,
  .Csticky .grid-vw .stck_h .Atab + .Atab {
    border-top: none;
    margin-top: 0;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_c,
  .Csticky .grid-vw .stck_h .Atab .Atab_c {
    pointer-events: all;
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    align-items: center;
    width: 100%;
    padding-bottom: 1.6rem;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_c_plus,
  .Csticky .grid-vw .stck_h .Atab .Atab_c_plus {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_c_plus:before,
  .Csticky .grid-vw .stck_h .Atab .Atab_c_plus:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--tx, #005f4a);
    top: calc(50% - 1px);
    left: 0;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_c_plus:after,
  .Csticky .grid-vw .stck_h .Atab .Atab_c_plus:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: var(--tx, #005f4a);
    top: 0;
    left: calc(50% - 1px);
    transition: 0.45s transform cubic-bezier(0.55, 0, 0.1, 1);
    transform-origin: center;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_h,
  .Csticky .grid-vw .stck_h .Atab .Atab_h {
    height: 0;
    overflow: hidden;
    max-height: auto;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_b,
  .Csticky .grid-vw .stck_h .Atab .Atab_b {
    padding-top: 0;
  }
  .Csticky .grid-vw-s .stck_h .Atab .Atab_b ul li:last-child,
  .Csticky .grid-vw .stck_h .Atab .Atab_b ul li:last-child {
    border-bottom: none;
  }
  .Csticky .grid-vw-s .stck_h .Atab.A .Atab_c_plus:after,
  .Csticky .grid-vw .stck_h .Atab.A .Atab_c_plus:after {
    transform: scaleY(0);
  }
}
@media (max-width: 1194px) {
  .Csticky .grid-vw-s .Cpostcnt,
  .Csticky .grid-vw .Cpostcnt {
    order: 2;
  }
}
.Cpostcnt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}
.Cpostcnt + .Cpostcnt,
.Cpostcnt + .Ccnt {
  margin-top: 2.4rem;
}
.Cpostcnt .sep {
  width: 100%;
  height: 1px;
  background-color: #000;
  margin: 2.4rem 0;
}
.Cpostcnt .Avid {
  margin-top: 2.4rem;
}
.Cpostcnt .Ctags {
  padding-bottom: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cpostcnt .Ctags {
    padding-bottom: 0.8rem;
  }
}
.Cpostcnt .cols {
  width: 100%;
  display: grid;
  gap: 1.6rem 2.4rem;
}
.Cpostcnt .cols-2 {
  grid-template-columns: 1fr 1fr;
}
.Cpostcnt .cols-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 760px) {
  .Cpostcnt .cols-3 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 540px) {
  .Cpostcnt .cols {
    grid-template-columns: 1fr;
  }
}
.Cpostcnt .cols .Acard_im {
  height: auto;
  aspect-ratio: 1/1;
}
@media (max-width: 540px) {
  .Cpostcnt .cols .Acard_im {
    aspect-ratio: 343/288;
  }
}
.Cpostcnt .tabGroup + *:not(.sep) {
  margin-top: 2.4rem;
}
.Cpostcnt .Cbxl {
  padding-top: 2.4rem;
  width: 100%;
}
.Cpostcnt .Cbxl .hold {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.Cpostcnt .Cbxl .Abxl {
  width: calc(50% - 1.2rem);
}
@media (max-width: 680px) {
  .Cpostcnt .Cbxl .Abxl {
    width: 100%;
  }
}
.Ccnt + .Cpostcnt,
.Ccnt + .Ccnt {
  margin-top: 2.4rem;
}
.Ctags {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.8rem, 8px);
  width: 100%;
}
.Cblog {
  padding-top: 4rem;
}
.Cblog .grid-vw .posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cblog .grid-vw .posts {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .Cblog .grid-vw .posts {
    grid-template-columns: 1fr;
  }
}
.Cblog .grid-vw .pag {
  margin-top: 8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.Cblog .grid-vw .pag_desk {
  display: flex;
  gap: 0.8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cblog .grid-vw .pag_desk {
    display: none;
  }
}
.Cblog .grid-vw .pag_resp {
  display: none;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cblog .grid-vw .pag_resp {
    display: inline-block;
    margin: 0 1.6rem;
  }
}
.Cposthero {
  padding-top: 8.4rem;
}
.Cposthero .grid-vw-xs {
  padding-top: 4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cposthero .grid-vw-xs {
    padding-top: 2.4rem;
  }
}
.Cposthero .bread {
  color: #005f4a;
  --uC: #005f4a;
  text-transform: capitalize;
}
.Cposthero .h3 {
  color: #005f4a;
}
.Cposthero .date {
  margin-top: 1.6rem;
}
.Cposthero .date span {
  color: #9699a3;
}
.Cposthero .im {
  margin-top: 4rem;
  position: relative;
  width: 100%;
  border-radius: max(0.8rem, 8px);
  aspect-ratio: 600/320;
  overflow: hidden;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cposthero .im {
    margin-top: 2.4rem;
  }
}
.Cposthero .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Cposthero + .Cbxl,
.Cposthero + .Ccnt {
  padding-top: 4rem;
}
.Cshare {
  padding-top: 4rem;
  display: flex;
  flex-grow: 2.4rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #005f4a;
  margin-top: 1.6rem;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.Cshare_t {
  font-weight: 600;
  min-width: 35%;
}
.Cshare_b {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.Cshare_b .Aicon {
  --fill: #005f4a;
}
.copy-btn {
  position: relative;
  padding: 8px 14px;
}

.tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  font-size: 13px;
}

.tooltip.show {
  opacity: 1;
}
.Ctable {
  overflow: hidden;
  padding-top: 2.4rem;
  margin-top: 1.6rem;
}
.Ctable > * {
  margin-bottom: 4rem;
}
.Ctable_top {
  margin-bottom: 2.4rem;
}
.Ctable_hold {
  overflow: scroll;
}
.Ctable_cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Ctable_cols {
    grid-template-columns: 1fr;
  }
}
.Ctable + .Ctable {
  margin-top: 0;
  padding-top: 0;
}
.Ctable + .Cpostcnt,
.Ctable + .Ccnt {
  margin-top: 2.4rem;
}
.Csel {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Csel_hold {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  height: 100%;
}
.Csel_el {
  grid-area: 1/1;
  display: none;
  flex-direction: column;
  gap: 2rem;
}
.Csel_el.A {
  display: flex;
}
.Cfilters {
  padding-top: 2.4rem;
}
.Cfilters + .Ctable {
  margin-top: 0;
}
.Cfilters + .Cblog {
  padding-top: 2.4rem;
}
.Cfilters .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cfilters .grid-vw {
    grid-template-columns: 1fr;
  }
}
.Cfilters_btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cfilters_btns {
    order: 2;
  }
}
.Cfilters_dates {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.6rem;
  border-radius: max(0.8rem, 8px);
  background: #f5f4ef;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cfilters_dates {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.Cfilters_dates_pag {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
@media (max-width: 540px) {
  .Cfilters_dates_pag {
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Cfilters_dates_pag .h4 {
    font-size: max(1.6rem, 16px);
    line-height: 1.5;
  }
}
.Cfilters_dates_npt {
  max-width: 39rem;
  width: 100%;
}
.Cfilters_dates_npt .Afield {
  width: 100%;
}
.Cfilters-date .grid-vw {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.Clogin {
  padding-top: 22.9rem;
  padding-bottom: 12.5rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Clogin {
    background: #efefef;
    padding-top: 16.6rem;
    padding-bottom: 20rem;
  }
}
.Clogin + .foot {
  margin-top: 0;
}
.Clogin .grid-vw {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Clogin_hold {
  max-width: 60rem;
  display: flex;
  flex-direction: column;
  padding: 4rem 10.4rem;
  background: #efefef;
  border-radius: max(0.8rem, 8px);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .Clogin_hold {
    padding: 0;
  }
}
.Clogin_hold .h4 {
  margin-bottom: 2.4rem;
}
.Clogin_hold .Abtn {
  margin-top: 0.8rem;
}
.Clogin_hold .Alink {
  margin-top: 2.4rem;
  --uC: #005f4a;
  color: #005f4a;
  align-self: center;
  font-weight: 500;
}
.SCRX {
  position: relative;
}
@media (hover: hover) and (min-width: 541px) {
  .SCRX {
    padding-top: 100vh;
    padding-top: 100dvh;
  }
}
@media (hover: hover) and (min-width: 541px) {
  .scrx {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
  }
}
@media (hover: hover) and (min-width: 541px) {
  .scrx_h {
    left: 0;
    top: 0;
    width: 100%;
    overflow: clip;
    position: sticky;
    height: 100vh;
    height: 100dvh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (hover: hover) and (min-width: 541px) {
  .scrx_mv {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    min-width: 100vw;
    padding-left: var(--padgrid);
    padding-right: var(--padgrid);
    will-change: transform;
  }
}
@media (hover: hover) and (max-width: 540px) {
  .scrx_mv {
    transform: translate(0) !important;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: var(--padgrid);
    padding-right: var(--padgrid);
  }
}
@media (hover: none) {
  .scrx_mv {
    transform: translate(0) !important;
  }
}
@media (hover: none) and (min-width: 541px) and (max-width: 1194px) {
  .scrx_mv {
    overflow-x: scroll;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    touch-action: none;
    margin: 64px 0;
    padding-bottom: 24px;
    padding-left: var(--padgrid);
    padding-right: var(--padgrid);
  }
}
@media (hover: none) and (max-width: 540px) {
  .scrx_mv {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: var(--padgrid);
    padding-right: var(--padgrid);
  }
}
.scrx article {
  flex-shrink: 0;
}
@media (min-width: 1195px) {
  .scrx article + article {
    margin-left: 2.4rem;
  }
}
@media (min-width: 541px) and (max-width: 1194px) {
  .scrx article + article {
    margin-left: 24px;
  }
}
@media (max-width: 540px) {
  .scrx article + article {
    margin-top: 24px;
  }
}
.visually-hidden {
  display: none;
}
.home_tests {
  position: relative;
  min-height: 100vh;
  min-height: 100lvh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home_tests .im {
  position: absolute;
  right: 20%;
  top: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30rem;
}
.home_tests .im .IO {
  position: absolute;
  left: 0;
  top: 30vh;
  top: 30lvh;
  height: 8px;
  width: 8px;
  background: #ccc;
}
.home_tests .im img,
.home_tests .im video {
  width: 100%;
  position: relative;
  transition: 0.6s opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}
.home_tests .im img:not(.L),
.home_tests .im video:not(.L) {
  opacity: 0;
}
.home_tests .el1 {
  position: relative;
}
.home_tests .el1 .IO {
  position: absolute;
  top: 100%;
  left: 0;
  width: 8px;
  height: 8px;
  background: #eee;
}
.home_tests .el2 {
  position: relative;
  margin-top: 10rem;
  min-height: 100vh;
  min-height: 100lvh;
  background: #ccc;
  width: 300px;
}
.home_tests .el2_st {
  position: absolute;
  top: -300px;
  bottom: -100px;
  width: 100%;
  left: 0;
}
.home_tests .el2 span {
  position: sticky;
  top: 0;
}
.home_tests .el2 .IO {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 8px;
  background: #eee;
}
.home_scr {
  background: #ececec;
  min-height: 50vh;
  min-height: 50lvh;
  position: relative;
  min-height: 20vh;
  margin-top: 20lvh;
}
.home_scr .line {
  height: 40px;
  width: 100%;
  background-color: #222;
  position: relative;
}
.home_scr .el1 .IO {
  position: absolute;
  left: 10px;
  top: 10lvh;
  height: 50vh;
  height: 50lvh;
  width: 1px;
  background: #222;
}
@media (hover: hover) {
  .home_scr .contscr {
    padding-top: 100vh;
    padding-top: 100lvh;
  }
}
@media (hover: hover) {
  .home_scr .contscr .IO {
    height: 200lvh;
    height: 200vh;
    width: 10px;
    background: #444;
  }
}
@media (hover: hover) {
  .home_scr .scr {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
  }
  .home_scr .scr_h {
    position: sticky;
    left: 0;
    top: 0;
    height: 100vh;
    height: 100lvh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.home_intro {
  padding-top: 8.4rem;
}
.home_intro .grid-xl {
  position: relative;
}
.home_intro .grid-xl .IO {
  position: absolute;
  bottom: max(35vh, 300px);
  left: 0;
  width: 10px;
  aspect-ratio: 1;
  background-color: red;
  transition-delay: 1s;
}
.home_intro .grid-xl .top {
  padding: 8.8rem 1.6rem;
  border-radius: max(0.8rem, 8px);
  background: #005f4a;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 42.8rem;
}
.home_intro .grid-xl .top .Aclaim {
  text-align: center;
}
.home_intro .grid-xl .top .srchform {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  background: #fff;
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  border-radius: 10em;
  margin-top: 3.2rem;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform {
    background: none;
    flex-direction: column;
    padding: 0;
    border-radius: none;
    width: 100%;
    max-width: 35rem;
  }
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_npt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    background: #fff;
    padding: 0.8rem 0.8rem 0.8rem 2.4rem;
    border-radius: 10em;
    width: 100%;
  }
}
.home_intro .grid-xl .top .srchform_npt input {
  color: #000;
  width: 25.4rem;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_npt input {
    max-width: 30rem;
    width: 100%;
  }
}
.home_intro .grid-xl .top .srchform_npt input::placeholder {
  color: #9699a3;
}
.home_intro .grid-xl .top .srchform_npt button {
  display: none;
  flex-shrink: 0;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_npt button {
    display: flex;
  }
}
.home_intro .grid-xl .top .srchform_sep {
  align-self: stretch;
  width: 1px;
  background: #dbdbdb;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_sep {
    display: none;
  }
}
.home_intro .grid-xl .top .srchform_select {
  position: relative;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_select {
    width: 100%;
    background: #fff;
    padding: 1.1rem 3.2rem 1.1rem 1.6rem;
    border-radius: max(0.8rem, 8px);
  }
}
.home_intro .grid-xl .top .srchform_select_lbl {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.home_intro .grid-xl .top .srchform_select select {
  padding-right: 3.2rem;
  width: auto;
  color: #000;
  flex-shrink: 0;
  font-weight: 500;
  cursor: pointer;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_select select {
    width: 100%;
    padding-right: 0;
  }
}
.home_intro .grid-xl .top .srchform_select_i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_select_i {
    right: 0.8rem;
  }
}
.home_intro .grid-xl .top .srchform_btn {
  flex-shrink: 0;
}
@media (max-width: 834px) {
  .home_intro .grid-xl .top .srchform_btn {
    display: none;
  }
}
.home_intro .grid-xl .top .desc {
  margin-top: 1rem;
}
.home_intro .grid-xl .top .desc .sep {
  margin: 0 0.5em;
}
.home_intro .grid-xl .top .desc a,
.home_intro .grid-xl .top .desc button {
  --uC: #fff;
}
.home_intro .grid-xl .top .desc a:focus,
.home_intro .grid-xl .top .desc button:focus {
  outline: 1px solid #fff;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_intro .grid-xl .top .desc {
    margin-top: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.8rem;
  }
  .home_intro .grid-xl .top .desc .sep {
    display: none;
  }
}
.home_intro .grid-xl.SV .Aclaim span:after {
  transform: scaleX(1);
}
.image-plus-block .grid-vw .cols {
  margin-top: 6.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 24rem;
  gap: 2.4rem;
}
@media (max-width: 1194px) {
  .image-plus-block .grid-vw .cols {
    grid-template-columns: 1fr;
  }
}
.image-plus-block .grid-vw .cols_l {
  background: #dbdbdb;
  border-radius: max(0.8rem, 8px);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1194px) {
  .image-plus-block .grid-vw .cols_l {
    display: none;
  }
}
.image-plus-block .grid-vw .cols_l img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-plus-block .grid-vw .cols_r {
  background: #f5f4ef;
  border-radius: max(0.8rem, 8px);
  display: flex;
}
.image-plus-block .grid-vw .cols_r .Asel {
  width: 100%;
}
.image-plus-block .grid-vw .cols_r .Asel_npt {
  max-height: 1.3em;
}
.image-plus-block .grid-vw .cols_r .info {
  width: 100%;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}
.image-plus-block .grid-vw .cols_r .info .time {
  width: 100%;
  background: #005f4a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.8rem;
  border-radius: max(0.8rem, 8px);
  padding: 1.1rem;
}
.image-plus-block .grid-vw .cols_r .info .time_i {
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-plus-block .grid-vw .cols_r .info .time_t {
  max-height: 1.5em;
  overflow: hidden;
}
.image-plus-block .grid-vw .cols_r .im {
  position: relative;
  border-radius: max(0.8rem, 8px);
  overflow: hidden;
  width: 18.4rem;
  align-self: stretch;
  flex-shrink: 0;
}
@media (max-width: 834px) {
  .image-plus-block .grid-vw .cols_r .im {
    display: none;
  }
}
.image-plus-block .grid-vw .cols_r .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home_cards {
  padding-top: 8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_cards {
    padding-top: 2.4rem;
  }
}
.home_cards .grid-vw {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.home_cards .grid-vw .h2 {
  color: #005f4a;
}
.home_cards .grid-vw .cards {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.4rem;
}
@media (max-width: 1194px) {
  .home_cards .grid-vw .cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 540px) {
  .home_cards .grid-vw .cards {
    grid-template-columns: 1fr;
  }
  .home_cards .grid-vw .cards .Acard_im {
    height: 28.8rem;
  }
}
.home_banner {
  padding-top: 11.2rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_banner {
    padding-top: 4rem;
  }
}
.home_banner .grid-vw .banner {
  padding: 4rem 10.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  background: #f5f4ef;
  border-radius: max(0.8rem, 8px);
}
@media (max-width: 1194px) {
  .home_banner .grid-vw .banner {
    padding: 4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_banner .grid-vw .banner {
    flex-direction: column;
    padding: 4rem 1.6rem 2.4rem;
  }
}
.home_banner .grid-vw .banner_l {
  max-width: 49.6rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: flex-start;
}
.home_banner .grid-vw .banner_l .Atag {
  background: #fff;
}
.home_banner .grid-vw .banner_r {
  display: flex;
  max-width: 39.2rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_banner .grid-vw .banner_r {
    gap: 2rem;
  }
}
.home_banner .grid-vw .banner_r .im {
  aspect-ratio: 184/272;
  width: 50%;
  overflow: hidden;
  border-radius: 9.2rem;
  position: relative;
}
.home_banner .grid-vw .banner_r .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.home_banner .grid-vw .banner_r .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.home_banner .grid-vw .banner_r .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.home_imtxt {
  padding-top: 12.8rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_imtxt {
    padding-top: 4rem;
  }
}
.home_imtxt .grid-vw .imtxt {
  --color: #005f4a;
  color: var(--color, #005f4a);
  display: grid;
  grid-template-columns: 7fr 4fr;
  gap: 12.8rem;
  align-items: center;
}
@media (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt {
    gap: 2.4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt {
    grid-template-columns: 1fr;
  }
}
.home_imtxt .grid-vw .imtxt .imhold {
  position: relative;
}
.home_imtxt .grid-vw .imtxt .imhold .im {
  aspect-ratio: 700/480;
  width: 100%;
  border-radius: max(0.8rem, 8px);
  position: relative;
  overflow: hidden;
}
.home_imtxt .grid-vw .imtxt .imhold .im .IO {
  position: absolute;
  top: 35%;
  left: 0;
  width: 10px;
  aspect-ratio: 1;
}
.home_imtxt .grid-vw .imtxt .imhold .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.home_imtxt .grid-vw .imtxt .imhold .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.home_imtxt .grid-vw .imtxt .imhold .Apoit {
  position: absolute;
  left: 75%;
  top: -3%;
  transform: rotate(-15deg);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt .imhold .Apoit {
    top: 90%;
    left: 40%;
  }
}
.home_imtxt .grid-vw .imtxt .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
}
@media (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt .info {
    gap: 2.4rem;
  }
}
.home_imtxt .grid-vw .imtxt .info .text {
  padding-top: 3.2rem;
  border-top: 1px solid var(--color, #005f4a);
}
@media (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt .info .text {
    padding-top: 2.4rem;
  }
}
.home_imtxt .grid-vw .imtxt-bg {
  --color: #fff;
  background: #005f4a;
  padding: 10.2rem;
  border-radius: max(0.8rem, 8px);
  grid-template-columns: 5fr 4fr;
  gap: 12.8rem;
}
@media (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt-bg {
    padding: 10.2rem 2.4rem;
  }
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_imtxt .grid-vw .imtxt-bg {
    padding: 1.6rem 1.6rem 4rem;
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.home_imtxt .grid-vw .imtxt-bg .im img {
  aspect-ratio: 496/480;
}
.home_imtxt .grid-vw .imtxt-bg a:focus,
.home_imtxt .grid-vw .imtxt-bg button:focus,
.home_imtxt .grid-vw .imtxt-bg select:focus,
.home_imtxt .grid-vw .imtxt-bg input:focus {
  outline: 1px solid #fff;
}
.home_events {
  padding-top: 16rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_events {
    padding-top: 4rem;
  }
}
.home_events .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 4rem;
  align-items: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_events .grid-vw {
    grid-template-columns: 1fr;
  }
}
.home_events .grid-vw .title {
  color: #005f4a;
}
.home_events .grid-vw .title.center {
  text-align: center;
}
.home_events .grid-vw .btn {
  justify-self: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_events .grid-vw .btn {
    justify-self: center;
    order: 3;
  }
}
.home_events .grid-vw .events {
  grid-column: span 2;
  display: grid;
  grid-auto-rows: 1fr;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_events .grid-vw .events {
    grid-auto-rows: auto;
    grid-column: auto;
  }
}
.home_events .grid-vw .events .Aevent + .Aevent {
  margin-top: 2.4rem;
}
.home_events .grid-vw:not(:has(.btn)) .title {
  grid-column: span 2;
}
.home_news {
  padding-top: 12rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_news {
    padding-top: 4rem;
  }
}
.home_news .grid-vw {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 4rem;
  align-items: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_news .grid-vw {
    grid-template-columns: 1fr;
  }
}
.home_news .grid-vw .title {
  color: #005f4a;
}
.home_news .grid-vw .title.center {
  text-align: center;
}
.home_news .grid-vw .btn {
  justify-self: end;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_news .grid-vw .btn {
    justify-self: center;
    order: 3;
  }
}
.home_news .grid-vw .news {
  grid-column: span 2;
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_news .grid-vw .news {
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
    grid-column: auto;
  }
}
.home_news .grid-vw .news .Aevent + .Aevent {
  margin-top: 2.4rem;
}
.home_news .grid-vw:not(:has(.btn)) .title {
  grid-column: span 2;
}
.home_tabs {
  padding-top: 16rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_tabs {
    padding-top: 4rem;
  }
}
.home_tabs .grid-vw {
  position: relative;
  padding-top: 21.7rem;
  padding-bottom: 21.7rem;
  background: #005f4a;
  color: #fff;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_tabs .grid-vw {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.home_tabs .grid-vw .IO {
  position: absolute;
  bottom: max(35vh, 300px);
  left: 0;
  width: 10px;
  aspect-ratio: 1;
  background-color: red;
}
.home_tabs .grid-vw .top .Aclaim {
  max-width: 62.2rem;
}
.home_tabs .grid-vw .cols {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_tabs .grid-vw .cols {
    grid-template-columns: 1fr;
  }
}
.home_tabs .grid-vw .cols .tabs .Atab_c:focus {
  outline: 1px solid #fff;
}
.home_tabs .grid-vw .cols .tabs .Atab_c_plus:before,
.home_tabs .grid-vw .cols .tabs .Atab_c_plus:after {
  background: #fff;
}
.home_tabs .grid-vw .cols .imhold {
  position: relative;
}
.home_tabs .grid-vw .cols .imhold .im {
  position: relative;
  width: 100%;
  aspect-ratio: 600/350;
  border-radius: max(0.8rem, 8px);
  overflow: hidden;
}
.home_tabs .grid-vw .cols .imhold .im .IO[data-cls="lazy"] {
  bottom: 30%;
}
.home_tabs .grid-vw .cols .imhold .im img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    0.6s opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1),
    0.9s transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}
.home_tabs .grid-vw .cols .imhold .im img:not(.L) {
  opacity: 0;
  transform: scale(1.1);
}
.home_tabs .grid-vw .cols .imhold .Apoit {
  position: absolute;
  left: 60%;
  top: -20%;
  transform: rotate(-15deg) translate(-50%, -50%);
}
@media (max-aspect-ratio: 12/10) and (max-width: 1194px) {
  .home_tabs .grid-vw .cols .imhold .Apoit {
    display: none;
  }
}
.home_tabs .grid-vw.SV .Aclaim span:after {
  transform: scaleX(1);
}
@media (min-width: 1195px) {
  .page_intro {
    padding-top: 10rem;
  }
}
@media (max-width: 1194px) {
  .page_intro {
    padding-top: calc(48px + (43.1184) * (100vw - 375px) / 819);
  }
}
.page_intro img {
  width: 100%;
}