@charset "UTF-8";
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.5em;
  font-weight: bold;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

table {
  width: 100%;
  margin-bottom: 1.5em;
  border-spacing: 0;
  border-collapse: collapse;
}

table th,
table td {
  padding: 0.5em;
  border: 1px solid #000;
}

table th {
  font-weight: bold;
}

caption,
table th,
table td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q::before,
q::after,
blockquote::before,
blockquote::after {
  content: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body * {
  max-height: 99999em;
  word-break: break-word;
}

p {
  margin-bottom: 1.5em;
}

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

a:hover {
  text-decoration: none;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a img {
  border: none;
}

input,
label,
select,
button {
  line-height: inherit;
}

input,
label,
select,
button,
textarea {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  word-break: normal;
  vertical-align: middle;
  white-space: normal;
  -webkit-appearance: none;
}

button {
  color: inherit;
}

textarea {
  overflow: auto;
  line-height: 1.5;
  white-space: pre-line;
  resize: none;
}

button:focus {
  outline: 0;
}

input:focus,
textarea:focus,
select:focus {
  outline: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  display: none;
}

@media print {
  html,
  body {
    width: 1600px;
    margin: 0;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  @page {
    margin: 0;
    size: 11in 14.028in;
  }
  @page :left {
    margin: 0;
  }
  @page :right {
    margin: 0;
  }
  @page :first {
    margin-top: 0;
  }
}
@font-face {
  font-family: "MTD Starcity Script";
  src: url(mtd_starcity_script.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DFVN-MOON-CROWD";
  src: url(dfvn-moon-crowd.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SVN-Gotham-Regular";
  src: url(svn-gotham-regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SVN-GOTHAM-BOLD";
  src: url(svn-gotham-bold.ttf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
html {
  line-height: 1;
}
html::-webkit-scrollbar {
  width: 0;
  opacity: 0;
}
html {
  background: #072d26;
}
@media print, (min-width: 768px) {
  html {
    overflow: auto scroll;
    font-size: 5.2083333333vw;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  html {
    font-size: 7.0422535211vw;
  }
}
@media only screen and (max-width: 767.98px) {
  html::-webkit-scrollbar {
    width: 0;
    opacity: 0;
  }
  html {
    min-height: 100vh;
    font-size: 22.7272727273dvw;
  }
}

body {
  background: #072d26;
  color: #000;
  font-family: "Noto Serif Display", sans-serif;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
html.is-frozen-windows body {
  position: fixed;
  width: 100%;
}

a:not([class]),
.u-effect-underline {
  transition: -webkit-text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease;
  transition: text-decoration 0.5s ease, -webkit-text-decoration 0.5s ease;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.03em;
}
a:not([class]):hover,
.u-effect-underline:hover {
  text-decoration-color: transparent;
}
html.is-touchable a:not([class]):hover,
html.is-touchable .u-effect-underline:hover {
  text-decoration-color: inherit;
}

img,
svg {
  image-rendering: smooth;
  shape-rendering: geometricprecision;
}

.trans {
  transition: opacity 0.5s ease;
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
}
.trans:hover {
  opacity: 0.8;
}
html.is-touchable .trans:hover {
  opacity: 1;
}

.image-common {
  display: block;
  width: 100%;
}

.object-common {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper {
  margin-right: auto;
  margin-left: auto;
}
@media print, (min-width: 768px) {
  .wrapper {
    width: calc(100% - 0.4rem);
    max-width: 17.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .wrapper {
    width: calc(100% - 0.4rem);
  }
}

@media print, (min-width: 768px) {
  .sm {
    display: none !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .md {
    display: none !important;
  }
}

.hidden {
  display: none !important;
}

.header-common {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.3s ease;
}
.header-common.is-hide {
  transform: translateY(-100%);
}
.header-common .header-inner {
  position: relative;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10000;
}
.header-common .header-left {
  display: flex;
  align-items: center;
}
.header-common .header-lang {
  display: flex;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  font-family: "Be VietNam Pro", sans-serif;
  transition: color 0.3s ease;
}
.header-common .header-lang svg {
  fill: #ffffff;
  transition: fill 0.3s ease;
}
html.is-dark-bg .header-common {}
html.is-dark-bg .header-common .header-lang {
  color: #0e312a;
}
html.is-dark-bg .header-common .header-lang svg {
  fill: #0e312a;
}
html.is-dark-bg .header-common .header-menu-btn.is-click-active + .header-lang {
  color: #fff;
}
html.is-dark-bg .header-common .header-menu-btn.is-click-active + .header-lang svg{
  fill: #fff;
}
.header-common .header-logo {
  position: relative;
  display: block;
  will-change: opacity, visibility;
  /*opacity: 0;
  visibility: hidden;*/
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header-common .header-logo img {
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
}
.header-common .header-logo .is-light {
  opacity: 0;
}
html.is-dark-bg .header-common .header-logo .is-light {
  opacity: 1;
}
html.is-dark-bg .header-common .header-logo .is-normal {
  opacity: 0;
}
.header-common .header-logo:hover {
  opacity: 0.8 !important;
}
.header-common .header-logo.is-visible {
  opacity: 1;
  visibility: visible;
}
.header-common .header-right {
  display: flex;
  align-items: center;
}
.header-common .header-phone {
  display: flex;
  align-items: center;
  color: #ffffff;font-family: "SVN-Gotham-Regular";
  text-transform: uppercase;
}

html.is-dark-bg .header-common .header-phone,
html.is-dark-bg .header-common .header-cta {
  color: #0e312a;
}

html.is-dark-bg .header-common:has(.is-click-active) .header-phone,
html.is-dark-bg .header-common:has(.is-click-active) .header-cta {
  color: #fff;
}

html.is-dark-bg .header-common .header-icon {
  background-color: #0e312a;
}

.header-common .header-cta {
  display: flex;
  align-items: center;
  border: none;
  color: #ffffff;font-family: "SVN-Gotham-Regular";
  text-transform: uppercase;
}
.header-common .header-phone,
.header-common .header-cta {
  cursor: pointer;
  transition: color 0.3s ease;
}
.header-common .header-phone:hover,
.header-common .header-cta:hover {
  color: #ffbdd6;
}
.header-common .header-phone:hover .header-icon,
.header-common .header-cta:hover .header-icon {
  border-color: #ffbdd6;
}
.header-common .header-phone:hover .header-icon::after,
.header-common .header-cta:hover .header-icon::after {
  transform: translateY(0);
  opacity: 1;
}
.header-common .header-phone:hover .header-icon::before,
.header-common .header-cta:hover .header-icon::before {
  transform: translateY(-100%);
  opacity: 0;
}
.header-common .header-icon {
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
.header-common .header-icon::after, .header-common .header-icon::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.header-common .header-icon::before {
  transform: none;
  opacity: 1;
}
.header-common .header-icon.is-phone::after {
  background-image: url(icon_phone_hover.svg);
}
.header-common .header-icon.is-phone::before {
  background-image: url(icon_phone.svg);
}
.header-common .header-icon.is-cta::after {
  background-image: url(icon_doc_hover.svg);
}
.header-common .header-icon.is-cta::before {
  background-image: url(icon_doc.svg);
}
.header-common .header-navigation-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media print, (min-width: 768px) {
  .header-common {
    padding: 0.22rem 0;
  }
  .header-common .wrapper {
    max-width: 18.36rem;
  }
  .header-common .header-icon {
    width: 0.56rem;
    height: 0.56rem;
  }
  .header-common .header-phone {
    gap: 0.15rem;
    font-size: 0.24rem;
    line-height: 1.2;
  }
  .header-common .header-cta {
    gap: 0.1rem;
    font-size: 0.19rem;
    line-height: 1.2;
  }
  .header-common .header-right {
    gap: 0.48rem;
  }
  .header-common .header-left {
    gap: 0.32rem;
  }
  .header-common .header-lang {
    font-size: 0.16rem;
    line-height: 1.2;
    gap: 0.12rem;
  }
  .header-common .header-logo {
    width: 1.33rem;
    height: 0.76rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .header-common {
    padding: 0.22rem 0;
  }
  .header-common .header-icon {
    width: 0.56rem;
    height: 0.56rem;
  }
  .header-common .header-phone {
    gap: 0.15rem;
    font-size: 0.24rem;
    line-height: 1.2;
  }
  .header-common .header-cta {
    gap: 0.1rem;
    font-size: 0.18rem;
    line-height: 1.2;
  }
  .header-common .header-right {
    display: none;
  }
  .header-common .header-left {
    gap: 0.2rem;
  }
  .header-common .header-lang {
    font-size: 0.16rem;
    line-height: 1.2;
    gap: 0.12rem;
  }
  .header-common .header-logo {
    width: 1.25rem;
    height: 0.76rem;
  }
  .header-common .header-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.header-menu-btn {
  border-radius: 50%;
  background: #0f3a32;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.header-menu-btn::before {
  position: absolute;
  content: "";
  background: url(logo_bg.svg) center center/cover no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.header-menu-btn span {
  width: 0.18rem;
  height: 0.01rem;
  background: #fff;
  transition: all 0.3s ease;
}
.header-menu-btn span:last-child {
  width: 0.28rem;
}
.header-menu-btn.is-click-active span {
  width: 0.28rem;
}
.header-menu-btn.is-click-active span:last-child {
  transform: rotate(45deg) translate(-0.03rem, -0.03rem);
}
.header-menu-btn.is-click-active span:first-child {
  transform: rotate(-45deg) translate(-0.03rem, 0.03rem);
}
@media print, (min-width: 768px) {
  .header-menu-btn {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: -0.02rem;
    gap: 0.08rem;
    padding: 0.16rem;
  }
  .header-menu-btn::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .header-menu-btn {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: -0.02rem;
    gap: 0.08rem;
    padding: 0.11rem;
  }
  .header-menu-btn::before {
    width: 0.7rem;
    height: 0.7rem;
  }
}

.header-common-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(menu_bg.jpg) center center/cover no-repeat;
  z-index: 9999;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header-common-navigation.is-click-active {
  opacity: 1;
  visibility: visible;
}
.header-common-navigation .navigation-wrapper {
  height: 100%;
  overflow: hidden auto;
}
.header-common-navigation .navigation-wrapper::-webkit-scrollbar {
  width: 0;
  opacity: 0;
}
.header-common-navigation .navigation-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, (min-width: 768px) {
  .header-common-navigation {
    padding: 1.75rem 0 0.3rem;
  }
}
@media (min-width: 768px) and (max-height: 599.98px) {
  .header-common-navigation {
    padding: 1.6rem 0 0.3rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .header-common-navigation {
    padding: 1.4rem 0 0.3rem;
  }
  .header-common-navigation .navigation-wrapper {
    padding: 0 0.2rem;
    overflow: hidden auto;
  }
}

.navigation-menu {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
}
.navigation-menu .item-link {
  text-transform: uppercase;
  font-family: "SVN-Gotham-Regular";
  text-align: center;
  transition: color 0.3s ease;
  cursor: pointer;
}
.navigation-menu .item-link:hover {
  color: #ffbdd6;
}
@media print, (min-width: 768px) {
  .navigation-menu {
    max-width: 5.4rem;
    margin-bottom: 0.3rem;
  }
  .navigation-menu .item-link {
    font-size: 1.5625vw;
    line-height: 2.5;
  }
}
@media (min-width: 768px) and (max-height: 719.98px) {
  .navigation-menu .item-link {
    font-size: 0.24rem;
  }
}
@media (min-width: 768px) and (max-height: 599.98px) {
  .navigation-menu {
    margin-bottom: 0.1rem;
  }
  .navigation-menu .item-link {
    font-size: 0.3rem;
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767.98px) {
  .navigation-menu {
    max-width: 5.4rem;
    margin-bottom: 0.4rem;
  }
  .navigation-menu .menu-item {
    margin-bottom: 0.3rem;
  }
  .navigation-menu .item-link {
    font-size: 0.24rem;
    line-height: 1.3333333333;
  }
}

.navigation-socials {
  display: flex;
  align-items: center;
}
.navigation-socials .header-icon {
  display: block;
  border-radius: 50%;
}
.navigation-socials .header-icon.is-facebook {
  background: url(social_icon_03.svg) center center/cover no-repeat;
}
.navigation-socials .header-icon.is-youtube {
  background: url(social_icon_02.svg) center center/cover no-repeat;
}
.navigation-socials .header-icon.is-tiktok {
  background: url(social_icon_01.svg) center center/cover no-repeat;
}
@media print, (min-width: 768px) {
  .navigation-socials {
    padding: 0 1.18rem;
    gap: 0.2rem;
  }
  .navigation-socials .header-icon {
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .navigation-socials {
    justify-content: center;
    padding: 0 0.2rem;
    gap: 0.2rem;
  }
  .navigation-socials .header-icon {
    width: 0.6rem;
    height: 0.6rem;
  }
}

.intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #0a2923;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.intro:not(.is-hidden) ~ html, .intro:not(.is-hidden) ~ body {
  overflow: hidden !important;
}
.intro .intro-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
}
.intro .intro-logo path,
.intro .intro-logo polygon {
  fill-opacity: 0;
  stroke: #fff;
  stroke-width: 1.5;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawLine 2s ease forwards, fillWhite 0.5s ease forwards 1s;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.intro .intro-logo .path-logo {
  paint-order: stroke;
}
@keyframes fillWhite {
  to {
    stroke-opacity: 0;
    fill-opacity: 1;
  }
}
.intro.is-hidden {
  animation: introExit 0.6s ease 1.5s forwards;
}
@media print, (min-width: 768px) {
  .intro .intro-logo {
    width: 3.99rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .intro .intro-logo {
    width: 2.66rem;
  }
}

@keyframes introExit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
.intro-svg .st0 {
  fill: #046c51;
}
.intro-svg .st1 {
  stroke: #fff;
  clip-path: url(#SVGID_1_);
  fill: url(#XMLID_51_);
}
.intro-svg .st2 {
  stroke: #fff;
  clip-path: url(#SVGID_2_);
  fill: url(#XMLID_52_);
}
.intro-svg .st3 {
  stroke: #fff;
  clip-path: url(#SVGID_3_);
  fill: url(#XMLID_53_);
}
.intro-svg .st4 {
  stroke: #fff;
  clip-path: url(#SVGID_4_);
  fill: url(#XMLID_54_);
}
.intro-svg .st5 {
  stroke: #fff;
  clip-path: url(#SVGID_5_);
  fill: url(#XMLID_55_);
}
.intro-svg .st6 {
  stroke: #fff;
  clip-path: url(#SVGID_6_);
  fill: url(#XMLID_56_);
}
.intro-svg .st7 {
  stroke: #fff;
  clip-path: url(#SVGID_7_);
  fill: url(#XMLID_57_);
}
.intro-svg .st8 {
  stroke: #fff;
  clip-path: url(#SVGID_8_);
  fill: url(#XMLID_58_);
}
.intro-svg .st9 {
  stroke: #fff;
  clip-path: url(#SVGID_9_);
  fill: url(#XMLID_59_);
}

.media-popup {
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#mediaPopup .popup-box {
  background: url(gallery_bg_01.jpg) center center/cover no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#mediaPopup .popup-close {
  background: url(close_icon_01.svg) center center/cover no-repeat;
}

@media print, (min-width: 768px) {
  #mediaPopup .popup-box {
    padding: 0.8rem 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  #mediaPopup .popup-box:has(.slide-video) {
    display: block;
  }
  #mediaPopup .popup-box:has(.slide-video) .popup-title {
    margin-top: 0.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  #mediaPopup .popup-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  #mediaPopup .popup-body {
    width: 4.4rem;
    height: auto;
  }
}
#premisesPopup .popup-box,
#premisesDetailPopup .popup-box {
  background-color: rgba(10, 36, 30, 0.4);
}

@media print, (min-width: 768px) {
  #premisesPopup .popup-close,
  #premisesDetailPopup .popup-close {
    background: url(close_icon_02.svg) center center/cover no-repeat;
  }
  #premisesPopup .popup-body,
  #premisesDetailPopup .popup-body {
    height: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  #premisesPopup .popup-box {
    display: flex;
  }
  #premisesPopup .popup-box,
  #premisesDetailPopup .popup-box {
    overflow: hidden auto;
  }
  #premisesPopup .popup-box::-webkit-scrollbar,
  #premisesDetailPopup .popup-box::-webkit-scrollbar {
    width: 0;
    opacity: 0;
  }
  #premisesPopup .popup-close,
  #premisesDetailPopup .popup-close {
    background: url(close_icon_01.svg) center center/cover no-repeat;
  }
}
#contactPopup .popup-box {
  background: url(contact_bg.jpg) center center/cover no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.12rem;
}

#contactPopup .popup-close {
  background: url(close_icon_03.svg) center center/cover no-repeat;
}

#contactPopup .popup-body {
  height: 100%;
}

#contactPopup .footer-common-contact {
  margin: 0 auto;
  width: 100%;
}

#contactPopup .contact-form {
  border: none;
  padding: 0;
}

#contactPopup .popup-overlay {
  background: rgba(13, 29, 25, 0.6);
}

@media print, (min-width: 768px) {
  #contactPopup .popup-box {
    max-width: 11rem;
    max-height: 7.5rem;
  }
  #contactPopup .footer-common-contact {
    padding: 0.96rem 0;
    max-width: 5.4rem;
  }
  #contactPopup .contact-title {
    margin-bottom: 0.84rem;
    font-size: 0.45rem;
  }
  #contactPopup .form-group {
    gap: 0.3rem;
    margin-bottom: 0.3rem;
  }
  #contactPopup .form-controller {
    margin-top: 0.7rem;
  }
}
#utilitiesPopup .popup-box {
  background: url(utilities_bg_01.jpg) center center/cover no-repeat;
}

#utilitiesPopup .popup-close {
  background: url(close_icon_01.svg) center center/cover no-repeat;
}

#utilitiesPopup .popup-image {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#utilitiesPopup .popup-image > div.md, #utilitiesPopup .popup-image > div.sm {
  position: relative;
}
#utilitiesPopup .popup-image .st0 {
  fill: #DE7C31;
}
#utilitiesPopup .popup-image .st1 {
  fill: #FFFFFF;
}
#utilitiesPopup .popup-image .st2 {
  font-family: "Be VietNam Pro", sans-serif;
}
#utilitiesPopup .popup-image .st3 {
  font-size: 16px;
}

@media print, (min-width: 768px) {
  #utilitiesPopup .list-gallery-tabs,
  #utilitiesPopup .tabs-content,
  #utilitiesPopup .tab-panel,
  #utilitiesPopup .popup-image {
    height: 100%;
  }
}

#utilitiesPopup .popup-path {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#utilitiesPopup .popup-body {
  height: 100%;
  align-content: center;
}

#utilitiesPopup .popup-path {
  cursor: pointer;
  transition: fill 0.3s ease;
}

#utilitiesPopup .popup-path .is-landscape {
  fill: rgb(222, 124, 49);
}

#utilitiesPopup .popup-path .is-landscape:hover {
  fill: #ffbdd6;
}

#utilitiesPopup .popup-path .is-architecture {
  fill: rgb(17, 63, 54);
}

#utilitiesPopup .popup-path .is-architecture:hover {
  fill: #ffbdd6;
}

#utilitiesPopup .popup-path tspan {
  pointer-events: none;
}

#utilitiesPopup .is-zoom {
  opacity: 0;
}
#utilitiesPopup.active .is-zoom {
  animation-name: scaleLarge;
  animation-duration: 1.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
@media print, (min-width: 768px) {
  #utilitiesPopup .utilities-wrapper {
    opacity: 0;
  }
  #utilitiesPopup.active .utilities-wrapper {
    animation-name: fadeUp;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
}

.media-popup.active {
  opacity: 1;
  visibility: visible;
}

.popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.popup-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.popup-title {
  text-align: center;
  font-family: "SVN-Gotham-Regular"; text-transform: uppercase;
  margin: 0;        font-weight: 400;
}

@media print, (min-width: 768px) {
  .popup-title {
    font-size: 0.24rem;
    line-height: 1.4583333333;
    margin: -0.3rem 0 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-title {
    margin-top: 0.2rem;
  }
}
.popup-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
}

@media print, (min-width: 768px) {
  .popup-close {
    width: 0.63rem;
    height: 0.63rem;
    margin-top: 0.12rem;
    margin-right: 0.15rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .popup-close {
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.1rem;
    margin-right: 0.1rem;
  }
}
.footer-common {
  background: url(footer_bg.jpg) center center/cover no-repeat;
  position: relative;
  z-index: 10;
}

.footer-common .footer-note {
  text-align: center;
  color: rgba(255, 255, 255, 0.502);
  font-family: "Be VietNam Pro", sans-serif;
  letter-spacing: 0.01em;
}

.footer-common .footer-note span {
  font-style: italic;
  text-decoration: underline;
}

@media print, (min-width: 768px) {
  .footer-common {
    padding: 1.2rem 0 0.5rem;
    min-height: 9.8rem;
  }
  .footer-common .wrapper {
    max-width: 11.08rem;
  }
  .footer-common .footer-wrapper {
    display: flex;
  }
  .footer-common .footer-note {
    margin-top: 0.54rem;
    font-size: 0.15rem;
    line-height: 1.4666666667;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-common {
    padding: 0.48rem 0;
  }
  .footer-common .footer-note {
    margin-top: 0.4rem;
    font-size: 0.12rem;
    line-height: 1.3333333333;
  }
}
.footer-common-information .information-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-common-information .information-list * {
  font-family: "Be VietNam Pro", sans-serif;
  font-style: normal;
}

.footer-common-information .list-item:last-child {
  margin-bottom: 0;
}

.footer-common-information .item-title {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}

.footer-common-information address,
.footer-common-information a {
  color: #fff;
  text-transform: none;
}

.footer-common-information address {
  letter-spacing: 0.01em;
}

.footer-common-information .footer-logo {
  display: block;
}

.footer-common-information .footer-logo img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.footer-common-information .item-phone {
  font-family: "SVN-Gotham-Regular";
  color: rgb(255, 189, 214);
  text-transform: uppercase;
  display: inline-block;
}

@media print, (min-width: 768px) {
  .footer-common-information {
    flex: 0 0 auto;
    width: 4.96rem;
  }
  .footer-common-information .footer-logo {
    width: 1.33rem;
    margin-bottom: 0.58rem;
  }
  .footer-common-information .list-item {
    margin-bottom: 0.32rem;
  }
  .footer-common-information .item-title {
    margin-bottom: 0.1rem;
    font-size: 0.18rem;
    line-height: 1.2;
  }
  .footer-common-information address,
  .footer-common-information a {
    font-size: 0.18rem;
    line-height: 1.556;
  }
  .footer-common-information address {
    width: 3.9rem;
  }
  .footer-common-information .item-phone {
    font-size: 0.35rem;
    line-height: 1.2;
    margin-top: -0.05rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-common-information .footer-logo {
    width: 1.33rem;
    margin: 0 auto 0.3rem;
  }
  .footer-common-information .list-item {
    margin-bottom: 0.32rem;
  }
  .footer-common-information .item-title {
    margin-bottom: 0.1rem;
    font-size: 0.16rem;
    line-height: 1.2;
  }
  .footer-common-information address,
  .footer-common-information a {
    font-size: 0.16rem;
    line-height: 1.556;
  }
  .footer-common-information .item-phone {
    font-size: 0.26rem;
    line-height: 1.2;
  }
}
.footer-common-contact .contact-title {
  color: #fff;font-family: "SVN-Gotham-Regular";
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
}

.footer-common-contact .contact-form {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0.1rem;
}

.footer-common-contact .form-group {
  display: flex;
}

.footer-common-contact .group-input {
  width: 50%;
}

.footer-common-contact .form-controller {
  display: flex;
  justify-content: center;
}

@media print, (min-width: 768px) {
  .footer-common-contact {
    flex: 1;
    padding-top: 0.3rem;
    margin-bottom: 0.46rem;
  }
  .footer-common-contact .contact-title {
    margin-bottom: 0.4rem;
    font-size: 0.45rem;
  }
  .footer-common-contact .contact-form {
    padding: 0.44rem 0.32rem 0.6rem;
  }
  .footer-common-contact .form-group {
    gap: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .footer-common-contact .form-controller {
    margin-top: 0.71rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-common-contact {
    padding-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .footer-common-contact .contact-title {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
  }
  .footer-common-contact .contact-form {
    padding: 0.3rem;
  }
  .footer-common-contact .form-group {
    gap: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .footer-common-contact .form-controller {
    margin-top: 0.3rem;
  }
}
.input-common {
  width: 100%;
  border: none;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
}

.input-common:focus {
  outline: none;
}

.input-common::-moz-placeholder {
  color: rgba(255, 255, 255, 0.502);
  text-transform: uppercase;
  line-height: 1.944;
}

.input-common::placeholder {
  color: rgba(255, 255, 255, 0.502);
  text-transform: uppercase;
  line-height: 1.944;
}

@media print, (min-width: 768px) {
  .input-common {
    font-size: 0.18rem;
    padding-bottom: 0.11rem;
    height: 0.38rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .input-common {
    font-size: 0.16rem;
    padding-bottom: 0.1rem;
    height: 0.38rem;
  }

  html.is-device-iphone .input-common {
    font-size: .18rem;
  }
}
.textarea-common {
  width: 100%;
  border: none;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  resize: none;
}

.textarea-common:focus {
  outline: none;
}

.textarea-common::-moz-placeholder {
  color: rgba(255, 255, 255, 0.502);
  text-transform: uppercase;
  line-height: 1.944;
}

.textarea-common::placeholder {
  color: rgba(255, 255, 255, 0.502);
  text-transform: uppercase;
  line-height: 1.944;
}

@media print, (min-width: 768px) {
  .textarea-common {
    font-size: 0.18rem;
    height: 0.94rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .textarea-common {
    font-size: 0.16rem;
    height: 1rem;
  }

  html.is-device-iphone .textarea-common {
    font-size: .18rem;
  }
}
.button-contact {
  cursor: pointer;
  color: rgb(14, 50, 42);font-family: "SVN-Gotham-Regular";
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  background: #ffbdd6;
  border: none;
  outline: none;
  border-radius: 9999px;
  position: relative;
  transition: background 0.3s ease;
  overflow: hidden;
}
.button-contact:hover {
  background: #fff;
}

@media print, (min-width: 768px) {
  .button-contact {
    font-size: 0.2rem;
    width: 3rem;
    min-height: 0.6rem;
    padding: 0.06rem 0.3rem 0.04rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .button-contact {
    font-size: 0.16rem;
    width: 2rem;
    min-height: 0.4rem;
    padding: 0.06rem 0.3rem 0.04rem;
  }
}
.socials-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.socials-list .item-wrapper {
  display: block;
}

.socials-list .list-item {
  margin-bottom: 0;
}

@media print, (min-width: 768px) {
  .socials-list {
    margin-top: 0.47rem;
    gap: 0.13rem;
  }
  .socials-list .item-wrapper {
    width: 0.67rem;
    height: 0.67rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .socials-list {
    margin-top: 0.2rem;
    gap: 0.12rem;
  }
  .socials-list .item-wrapper {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.footer-navigation {
  text-transform: uppercase;
  font-family: "Be VietNam Pro", sans-serif;
}

.footer-navigation .navigation-list {
  color: #a1acbd;
  display: flex;
  align-items: center;
}

.footer-navigation .list-item {
  position: relative;
  letter-spacing: 0.01em;
  display: block;
}

.footer-navigation .list-item::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: none;
  opacity: 0.2;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #ffffff;
}

.footer-navigation .list-item + .list-item::before {
  display: block;
}

.footer-navigation small {
  color: #fff;
}

.footer-navigation small span {
  opacity: 0.6;
}

@media print, (min-width: 768px) {
  .footer-navigation {
    margin-top: 0.54rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer-navigation small {
    font-size: 0.16rem;
    line-height: 1.375;
  }
  .footer-navigation .navigation-list {
    gap: 0.2rem;
  }
  .footer-navigation .list-item {
    padding-left: 0.26rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .footer-navigation {
    margin-top: 0.2rem;
  }
  .footer-navigation small {
    display: block;
    margin-bottom: 0.12rem;
    font-size: 0.12rem;
    line-height: 1.5;
  }
  .footer-navigation .navigation-list {
    gap: 0.1rem;
  }
  .footer-navigation .list-item {
    padding-left: 0.2rem;
    font-size: 0.14rem;
  }
  .footer-navigation .list-item:first-child {
    padding-left: 0;
  }
}
.button-chat {
  position: fixed;
  z-index: 999;
  cursor: pointer;
  display: block;
}
.button-chat .button-wrapper {
  transition: transform 0.3s ease;
}
.button-chat:hover .button-wrapper {
  transform: scale(1.1);
}

@media print, (min-width: 768px) {
  .button-chat {
    width: 0.56rem;
    height: 0.56rem;
    bottom: 0.2rem;
    right: 0.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .button-chat {
    width: 0.4rem;
    height: 0.4rem;
    bottom: 0.2rem;
    right: 0.2rem;
  }
}
.c-breadcrumb {
  position: relative;
  font-weight: 700;
  color: #efa009;
}
.c-breadcrumb .c-breadcrumb__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.c-breadcrumb .c-breadcrumb__entry:not(:last-child)::after {
  content: "/";
  margin: 0 0.25em;
  display: inline-block;
}
.c-breadcrumb .c-breadcrumb__entry-wrapper {
  display: inline-block;
  position: relative;
  color: inherit;
}
.c-breadcrumb a.c-breadcrumb__entry-wrapper::after {
  content: "";
  position: absolute;
  border-radius: 9999px 9999px 0 0;
  background-color: #efa009;
  top: 100%;
  right: 0;
  left: 0;
  transition: opacity 0.5s ease;
}
.c-breadcrumb a.c-breadcrumb__entry-wrapper:hover::after {
  opacity: 0;
}
@media print, (min-width: 768px) {
  .c-breadcrumb {
    margin: 0.42rem 0 0.45rem;
    font-size: 0.36rem;
    line-height: 1.25;
  }
  .c-breadcrumb .c-breadcrumb__entry-wrapper::after {
    height: 0.03rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-breadcrumb {
    margin: 1.05rem 0 0.18rem;
    font-size: 0.14rem;
    line-height: 1.2857142857;
  }
  .c-breadcrumb .c-breadcrumb__entry-wrapper::after {
    height: 0.01rem;
  }
}

.c-card-character {
  flex: 0 0 auto;
  position: relative;
  font-family: "Oxanium", sans-serif;
  font-weight: 500;
}
.c-card-character .c-card-character__viewport,
.c-card-character .c-card-character__wrapper,
.c-card-character .c-card-character__inner,
.c-card-character .c-card-character__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.c-card-character .c-card-character__inner {
  z-index: 2;
  flex: 1 1 auto;
}
.c-card-character .c-card-character__label {
  margin: 0;
  display: block;
  text-align: center;
}
.c-card-character .c-card-character__content {
  flex: 1 1 auto;
}
.c-card-character .c-card-character__content-detail p {
  margin: 0;
}
@media print, (min-width: 768px) {
  .c-card-character {
    width: 4.3rem;
  }
  .c-card-character .c-card-character__viewport {
    gap: 0.4rem;
  }
  .c-card-character .c-card-character__wrapper {
    --cut-size: 0.41rem 0 0.41rem 0;
    --border-width: 0.05rem;
    --border-type: inner;
    --border-color: #fff;
    background-color: rgba(255, 255, 255, 0.27);
    clip-path: polygon(0.41rem 0, 100% 0, 100% calc(100% - 0.41rem), calc(100% - 0.41rem) 100%, 0 100%, 0 0.41rem);
  }
  .c-card-character .c-card-character__wrapper::before, .c-card-character .c-card-character__wrapper::after {
    content: "";
    width: 1.06rem;
    height: 1.19rem;
    border-width: 0.03rem 0.03rem 0 0;
    border-style: solid;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.27);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
  }
  .c-card-character .c-card-character__wrapper::before {
    top: 0.22rem;
    right: 0.22rem;
  }
  .c-card-character .c-card-character__wrapper::after {
    bottom: 0.22rem;
    left: 0.22rem;
    transform: scale(-1, -1);
  }
  .c-card-character .c-card-character__wrapper.is-overview {
    min-height: 4.54rem;
  }
  .c-card-character .c-card-character__wrapper.is-overview .c-card-character__content-detail {
    padding-bottom: 13.8095238095%;
  }
  .c-card-character .c-card-character__wrapper.is-style {
    min-height: 2.27rem;
  }
  .c-card-character .c-card-character__wrapper.is-style .c-card-character__content {
    justify-content: flex-start;
  }
  .c-card-character .c-card-character__wrapper.is-skills {
    min-height: 7.21rem;
  }
  .c-card-character .c-card-character__inner {
    padding: 0.21rem 0.05rem 0.48rem;
  }
  .c-card-character .c-card-character__label {
    margin-bottom: 0.23rem;
    padding: 0 calc((100% - 3.5rem) / 2);
    font-size: 0.32rem;
    line-height: 1.25;
  }
  .c-card-character .c-card-character__content {
    justify-content: center;
  }
  .c-card-character .c-card-character__content-detail {
    padding: 0 calc((100% - 3.5rem) / 2);
    font-size: 0.2rem;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-card-character {
    --cut-size: 0.2rem 0 0.2rem 0;
    --border-width: 0.02rem;
    --border-type: inner;
    --border-color: #fff;
    width: 1.82rem;
    min-height: 2.05rem;
    padding: 0.09rem 0.02rem 0.15rem;
    background-color: rgba(255, 255, 255, 0.27);
    clip-path: polygon(0.2rem 0, 100% 0, 100% calc(100% - 0.2rem), calc(100% - 0.2rem) 100%, 0 100%, 0 0.2rem);
  }
  .c-card-character::before, .c-card-character::after {
    content: "";
    width: 0.45rem;
    height: 0.35rem;
    border-width: 0.02rem 0.02rem 0 0;
    border-style: solid;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.27);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
  }
  .c-card-character::before {
    top: 0.06rem;
    right: 0.06rem;
  }
  .c-card-character::after {
    bottom: 0.06rem;
    left: 0.06rem;
    transform: scale(-1, -1);
  }
  .c-card-character .c-card-character__wrapper .c-canvas {
    display: none;
  }
  .c-card-character .c-card-character__label {
    margin-bottom: 0.04rem;
    padding: 0 0.1rem;
    font-size: 0.18rem;
    line-height: 1.2777777778;
  }
}

@media only screen and (max-width: 767.98px) {
  .c-card-character:not(.is-standalone) {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(56, 28, 0, 0.9));
  }
  .c-card-character:not(.is-standalone) .c-card-character__viewport {
    gap: 0.1rem;
  }
  .c-card-character:not(.is-standalone) .c-card-character__wrapper:first-child .c-card-character__label-extra {
    margin: 0.03rem 0 0.05rem;
    display: block;
    padding: 0;
    font-size: 0.12rem;
    line-height: 1.25;
    text-align: left;
  }
  .c-card-character:not(.is-standalone) .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    margin-bottom: 0.05rem;
    padding: 0 0.1rem;
    font-size: 0.12rem;
    line-height: 1.25;
    text-align: left;
  }
  .c-card-character:not(.is-standalone) .c-card-character__content-detail {
    padding: 0 0.1rem;
    font-size: 0.08rem;
    line-height: 1.25;
  }
}

.c-filters-news {
  display: flex;
  justify-content: space-between;
  gap: 0.2rem;
}
.c-filters-news .c-filters-news__wrapper {
  display: flex;
  flex-wrap: wrap;
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  color: #878787;
  transition: color 0.5s ease;
}
.c-filters-news .c-filters-news__entry-wrapper {
  display: block;
  position: relative;
  transition: color 0.5s ease;
  cursor: pointer;
}
.c-filters-news .c-filters-news__entry-wrapper::after {
  content: "";
  background-color: #3684da;
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  border-radius: 99999px;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.c-filters-news .c-filters-news__entry-wrapper:hover,
.c-filters-news .c-filters-news__entry-wrapper.is-tab-active {
  color: #3684da;
}
.c-filters-news .c-filters-news__entry-wrapper.is-tab-active::after {
  opacity: 1;
}
@media print, (min-width: 768px) {
  .c-filters-news {
    margin-bottom: 0.26rem;
    padding-left: 0.1rem;
  }
  .c-filters-news .c-filters-news__wrapper {
    gap: 0.2rem 0.81rem;
    font-size: 0.24rem;
    line-height: 1.125;
  }
  .c-filters-news .c-filters-news__entry-wrapper::after {
    height: 0.03rem;
    top: calc(100% + 0.06rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-filters-news {
    margin-bottom: 0.28rem;
  }
  .c-filters-news .c-filters-news__wrapper {
    gap: 0.2rem 0.25rem;
    font-size: 0.12rem;
    line-height: 1.0833333333;
  }
  .c-filters-news .c-filters-news__entry-wrapper::after {
    height: 0.02rem;
    top: calc(100% + 0.03rem);
  }
}

.c-input-search {
  display: flex;
  position: relative;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.c-input-search input {
  width: 100%;
  flex: 1 1 0;
  position: relative;
  z-index: 0;
  background: #fff;
  border: 1px solid #d6d6d6;
  box-shadow: 0 1px 0.04rem rgba(0, 0, 0, 0.25);
  border-radius: 0.1rem;
}
.c-input-search input::-moz-placeholder {
  color: #979797;
  opacity: 1;
}
.c-input-search input::placeholder {
  color: #979797;
  opacity: 1;
}
.c-input-search button {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}
@media print, (min-width: 768px) {
  .c-input-search {
    width: 3.45rem;
    font-size: 0.24rem;
  }
  .c-input-search input {
    height: 0.51rem;
    padding: 0 0.67rem 0 0.24rem;
  }
  .c-input-search button {
    width: 0.67rem;
    background: url(../icon_search_01.html) calc(0% + 0.15rem) 50%/0.27rem auto no-repeat;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-input-search {
    width: 1.45rem;
    font-size: 0.08rem;
  }
  .c-input-search input {
    height: 0.21rem;
    padding: 0 0.3rem 0 0.18rem;
  }
  .c-input-search button {
    width: 0.3rem;
    background: url(../icon_search_01.html) calc(0% + 0.1rem) 50%/0.11rem auto no-repeat;
  }
}

.c-frame-tabbing {
  display: none;
}

.c-frame-tabbing.is-tab-active {
  display: block;
}

.c-icon-views {
  max-width: 35%;
  background: #efa009 url(../icon_views_01.html) 0% 50%/auto auto no-repeat;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #121212;
}
.c-icon-views .c-icon-views__wrapper {
  position: relative;
}
@media print, (min-width: 768px) {
  .c-icon-views {
    background-size: 0.16rem auto;
    background-position: calc(0% + 0.17rem) 50%;
    padding: 0.09rem 0.19rem 0.09rem 0.44rem;
    border-radius: 0.05rem;
    font-size: 0.25rem;
    line-height: 1.24;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-icon-views {
    background-size: 0.06rem auto;
    background-position: calc(0% + 0.04rem) 50%;
    padding: 0.03rem 0.07rem 0.03rem 0.13rem;
    border-radius: 0.02rem;
    font-size: 0.08rem;
    line-height: 1.25;
  }
  .c-icon-views .c-icon-views__wrapper {
    top: 0.01rem;
  }
}

.c-icon-helper {
  width: 0.13rem;
  height: 0.13rem;
  border: 0.01rem solid #efa009;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: "Oxanium", sans-serif;
  font-weight: 500;
  font-size: 0.1rem;
  line-height: 1;
  color: #fff;
  flex: 0 0 auto;
}
.c-icon-helper .c-icon-helper__wrapper {
  position: relative;
  top: 0.01rem;
}

.c-list-news {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.c-list-news .c-list-news__item-wrapper {
  display: flex;
}
.c-list-news .c-list-news__item-thumbnail {
  flex: 0 0 auto;
}
.c-list-news .c-list-news__thumbnail-wrapper {
  position: relative;
  padding-top: 56.1403508772%;
}
.c-list-news .c-list-news__thumbnail-wrapper .u-object {
  position: absolute;
  inset: 0;
}
.c-list-news .c-list-news__item-information {
  flex: 1 1 0;
}
.c-list-news .c-list-news__information-title {
  margin: 0;
  display: block;
  font-weight: 700;
  color: #efa009;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.c-list-news .c-list-news__information-detail {
  font-weight: 600;
  color: #4a4a4a;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.c-list-news .c-list-news__information-detail p {
  margin: 0;
}
@media print, (min-width: 768px) {
  .c-list-news {
    padding: 0 0.33rem 0 0.19rem;
    gap: 0.26rem;
  }
  .c-list-news .c-list-news__item-wrapper {
    gap: 0.5rem;
  }
  .c-list-news .c-list-news__item-thumbnail {
    width: 3.99rem;
  }
  .c-list-news .c-list-news__information-title {
    margin: 0.05rem 0 0.12rem;
    font-size: 0.36rem;
    line-height: 1.25;
  }
  .c-list-news .c-list-news__information-detail {
    padding-right: 1.13rem;
    font-size: 0.25rem;
    line-height: 1.24;
  }
  .c-list-news .c-properties-information {
    margin-top: 0.19rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-list-news {
    gap: 0.15rem;
  }
  .c-list-news .c-list-news__item-wrapper {
    gap: 0.11rem;
  }
  .c-list-news .c-list-news__item-thumbnail {
    width: 1.41rem;
  }
  .c-list-news .c-list-news__information-title {
    margin-bottom: 0.01rem;
    font-size: 0.14rem;
    line-height: 1.2857142857;
  }
  .c-list-news .c-list-news__information-detail {
    padding-right: 0.37rem;
    font-size: 0.12rem;
    line-height: 1.25;
  }
  .c-list-news .c-properties-information {
    margin-top: 0;
  }
}

.c-list-skills {
  display: flex;
  flex-direction: column;
  font-family: "Oxanium", sans-serif;
  font-weight: 600;
}
.c-list-skills .c-list-skills__item {
  display: flex;
  align-items: center;
}
.c-list-skills .c-list-skills__item-icon {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.c-list-skills .c-list-skills__icon-wrapper {
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.c-list-skills .c-list-skills__icon-wrapper::before, .c-list-skills .c-list-skills__icon-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
}
.c-list-skills .c-list-skills__icon-wrapper::before {
  border-radius: 50%;
  box-shadow: inset 0 0.04rem 0.1rem 0.05rem rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.c-list-skills .c-list-skills__icon-wrapper::after {
  background: linear-gradient(to bottom, #ffd363, #efa009) 50% 50%/100% 100% no-repeat;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><circle cx='50' cy='50' r='50' fill='000'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><circle cx='50' cy='50' r='50' fill='000'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><circle cx='50' cy='50' r='50' fill='000'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><circle cx='50' cy='50' r='50' fill='000'/></svg>");
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  -webkit-mask-position: 50% 50%, 50% 50%;
          mask-position: 50% 50%, 50% 50%;
  -webkit-mask-repeat: no-repeat, no-repeat;
          mask-repeat: no-repeat, no-repeat;
  z-index: 2;
}
.c-list-skills .c-list-skills__icon-wrapper .u-object {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.c-list-skills .c-list-skills__icon-caption {
  border-radius: 50%;
  background-color: #160f08;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  text-align: center;
}
.c-list-skills .c-list-skills__caption-wrapper {
  display: block;
  position: relative;
}
.c-list-skills .c-list-skills__item-title {
  margin: 0;
  display: block;
  position: relative;
}
.c-list-skills .c-list-skills__item-description p {
  margin: 0;
}
@media print, (min-width: 768px) {
  .c-list-skills {
    padding: 0 calc((100% - 3.46rem) / 2);
    gap: 0.42rem;
  }
  .c-list-skills .c-list-skills__item {
    gap: 0.22rem;
  }
  .c-list-skills .c-list-skills__item-icon {
    width: 1.03rem;
  }
  .c-list-skills .c-list-skills__icon-wrapper::after {
    -webkit-mask-size: 100% 100%, calc(100% - 0.08rem) calc(100% - 0.08rem);
            mask-size: 100% 100%, calc(100% - 0.08rem) calc(100% - 0.08rem);
  }
  .c-list-skills .c-list-skills__icon-caption {
    min-width: 0.31rem;
    min-height: 0.31rem;
    margin: -0.17rem 0 -0.14rem;
    border: 0.02rem solid #ffd363;
    font-size: 0.2rem;
    line-height: 1;
  }
  .c-list-skills .c-list-skills__caption-wrapper {
    top: 0.01rem;
  }
  .c-list-skills .c-list-skills__item-title {
    margin-bottom: 0.07rem;
    font-size: 0.24rem;
    line-height: 1.2666666667;
  }
  .c-list-skills .c-list-skills__item-description {
    font-size: 0.18rem;
    line-height: 1.25;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-list-skills {
    padding: 0 0.1rem;
    gap: 0.1rem;
  }
  .c-list-skills .c-list-skills__item {
    gap: 0.03rem;
  }
  .c-list-skills .c-list-skills__item-icon {
    width: 0.33rem;
  }
  .c-list-skills .c-list-skills__icon-wrapper::after {
    -webkit-mask-size: 100% 100%, calc(100% - 0.04rem) calc(100% - 0.04rem);
            mask-size: 100% 100%, calc(100% - 0.04rem) calc(100% - 0.04rem);
  }
  .c-list-skills .c-list-skills__icon-caption {
    min-width: 0.1rem;
    min-height: 0.1rem;
    margin: -0.05rem 0 -0.05rem;
    border: 0.01rem solid #ffd363;
    font-size: 0.08rem;
    line-height: 1;
  }
  .c-list-skills .c-list-skills__caption-wrapper {
    top: 0.01rem;
  }
  .c-list-skills .c-list-skills__item-title {
    margin-bottom: -0.01rem;
    font-size: 0.12rem;
    line-height: 1.25;
  }
  .c-list-skills .c-list-skills__item-description {
    font-size: 0.08rem;
    line-height: 1.25;
  }
}

.pagination-common {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-common .pagination-arrow-wrapper {
  border-radius: 50%;
  background: url(arrow_icon_05.svg) center center/contain no-repeat;
  display: block;
  border: 1px solid #fff;
  transition: background 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}
.pagination-common .pagination-arrow-wrapper.is-prev {
  transform: rotate(180deg);
}
.pagination-common .pagination-arrow-wrapper:hover {
  border-color: #ffbdd6;
  background: #ffbdd6 url(arrow_icon_05.svg) center center/contain no-repeat;
}
.pagination-common .pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination-common .pagination-entry-wrapper {
  color: rgba(255, 255, 255, 0.502);
  font-family: "Be VietNam Pro", sans-serif;
  text-align: center;
  line-height: 1.2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.pagination-common .pagination-entry-wrapper.is-active {
  color: #0e312a;
  background-color: #ffbdd6;
}
.pagination-common .pagination-entry-wrapper:hover {
  color: #0e312a;
  background-color: #ffbdd6;
}
@media print, (min-width: 768px) {
  .pagination-common {
    gap: 0.2rem;
  }
  .pagination-common .pagination-wrapper {
    gap: 0.1rem;
  }
  .pagination-common .pagination-arrow-wrapper {
    width: 0.52rem;
    height: 0.52rem;
  }
  .pagination-common .pagination-entry-wrapper {
    font-size: 0.16rem;
    width: 0.52rem;
    height: 0.52rem;
    padding: 0.08rem 0.1rem 0.04rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .pagination-common {
    gap: 0.2rem;
  }
  .pagination-common .pagination-wrapper {
    gap: 0.1rem;
  }
  .pagination-common .pagination-arrow-wrapper {
    width: 0.4rem;
    height: 0.4rem;
  }
  .pagination-common .pagination-entry-wrapper {
    font-size: 0.16rem;
    width: 0.4rem;
    height: 0.4rem;
    padding: 0.08rem 0.04rem 0.04rem;
  }
}

.c-properties-information {
  gap: 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4a4a4a;
}
.c-properties-information .c-properties-information__date {
  display: block;
  font-weight: 600;
}
.c-properties-information .c-properties-information__date-label {
  margin-right: 0.19rem;
}
.c-properties-information .c-properties-information__date-wrapper {
  color: #b4b4b4;
}
@media print, (min-width: 768px) {
  .c-properties-information .c-properties-information__date {
    font-size: 0.25rem;
    line-height: 1.24;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-properties-information .c-properties-information__date {
    font-size: 0.1rem;
    line-height: 1.3;
  }
}

.c-properties-information.is-footing {
  justify-content: flex-end;
}

.c-section-news {
  position: relative;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .c-section-news {
    padding: 0.6rem 0 0.03rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-section-news {
    padding: 1.04rem 0 0.03rem;
  }
}

.c-single {
  color: #4a4a4a;
}
.c-single .c-single__heading-title {
  margin: 0;
  display: block;
  font-weight: 700;
  text-align: center;
  color: #efa009;
}
.c-single .c-single__heading-excerpt {
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .c-single {
    padding-bottom: 0.43rem;
  }
  .c-single .c-single__heading {
    margin-bottom: 0.34rem;
  }
  .c-single .c-single__heading:has(.c-single__heading-excerpt) {
    margin-bottom: 0.13rem;
  }
  .c-single .c-single__heading:has(.c-single__heading-excerpt) .c-single__heading-title {
    margin-bottom: 0.35rem;
  }
  .c-single .c-single__heading-title {
    font-size: 0.58rem;
    line-height: 1.2586206897;
  }
  .c-single .c-single__heading-excerpt {
    font-size: 0.25rem;
    line-height: 1.4;
  }
  .c-single .u-wrapper {
    max-width: 12.3rem;
  }
  .c-single .c-single-footing {
    margin-top: 0.55rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-single {
    padding-bottom: 0.21rem;
  }
  .c-single .c-single__heading {
    margin-bottom: 0.35rem;
  }
  .c-single .c-single__heading:has(.c-single__heading-excerpt) {
    margin-bottom: 0.175rem;
  }
  .c-single .c-single__heading:has(.c-single__heading-excerpt) .c-single__heading-title {
    margin-bottom: 0.35rem;
  }
  .c-single .c-single__heading-title {
    font-size: 0.28rem;
    line-height: 1.25;
  }
  .c-single .c-single__heading-excerpt {
    font-size: 0.12rem;
    line-height: 1.4583333333;
  }
  .c-single .u-wrapper {
    width: calc(100% - 0.35rem);
  }
  .c-single .c-single-footing {
    margin-top: 0.19rem;
  }
}

.c-post {
  color: #4a4a4a;
}
.c-post h1:last-child,
.c-post h2:last-child,
.c-post h3:last-child,
.c-post h4:last-child,
.c-post h5:last-child,
.c-post h6:last-child,
.c-post p:last-child,
.c-post ul:last-child,
.c-post ol:last-child,
.c-post figure:last-child {
  margin-bottom: 0;
}
.c-post h1,
.c-post h2,
.c-post h3,
.c-post h4,
.c-post h5,
.c-post h6 {
  font-weight: 600;
}
.c-post p {
  font-size: 1em;
}
.c-post ul {
  list-style-type: none;
}
.c-post ul ul li::before {
  content: "+ ";
  border-radius: none;
  background: transparent;
}
.c-post ul li {
  position: relative;
}
.c-post ul li:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #4a4a4a;
}
.c-post ol {
  list-style-type: decimal;
}
.c-post figure img {
  max-width: 100%;
  height: auto;
}
@media print, (min-width: 768px) {
  .c-post {
    font-size: 0.25rem;
    line-height: 1.4;
  }
  .c-post h1,
  .c-post h2,
  .c-post h3,
  .c-post h4,
  .c-post h5,
  .c-post h6 {
    margin-bottom: 0.1rem;
  }
  .c-post h1 + p,
  .c-post h2 + p,
  .c-post h3 + p,
  .c-post h4 + p,
  .c-post h5 + p,
  .c-post h6 + p {
    margin-top: 0.22rem;
  }
  .c-post h1 + figure,
  .c-post h2 + figure,
  .c-post h3 + figure,
  .c-post h4 + figure,
  .c-post h5 + figure,
  .c-post h6 + figure {
    margin-top: 0.55rem;
  }
  .c-post h2 {
    font-size: 1.6em;
    line-height: 1.25;
  }
  .c-post h3 {
    font-size: 1.28em;
    line-height: 1.25;
  }
  .c-post h4,
  .c-post h5,
  .c-post h6 {
    line-height: 1.25;
  }
  .c-post h4 {
    font-size: 1.2em;
  }
  .c-post h5 {
    font-size: 1.12em;
  }
  .c-post h6 {
    font-size: 1.04em;
  }
  .c-post p {
    margin-bottom: 0.35rem;
  }
  .c-post p + h1, .c-post p + h2, .c-post p + h3, .c-post p + h4, .c-post p + h5, .c-post p + h6 {
    margin-top: 0.35rem;
  }
  .c-post p + ul, .c-post p + ol {
    margin-top: -0.35rem;
  }
  .c-post ul,
  .c-post ol {
    margin-bottom: 0.35rem;
    padding-left: 0.42rem;
  }
  .c-post ul + figure,
  .c-post ol + figure {
    margin-top: 0.58rem;
  }
  .c-post ul ul,
  .c-post ul ol,
  .c-post ol ul,
  .c-post ol ol {
    padding-left: 0.25rem;
  }
  .c-post ul ul li::before,
  .c-post ol ul li::before {
    width: auto;
    height: auto;
    top: 0;
    left: -0.18rem;
  }
  .c-post ul li::before {
    width: 0.05rem;
    height: 0.05rem;
    top: 0.15rem;
    left: -0.25rem;
  }
  .c-post figure {
    margin-bottom: 0.28rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-post {
    font-size: 0.12rem;
    line-height: 1.4583333333;
  }
  .c-post h1,
  .c-post h2,
  .c-post h3,
  .c-post h4,
  .c-post h5,
  .c-post h6 {
    margin-bottom: 0.06rem;
  }
  .c-post h1 + p,
  .c-post h2 + p,
  .c-post h3 + p,
  .c-post h4 + p,
  .c-post h5 + p,
  .c-post h6 + p {
    margin-top: 0.1rem;
  }
  .c-post h1 + figure,
  .c-post h2 + figure,
  .c-post h3 + figure,
  .c-post h4 + figure,
  .c-post h5 + figure,
  .c-post h6 + figure {
    margin-top: 0.55rem;
  }
  .c-post h2 {
    font-size: 1.6666666667em;
    line-height: 1.25;
  }
  .c-post h3 {
    font-size: 1.1666666667em;
    line-height: 1.2857142857;
  }
  .c-post h4,
  .c-post h5,
  .c-post h6 {
    line-height: 1.2857142857;
  }
  .c-post h4 {
    font-size: 1.3333333333em;
  }
  .c-post h5 {
    font-size: 1.1666666667em;
  }
  .c-post h6 {
    font-size: 1.0833333333em;
  }
  .c-post p {
    margin-bottom: 0.175rem;
  }
  .c-post p + h1, .c-post p + h2, .c-post p + h3, .c-post p + h4, .c-post p + h5, .c-post p + h6 {
    margin-top: -0.115rem;
  }
  .c-post p + ul, .c-post p + ol {
    margin-top: -0.175rem;
  }
  .c-post ul,
  .c-post ol {
    margin-bottom: 0.175rem;
    padding-left: 0.16rem;
  }
  .c-post ul + figure,
  .c-post ol + figure {
    margin-top: 0.175rem;
  }
  .c-post ul ul,
  .c-post ul ol,
  .c-post ol ul,
  .c-post ol ol {
    padding-left: 0.1rem;
  }
  .c-post ul ul li::before,
  .c-post ol ul li::before {
    width: auto;
    height: auto;
    top: 0;
    left: -0.1rem;
  }
  .c-post ul li::before {
    width: 0.02rem;
    height: 0.02rem;
    top: 0.0775rem;
    left: -0.1rem;
  }
  .c-post figure {
    margin-bottom: 0.14rem;
  }
}

.c-slider-character .c-slider-character__arrow {
  margin: 0;
  background-color: #ffd363;
  transform: none;
  -webkit-mask: url(../icon_arrow_03.html) 50% 50%/100% auto no-repeat;
          mask: url(../icon_arrow_03.html) 50% 50%/100% auto no-repeat;
}
.c-slider-character .c-slider-character__arrow::after {
  display: none;
}
.c-slider-character .c-slider-character__arrow.swiper-button-prev {
  transform: scale(-1, 1);
}
.c-slider-character .c-slider-character__arrow {
  transition: opacity 0.5s ease;
}
.c-slider-character .c-slide-character__arrow.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media print, (min-width: 768px) {
  .c-slider-character .c-slider-character__arrow {
    width: 0.96rem;
    height: 0.96rem;
    top: calc(50% - 0.48rem - 0.265rem);
  }
  .c-slider-character .c-slider-character__arrow.swiper-button-prev {
    left: calc(50% - 7.2rem);
  }
  .c-slider-character .c-slider-character__arrow.swiper-button-next {
    right: calc(50% - 7.2rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slider-character .c-slider-character__arrow {
    width: 0.37rem;
    height: 0.37rem;
    top: calc(50% - 0.185rem - 0.06rem);
  }
  .c-slider-character .c-slider-character__arrow.swiper-button-prev {
    left: 0;
  }
  .c-slider-character .c-slider-character__arrow.swiper-button-next {
    right: 0;
  }
}

.c-slide-character {
  position: relative;
  color: #fff;
  font-family: "Oxanium", sans-serif;
}
.c-slide-character::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #fff;
  opacity: 0.16;
}
.c-slide-character .c-slide-character__viewport {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.c-slide-character .c-slide-character__thumbnail {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
}
.c-slide-character .c-slide-character__thumbnail-wrapper {
  padding-top: 150%;
  position: relative;
  flex: 0 0 auto;
}
.c-slide-character .c-slide-character__thumbnail-wrapper .u-object {
  position: absolute;
  top: 0;
  left: 0;
}
.c-slide-character .c-slide-character__title {
  margin: 0;
  display: block;
  font-weight: 500;
  text-align: center;
}
@media print, (min-width: 768px) {
  .c-slide-character::before {
    -webkit-mask: url(../mask_character_01.html) calc(50% - 1.09rem) calc(50% + 0.13rem)/23.33rem auto no-repeat;
            mask: url(../mask_character_01.html) calc(50% - 1.09rem) calc(50% + 0.13rem)/23.33rem auto no-repeat;
  }
  .c-slide-character .c-slide-character__viewport {
    max-width: 14.4rem;
    margin: 0 auto;
    padding: 0.95rem 0.92rem 0;
  }
  .c-slide-character .c-slide-character__wrapper {
    order: 2;
  }
  .c-slide-character .c-slide-character__thumbnail {
    margin-top: 0.6rem;
  }
  .c-slide-character .c-slide-character__thumbnail-wrapper {
    width: 4rem;
  }
  .c-slide-character .c-slide-character__title {
    margin: -0.32rem 0 0.08rem;
    font-size: 0.63rem;
    line-height: 1.253968254;
  }
  .c-slide-character .c-frame-tabbing {
    display: block;
    order: 1;
  }
  .c-slide-character .c-card-character.is-standalone {
    order: 3;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character::before {
    -webkit-mask: url(../mask_character_01-2.html) 50% calc(50% - 0.22rem)/100% auto no-repeat;
            mask: url(../mask_character_01-2.html) 50% calc(50% - 0.22rem)/100% auto no-repeat;
  }
  .c-slide-character .c-slide-character__viewport {
    padding: 0.24rem 0.29rem 0;
  }
  .c-slide-character .c-slide-character__wrapper {
    order: 2;
  }
  .c-slide-character .c-slide-character__thumbnail {
    margin: -0.01rem -0.05rem;
  }
  .c-slide-character .c-slide-character__thumbnail-wrapper {
    width: 1.55rem;
  }
  .c-slide-character .c-slide-character__title {
    margin: 0.08rem 0;
    font-size: 0.18rem;
    line-height: 1.2777777778;
  }
  .c-slide-character .c-frame-tabbing {
    position: absolute;
    top: 0.35rem;
    right: 0.29rem;
    z-index: 2;
  }
  .c-slide-character .c-card-character.is-standalone {
    order: 1;
  }
  .c-slide-character .c-slide-character__toggle {
    display: flex;
    align-items: center;
    position: absolute;
    gap: 0.05rem;
    top: 0.1rem;
    right: 0.07rem;
    font-size: 0.1rem;
    line-height: 1.3;
    cursor: pointer;
  }
  .c-slide-character .c-slide-character__toggle-wrapper {
    top: 0.01rem;
    position: relative;
  }
}

.c-slide-character.is-gukku::before {
  background-color: #f68718;
}
.c-slide-character.is-gukku .c-slide-character__title {
  color: #efa009;
}
.c-slide-character.is-gukku .c-card-character .c-card-character__label {
  color: #ffd363;
}
.c-slide-character.is-gukku .c-list-skills .c-list-skills__item-title {
  color: #efa009;
}
.c-slide-character.is-gukku .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #ffd363;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-gukku .c-card-character .c-card-character__wrapper {
    --border-color: #ffd363;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-gukku .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-gukku .c-card-character .c-card-character__wrapper::after {
    border-color: #ffd363;
    background-color: rgba(61, 34, 8, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-gukku .c-card-character {
    --border-color: #ffd363;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-gukku .c-card-character::before, .c-slide-character.is-gukku .c-card-character::after {
    border-color: #ffd363;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-gukku .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #efa009;
  }
  .c-slide-character.is-gukku .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #efa009;
  }
}

.c-slide-character.is-buu::before {
  background-color: #f618c6;
}
.c-slide-character.is-buu .c-slide-character__title {
  color: #fa9eff;
}
.c-slide-character.is-buu .c-card-character .c-card-character__label {
  color: #fa9eff;
}
.c-slide-character.is-buu .c-list-skills .c-list-skills__item-title {
  color: #fa9eff;
}
.c-slide-character.is-buu .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #fa9eff;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-buu .c-card-character .c-card-character__wrapper {
    --border-color: #fa9eff;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-buu .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-buu .c-card-character .c-card-character__wrapper::after {
    border-color: #fa9eff;
    background-color: rgba(61, 34, 8, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-buu .c-card-character {
    --border-color: #fa9eff;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-buu .c-card-character::before, .c-slide-character.is-buu .c-card-character::after {
    border-color: #fa9eff;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-buu .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #fa9eff;
  }
  .c-slide-character.is-buu .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #fa9eff;
  }
}

.c-slide-character.is-cellion::before {
  background-color: #18e7f6;
}
.c-slide-character.is-cellion .c-slide-character__title {
  color: #9effe8;
}
.c-slide-character.is-cellion .c-card-character .c-card-character__label {
  color: #9effe8;
}
.c-slide-character.is-cellion .c-list-skills .c-list-skills__item-title {
  color: #9effe8;
}
.c-slide-character.is-cellion .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #9effe8;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-cellion .c-card-character .c-card-character__wrapper {
    --border-color: #9effe8;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-cellion .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-cellion .c-card-character .c-card-character__wrapper::after {
    border-color: #9effe8;
    background-color: rgba(61, 34, 8, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-cellion .c-card-character {
    --border-color: #9effe8;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-cellion .c-card-character::before, .c-slide-character.is-cellion .c-card-character::after {
    border-color: #9effe8;
    background-color: rgba(61, 34, 8, 0.27);
  }
  .c-slide-character.is-cellion .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #9effe8;
  }
  .c-slide-character.is-cellion .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #9effe8;
  }
}

.c-slide-character.is-pocolo::before {
  background-color: #a8f618;
}
.c-slide-character.is-pocolo .c-slide-character__title {
  color: #ffff65;
}
.c-slide-character.is-pocolo .c-card-character .c-card-character__label {
  color: #ffff65;
}
.c-slide-character.is-pocolo .c-list-skills .c-list-skills__item-title {
  color: #FFFF65;
}
.c-slide-character.is-pocolo .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #88c731;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-pocolo .c-card-character .c-card-character__wrapper {
    --border-color: #88c731;
    background-color: rgba(18, 61, 8, 0.27);
  }
  .c-slide-character.is-pocolo .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-pocolo .c-card-character .c-card-character__wrapper::after {
    border-color: #88c731;
    background-color: rgba(18, 61, 8, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-pocolo .c-card-character {
    --border-color: #88c731;
    background-color: rgba(18, 61, 8, 0.27);
  }
  .c-slide-character.is-pocolo .c-card-character::before, .c-slide-character.is-pocolo .c-card-character::after {
    border-color: #88c731;
    background-color: rgba(18, 61, 8, 0.27);
  }
  .c-slide-character.is-pocolo .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #88c731;
  }
  .c-slide-character.is-pocolo .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #88c731;
  }
}

.c-slide-character.is-frizar::before {
  background-color: #ca18f6;
}
.c-slide-character.is-frizar .c-slide-character__title {
  color: #e26dff;
}
.c-slide-character.is-frizar .c-card-character .c-card-character__label {
  color: #e26dff;
}
.c-slide-character.is-frizar .c-list-skills .c-list-skills__item-title {
  color: #e26dff;
}
.c-slide-character.is-frizar .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #c562ff;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-frizar .c-card-character .c-card-character__wrapper {
    --border-color: #c562ff;
    background-color: rgba(44, 8, 61, 0.27);
  }
  .c-slide-character.is-frizar .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-frizar .c-card-character .c-card-character__wrapper::after {
    border-color: #c562ff;
    background-color: rgba(44, 8, 61, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-frizar .c-card-character {
    --border-color: #c562ff;
    background-color: rgba(44, 8, 61, 0.27);
  }
  .c-slide-character.is-frizar .c-card-character::before, .c-slide-character.is-frizar .c-card-character::after {
    border-color: #c562ff;
    background-color: rgba(44, 8, 61, 0.27);
  }
  .c-slide-character.is-frizar .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #c562ff;
  }
  .c-slide-character.is-frizar .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #c562ff;
  }
}

.c-slide-character.is-vegiita::before {
  background-color: #8318f6;
}
.c-slide-character.is-vegiita .c-slide-character__title {
  color: #b672ff;
}
.c-slide-character.is-vegiita .c-card-character .c-card-character__label {
  color: #b672ff;
}
.c-slide-character.is-vegiita .c-list-skills .c-list-skills__item-title {
  color: #b672ff;
}
.c-slide-character.is-vegiita .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #b672ff;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-vegiita .c-card-character .c-card-character__wrapper {
    --border-color: #7e63f3;
    background-color: rgba(38, 8, 61, 0.27);
  }
  .c-slide-character.is-vegiita .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-vegiita .c-card-character .c-card-character__wrapper::after {
    border-color: #7e63f3;
    background-color: rgba(38, 8, 61, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-vegiita .c-card-character {
    --border-color: #7e63f3;
    background-color: rgba(38, 8, 61, 0.27);
  }
  .c-slide-character.is-vegiita .c-card-character::before, .c-slide-character.is-vegiita .c-card-character::after {
    border-color: #7e63f3;
    background-color: rgba(38, 8, 61, 0.27);
  }
  .c-slide-character.is-vegiita .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #7e63f3;
  }
  .c-slide-character.is-vegiita .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #7e63f3;
  }
}

.c-slide-character.is-majbbu::before {
  background-color: #f618c6;
}
.c-slide-character.is-majbbu .c-slide-character__title {
  color: #fa9eff;
}
.c-slide-character.is-majbbu .c-card-character .c-card-character__label {
  color: #fa9eff;
}
.c-slide-character.is-majbbu .c-list-skills .c-list-skills__item-title {
  color: #fa9eff;
}
.c-slide-character.is-majbbu .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  background-color: #fa9eff;
}
@media print, (min-width: 768px) {
  .c-slide-character.is-majbbu .c-card-character .c-card-character__wrapper {
    --border-color: #fa9eff;
    background-color: rgba(60, 8, 61, 0.27);
  }
  .c-slide-character.is-majbbu .c-card-character .c-card-character__wrapper::before, .c-slide-character.is-majbbu .c-card-character .c-card-character__wrapper::after {
    border-color: #fa9eff;
    background-color: rgba(60, 8, 61, 0.27);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slide-character.is-majbbu .c-card-character {
    --border-color: #fa9eff;
    background-color: rgba(60, 8, 61, 0.27);
  }
  .c-slide-character.is-majbbu .c-card-character::before, .c-slide-character.is-majbbu .c-card-character::after {
    border-color: #fa9eff;
    background-color: rgba(60, 8, 61, 0.27);
  }
  .c-slide-character.is-majbbu .c-card-character__wrapper:first-child .c-card-character__label-extra {
    color: #fa9eff;
  }
  .c-slide-character.is-majbbu .c-card-character__wrapper:not(:first-child) .c-card-character__label {
    color: #fa9eff;
  }
}

.c-slider-skills .c-slider-skills__pagination {
  height: auto;
  margin: 0;
  bottom: 0;
  padding: 0;
  display: flex;
  position: relative;
  justify-content: center;
  text-align: center;
}
.c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  border-radius: 0;
  background-color: #fff;
  opacity: 0.5;
  transition: 0.5s ease;
}
.c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet:hover,
.c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
@media print, (min-width: 768px) {
  .c-slider-skills .c-slider-skills__pagination {
    margin-top: 0.45rem;
    gap: 0.18rem;
    font-size: 0.2rem;
    font-weight: 1.25;
  }
  .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
    min-width: 0.4rem;
    min-height: 0.4rem;
    padding: 0.05rem;
    border-radius: 0.15rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-slider-skills .c-slider-skills__pagination {
    margin-top: 0.04rem;
    gap: 0.06rem;
    font-size: 0.072rem;
    font-weight: 1.25;
  }
  .c-slider-skills .c-slider-skills__pagination .swiper-pagination-bullet {
    min-width: 0.14rem;
    min-height: 0.14rem;
    padding: 0.02rem;
    border-radius: 0.054rem;
  }
}

.c-tab-news {
  display: grid;
  flex-wrap: wrap;
  font-family: "Oxanium", sans-serif;
  font-weight: 500;
  text-align: center;
  color: #fff;
  grid-template-columns: repeat(3, 1fr);
}
.c-tab-news .c-tab-news__entry-wrapper {
  background: #121212;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: background 0.5s ease, color 0.5s ease;
}
.c-tab-news .c-tab-news__entry-wrapper::before {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: #2d2d2d;
  -webkit-mask: url(../mask_news_01.html) 50% 50%/100% auto no-repeat;
          mask: url(../mask_news_01.html) 50% 50%/100% auto no-repeat;
  transition: background 0.5s ease;
}
.c-tab-news .c-tab-news__entry-wrapper:hover,
.c-tab-news .c-tab-news__entry-wrapper.is-tab-active {
  background-color: #efa009;
  color: #121212;
}
.c-tab-news .c-tab-news__entry-wrapper:hover::before,
.c-tab-news .c-tab-news__entry-wrapper.is-tab-active::before {
  background-color: #db7500;
}
.c-tab-news .c-tab-news__entry-label {
  display: block;
  position: relative;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .c-tab-news {
    gap: 0.04rem;
    font-size: 0.4rem;
    line-height: 1.25;
  }
  .c-tab-news .c-tab-news__entry-wrapper {
    min-height: 1rem;
    padding: 0.2rem;
  }
  .c-tab-news .c-tab-news__entry-wrapper::before {
    width: 3.87rem;
    height: 3.38rem;
    left: calc(100% - 1.69rem);
    bottom: 0.1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-tab-news {
    gap: 0.01rem;
    font-size: 0.12rem;
    line-height: 1.25;
  }
  .c-tab-news .c-tab-news__entry-wrapper {
    min-height: 0.32rem;
    padding: 0.06rem 0.1rem;
  }
  .c-tab-news .c-tab-news__entry-wrapper::before {
    width: 1.18rem;
    height: 1.08rem;
    left: calc(100% - 0.51rem);
    bottom: 0.04rem;
  }
  .c-tab-news .c-tab-news__entry-label {
    top: 0.01rem;
  }
}

.c-title-primary {
  margin: 0;
  display: flex;
  position: relative;
  font-family: "Oxanium", sans-serif;
  font-weight: 600;
  color: #efa009;
}
.c-title-primary::before {
  content: "";
  background-color: #efa009;
  position: absolute;
  bottom: 100%;
}
.c-title-primary .c-title-primary__wrapper {
  display: block;
  position: relative;
  flex: 1 1 auto;
}
@media print, (min-width: 768px) {
  .c-title-primary {
    padding-bottom: 0.13rem;
    border-bottom: 0.03rem solid #efa009;
    font-size: 0.5rem;
    line-height: 1.26;
  }
  .c-title-primary::before {
    width: calc(50% - 3.27rem);
    height: 0.32rem;
    bottom: -1px;
  }
  .c-title-primary .c-title-primary__wrapper {
    margin: 0 0.2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-primary {
    border-bottom: 0.02rem solid #efa009;
    font-size: 0.18rem;
    line-height: 1.2777777778;
  }
  .c-title-primary::before {
    width: 1.2rem;
    height: 0.13rem;
    bottom: -1px;
  }
  .c-title-primary .c-title-primary__wrapper {
    margin: 0 0.1rem -0.01rem;
  }
}

.c-title-primary.is-align-right {
  text-align: right;
}
.c-title-primary.is-align-right::before {
  left: 0;
}
@media print, (min-width: 768px) {
  .c-title-primary.is-align-right::before {
    clip-path: polygon(0 0, calc(100% - 0.58rem) 0%, 100% 100%, 0% 100%);
  }
  .c-title-primary.is-align-right .c-title-primary__wrapper {
    padding-right: calc(50% - 6.97rem - 0.2rem);
    padding-left: calc(50% + 1rem - 0.2rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-primary.is-align-right::before {
    clip-path: polygon(0 0, calc(100% - 0.19rem) 0%, 100% 100%, 0% 100%);
  }
  .c-title-primary.is-align-right .c-title-primary__wrapper {
    padding-left: calc(50% - 0.1rem);
  }
}

.c-title-primary.is-align-left {
  text-align: left;
}
.c-title-primary.is-align-left::before {
  right: 0;
}
@media print, (min-width: 768px) {
  .c-title-primary.is-align-left::before {
    clip-path: polygon(0.58rem 0%, 100% 0, 100% 100%, 0% 100%);
  }
  .c-title-primary.is-align-left .c-title-primary__wrapper {
    padding-right: calc(50% + 1rem - 0.2rem);
    padding-left: calc(50% - 6.97rem - 0.2rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .c-title-primary.is-align-left::before {
    clip-path: polygon(0.19rem 0%, 100% 0, 100% 100%, 0% 100%);
  }
  .c-title-primary.is-align-left .c-title-primary__wrapper {
    padding-right: calc(50% - 0.2rem);
  }
}

@media print, (min-width: 768px) {
  .hero-title {
    font-size: 0.45rem;
  }
}

.is-page-new body {
  background: url(news_bg_01.jpg) top center/cover no-repeat;
}

.section-news .list-top-news {
  padding: 0;
}
.section-news .list-top-news .content-title {
  color: #fff;
}
@media print, (min-width: 768px) {
  .section-news {
    padding: 2.04rem 0 1.66rem;
  }
  .section-news .wrapper {
    max-width: 14.1rem;
  }
  .section-news .hero-title {
    margin-bottom: 0.51rem;
  }
  .section-news .list-top-news {
    margin-bottom: 0.64rem;
  }
  .section-news .list-top-news .list-wrapper {
    flex-wrap: wrap;
  }
  .section-news .list-top-news .list-item {
    width: 33.3333333333%;
    margin-bottom: 0.12rem;
  }
  .section-news .list-top-news .list-item:nth-child(3n+1) {
    width: 33.3333333333%;
  }
  .section-news .list-top-news .list-item:nth-child(3n+1) .time-date {
    font-size: 0.35rem;
  }
  .section-news .list-top-news .list-item:nth-child(3n+1) .content-title {
    padding-left: 0.44rem;
  }
  .section-news .list-top-news .time-date {
    font-size: 0.35rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-news {
    padding: 1.4rem 0 0.8rem;
  }
  .section-news .hero-title {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
  }
  .section-news .list-top-news .list-item {
    margin-bottom: 0.2rem;
  }
}

.section-new-article .article-wrapper {
  background-color: #fff;
  margin: 0 auto;
  border-radius: 0.12rem;
}
.section-new-article .article-title {
  text-align: center;
  color: #0e312a;font-family: "SVN-GOTHAM-BOLD";
  text-transform: uppercase;
}
.section-new-article .article-date {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Be VietNam Pro", sans-serif;
  color: rgb(136, 143, 142);
  font-size: 0.16rem;
  line-height: 2.25;
  gap: 0.07rem;
}
.section-new-article .article-date::before {
  position: relative;
  content: "";
  top: 0;
  left: 0;
  background: url(calendar_icon.svg) center center/contain no-repeat;
  display: block;
  border-radius: 50%;
}
.section-new-article .article-controller {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "Be VietNam Pro", sans-serif;
}
.section-new-article .article-controller p {
  margin: 0;
}
.section-new-article .controller-list {
  display: flex;
  align-items: center;
}
@media print, (min-width: 768px) {
  .section-new-article {
    padding: 2.08rem 0 0.72rem;
  }
  .section-new-article .wrapper {
    max-width: 10rem;
  }
  .section-new-article .article-wrapper {
    padding: 0.46rem 0.5rem 0.42rem;
  }
  .section-new-article .article-title {
    margin-bottom: 0.4rem;
    font-size: 0.35rem;
    line-height: 1.5142857143;
  }
  .section-new-article .article-date {
    margin-bottom: 0.26rem;
  }
  .section-new-article .article-date::before {
    width: 0.4rem;
    height: 0.4rem;
  }
  .section-new-article .article-controller {
    gap: 0.15rem;
    font-size: 0.18rem;
    line-height: 1.3888888889;
  }
  .section-new-article .controller-list {
    gap: 0.03rem;
  }
  .section-new-article .controller-list .list-item {
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-new-article {
    padding: 1.4rem 0 0.72rem;
  }
  .section-new-article .article-wrapper {
    padding: 0.2rem;
  }
  .section-new-article .article-title {
    margin-bottom: 0.2rem;
    font-size: 0.24rem;
    line-height: 1.5142857143;
  }
  .section-new-article .article-date {
    margin-bottom: 0.1rem;
  }
  .section-new-article .article-date::before {
    width: 0.4rem;
    height: 0.4rem;
  }
  .section-new-article .article-controller {
    gap: 0.15rem;
    font-size: 0.14rem;
    line-height: 1.5714285714;
  }
  .section-new-article .controller-list {
    gap: 0.03rem;
  }
  .section-new-article .controller-list .list-item {
    width: 0.4rem;
    height: 0.4rem;
  }
}

.section-news-related .list-top-news {
  padding: 0;
  margin: 0;
}
.section-news-related .list-top-news .content-title {
  color: #fff;
}
@media print, (min-width: 768px) {
  .section-news-related {
    padding-bottom: 0.66rem;
  }
  .section-news-related .wrapper {
    max-width: 14.1rem;
  }
  .section-news-related .hero-title {
    margin-bottom: 0.51rem;
  }
  .section-news-related .list-top-news .list-wrapper {
    flex-wrap: wrap;
  }
  .section-news-related .list-top-news .list-item {
    width: 33.3333333333%;
    margin-bottom: 0.12rem;
  }
  .section-news-related .list-top-news .list-item:nth-child(3n+1) {
    width: 33.3333333333%;
  }
  .section-news-related .list-top-news .list-item:nth-child(3n+1) .time-date {
    font-size: 0.35rem;
  }
  .section-news-related .list-top-news .list-item:nth-child(3n+1) .content-title {
    padding-left: 0.44rem;
  }
  .section-news-related .list-top-news .time-date {
    font-size: 0.35rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-news-related {
    padding-bottom: 0.4rem;
  }
  .section-news-related .hero-title {
    margin-bottom: 0.2rem;
  }
  .section-news-related .list-top-news .list-item {
    margin-bottom: 0.2rem;
  }
}

.post-content {
  font-family: "Be VietNam Pro", sans-serif;
}
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
  font-weight: 600;
  font-family: "Noto Serif Display", sans-serif;
}
.post-content strong {
  font-weight: 600;
}
.post-content figcaption {
  text-align: center;
  font-style: italic;
}
.post-content ul,
.post-content ol {
  padding-left: 2em;
  margin: 1em 0;
}
.post-content li {
  margin-bottom: 0.5em;
}
.post-content a {
  color: #007bff;
  text-decoration: underline;
}
.post-content a:hover {
  opacity: 0.8;
}
.post-content blockquote {
  border-left: 4px solid #ddd;
  padding: 0.5em 1em;
  margin: 1.5em 0;
  font-style: italic;
  background: #fafafa;
}
.post-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em auto;
}
.post-content .wp-caption {
  width: 100% !important;
}
.post-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 0.95rem;
}
.post-content table th,
.post-content table td {
  border: 1px solid #ddd;
  padding: 10px;
}
.post-content table th {
  background: #f5f5f5;
  font-weight: 600;
}
.post-content code {
  background: #f0f0f0;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 0.16rem;
  font-family: "Courier New", monospace;
}
.post-content pre {
  background: #2d2d2d;
  color: #eee;
  padding: 15px;
  overflow-x: auto;
  border-radius: 6px;
  margin: 1.5em 0;
}
.post-content pre code {
  background: none;
  padding: 0;
  color: inherit;
}
.post-content iframe {
  max-width: 100%;
  width: 100%;
  display: block;
  margin: 1.5em 0;
}
.post-content video {
  max-width: 100%;
  display: block;
  margin: 1em 0;
}
.post-content hr {
  border: 0;
  border-top: 1px solid #ddd;
  margin: 2em 0;
}
.post-content .alignleft {
  float: left;
  margin-right: 1em;
}
.post-content .alignright {
  float: right;
  margin-left: 1em;
}
.post-content .aligncenter {
  display: block;
  margin: 0 auto;
}
@media print, (min-width: 768px) {
  .post-content {
    font-size: 0.18rem;
    line-height: 1.4444444444;
  }
  .post-content p {
    margin-bottom: 0.38rem;
  }
  .post-content h2 {
    margin-bottom: 0.23rem;
    font-size: 0.24rem;
    line-height: 1.0416666667;
  }
  .post-content figcaption {
    padding: 0.18rem 0.72rem 0.32rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .post-content {
    font-size: 0.16rem;
    line-height: 1.625;
  }
  .post-content p {
    margin-bottom: 0.2rem;
  }
  .post-content h2,
  .post-content h3,
  .post-content h4,
  .post-content h5,
  .post-content h6 {
    margin-bottom: 0.2rem;
    font-size: 0.2rem;
    line-height: 1.25;
  }
  .post-content figcaption {
    padding: 0.1rem 0 0.2rem;
  }
}

.section-top-keyvisual .inner {
  position: relative;
}

.section-top-keyvisual .inner::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url(keyvisual_bg_01.png) top center/cover no-repeat;
  z-index: 1;
}

.section-top-keyvisual .hero-title span {
  display: block;
}

.section-top-keyvisual .keyvisual-icon {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section-top-keyvisual .line {
  stroke-dasharray: 32;
  stroke-dashoffset: 32;
  animation: draw 1s linear infinite;
}

@media print, (min-width: 768px) {
  .section-top-keyvisual .wrapper {
    max-width: 72.2916666667vw;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .section-top-keyvisual .keyvisual-background {
    height: 100%;
  }
  .section-top-keyvisual .hero-title {
    text-align: right;
    padding: 1.58rem 0 0;
  }
  .section-top-keyvisual .title-main {
    font-size: 5.7291666667vw;
    line-height: 2;
    margin-bottom: -0.64rem;
    padding-right: 3.1rem;
  }
  .section-top-keyvisual .title-sub {
    font-size: 0.6rem;
    padding-left: 2rem;
  }
  .section-top-keyvisual .keyvisual-icon {
    padding-bottom: 0.55rem;
  }
  .section-top-keyvisual .keyvisual-icon svg {
    width: 0.15rem;
    height: 0.44rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-top-keyvisual .wrapper {
    max-width: 93.75vw;
  }
  .section-top-keyvisual .hero-title {
    padding: 2.5rem 0 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-keyvisual .wrapper {
    position: absolute;
    z-index: 1;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .section-top-keyvisual .keyvisual-background {
    height: 6.7rem;
  }
  .section-top-keyvisual .keyvisual-icon {
    padding-bottom: 0.05rem;
  }
  .section-top-keyvisual .keyvisual-icon svg {
    width: 0.1rem;
    height: 0.44rem;
  }
  .section-top-keyvisual .title-main {
    line-height: 2;
    font-size: 0.5rem;
  }
  .section-top-keyvisual .title-sub {
    margin-top: -0.16rem;
    font-size: 0.3rem;
    padding-left: 0.6rem;
  }
}
.section-top-location .st0 {
  fill: none;
  stroke: #FFB66E;
  stroke-width: 1.8695;
  stroke-miterlimit: 10;
}
.section-top-location .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.section-top-location .hero-title {
  display: flex;
}

.section-top-location .hero-title span {
  display: block;
}

@media print, (min-width: 768px) {
  .section-top-location .title-main {
    font-size: 5.2083333333vw;
  }
}
.section-top-utility .group-content {
  overflow: hidden;
}

.section-top-utility .group-slide {
  overflow: hidden;
  min-height: 0;
}

.section-top-utility .hero-title {
  text-align: left;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.section-top-utility .title-sub {
  letter-spacing: 0.01em;
}

.section-top-utility .title-sub span {
  display: block;
}

.section-top-utility .sub-large {
  position: relative;
}

.section-top-utility .group-central .group-bg {
  justify-content: flex-start;
}

.section-top-utility .title-main {
  text-transform: initial;
  position: absolute;
  top: 0;
  right: 0;
}

.section-top-utility .slide-content {
  transition: opacity 0.35s ease;
}

.section-top-utility .swiper-slide-active .slide-content {
  display: none;
  opacity: 0;
}

.section-top-utility .group-central .group-bg {
  height: 100%;
}

.section-top-utility .utility-wrapper {
  width: 100%;
  height: 100%;
  background: url(utility_bg_01.jpg) center center/cover no-repeat;
}

.section-top-utility .utility-button {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  cursor: pointer;
}
.section-top-utility .utility-button:hover .button-icon::after {
  transform: rotate(90deg);
}
.section-top-utility .button-icon {
  position: relative;
  background: #517c75;
  border-radius: 50%;
}
.section-top-utility .button-icon::before, .section-top-utility .button-icon::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  transition: transform 0.6s ease;
}
.section-top-utility .button-icon::before {
  background: #ffbdd6;
  top: 0;
  right: -0.05rem;
  animation: ringGrow 1.4s ease-out infinite;
}
.section-top-utility .button-icon::after {
  background: url(plus_icon_02.svg) center center/contain no-repeat;
  z-index: 2;
  top: 0;
  right: -0.05rem;
}
.section-top-utility .button-icon img {
  position: relative;
  z-index: 1;
}
.section-top-utility .button-text {
  text-transform: uppercase;
  color: #fff;
  font-family: "Be VietNam Pro", sans-serif;
  line-height: 1.2;
  position: relative;
}
@media print, (min-width: 768px) {
  .section-top-utility .utility-button {
    margin-top: 0.5rem;
  }
  .section-top-utility .button-icon {
    width: 0.85rem;
    height: 0.85rem;
    padding: 0.05rem;
  }
  .section-top-utility .button-icon::after {
    width: 0.28rem;
    height: 0.28rem;
  }
  .section-top-utility .button-icon::before {
    width: 0.3rem;
    height: 0.3rem;
  }
  .section-top-utility .button-text {
    font-size: 0.16rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-utility .utility-button {
    margin-top: 0.5rem;
  }
  .section-top-utility .button-icon {
    width: 0.6rem;
    height: 0.6rem;
    padding: 0.05rem;
  }
  .section-top-utility .button-icon::after {
    width: 0.2rem;
    height: 0.2rem;
  }
  .section-top-utility .button-text {
    font-size: 0.14rem;
    top: 0.04rem;
  }
}

@media print, (min-width: 768px) {
  .section-top-utility .slider-introduction-controller-arrow,
  .section-top-utility .utility-button {
    opacity: 0;
    transform: translateY(0.6rem);
    transition: transform 0.4s ease 0.5s, opacity 0.4s ease 0.5s;
  }
  .section-top-utility.is-active .slider-introduction-controller-arrow,
  .section-top-utility.is-active .utility-button {
    transform: translateY(0);
    opacity: 1;
  }
  .section-top-utility .utility-wrapper {
    display: flex;
  }
  .section-top-utility .group-content {
    max-width: 8.58rem;
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.6rem 0.2rem 0.6rem 1.39rem;
  }
  .section-top-utility .group-slide {
    flex: 1;
    width: calc(100% - 8.58rem);
  }
  .section-top-utility .hero-title {
    margin-bottom: 0.4rem;
  }
  .section-top-utility .title-sub {
    font-size: 0.45rem;
  }
  /*.section-top-utility .sub-large {
    padding-right: 4rem;
  }*/
  .section-top-utility .title-main {
    font-size: 0.94rem;
    line-height: 2;
    top: -0.92rem;
    right: 1.32rem;
  }
  .section-top-utility .hero-sub {
    padding-left: 0.04rem;
    max-width: 4.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-top-utility .slider-introduction-controller-arrow,
  .section-top-utility .utility-button {
    opacity: 1;
    transform: none;
  }
  .section-top-utility .group-content {
    max-width: 50%;
    padding: 1.6rem 0.2rem 0.6rem 0.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-utility .group-content {
    padding: 0.6rem 0.2rem;
  }
  .section-top-utility .hero-title {
    margin-bottom: 0.3rem;
  }
  .section-top-utility .title-main {
    font-size: 0.4rem;
    line-height: 2;
    top: -0.36rem;
    right: 0.6rem;
  }
}
.list-top-introduction {
  height: 100%;
}

.list-top-introduction .slider-introduction-viewport,
.list-top-introduction .slide-wrapper,
.list-top-introduction .slide-image {
  height: 100%;
}

.list-top-introduction .thumbnail-introduction {
  position: relative;
  height: 100%;
}

.list-top-introduction .thumbnail-introduction::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background: url(utility_decor_01.png) center center/cover no-repeat;
  z-index: 1;
  pointer-events: none;
}

.list-top-introduction .thumbnail-title {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-family: "SVN-Gotham-Regular";
  line-height: 1.143;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}

@media print, (min-width: 768px) {
  .list-top-introduction .thumbnail-introduction::before {
    height: 3.28rem;
  }
  .list-top-introduction .thumbnail-title {
    margin: 0 0.98rem 0.73rem;
    font-size: 0.28rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-top-introduction .thumbnail-introduction {
    position: relative;
    padding-top: 92.0454545455%;
  }
  .list-top-introduction .thumbnail-introduction img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-top-introduction .thumbnail-introduction::before {
    height: 3.28rem;
  }
  .list-top-introduction .thumbnail-title {
    margin: 0 0 0.2rem;
    padding: 0 0.3rem;
    font-size: 0.24rem;
  }
}
.slider-introduction-controller {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-radius: 50%;
  background-color: rgba(8, 31, 26, 0.349);
}

.slider-introduction-controller figure {
  height: 100%;
}

@media print, (min-width: 768px) {
  .slider-introduction-controller {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.1rem;
    margin: 0 0.32rem 1.35rem 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-introduction-controller {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0.05rem;
    margin: 0 0.2rem 0.7rem;
  }
}
.slider-introduction-controller-pagination {
  width: 100%;
  pointer-events: none;
}

.slider-introduction-controller-pagination .swiper-pagination-current {
  color: #ffbdd6;
}

.slider-introduction-controller-pagination .swiper-pagination-total {
  color: #fff;
  position: relative;
}

.slider-introduction-controller-pagination .swiper-pagination-total::before {
  position: relative;
  content: "/";
  margin: 0 0.03rem;
}

@media print, (min-width: 768px) {
  .slider-introduction-controller-pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    z-index: 1;
    margin: 0.8rem 0;
    padding: 0 0.84rem;
  }
  .slider-introduction-controller-pagination .swiper-pagination-current {
    font-size: 0.35rem;
    line-height: 0.9142857143;
  }
  .slider-introduction-controller-pagination .swiper-pagination-total {
    font-size: 0.2rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-introduction-controller-pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    z-index: 1;
    margin: 0 0 0.2rem;
    padding: 0 0.3rem;
  }
  .slider-introduction-controller-pagination .swiper-pagination-current {
    font-size: 0.28rem;
    line-height: 1.3333333333;
  }
  .slider-introduction-controller-pagination .swiper-pagination-total {
    font-size: 0.2rem;
    line-height: 1.6;
  }
}
.slider-introduction-controller-navigation {
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}

.slider-introduction-controller-arrow {
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  display: block;
  border-radius: 50%;
  z-index: 10;
  background: rgb(14, 50, 42);
  overflow: hidden;
  cursor: pointer;
}

.slider-introduction-controller-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(arrow_icon_03.svg) center center/contain no-repeat;
  pointer-events: none;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-introduction-controller-arrow:hover::before {
  animation: arrowSlide 0.8s ease-in-out infinite;
}

@media print, (min-width: 768px) {
  .slider-introduction-controller-arrow {
    top: calc(50% - 0.59rem);
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 2.28rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-introduction-controller-arrow {
    top: 50%;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.2rem;
  }
}
.slider-project-navigation-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.section-top-gallery .hero-title span {
  display: block;
}

.section-top-gallery .gallery-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: url(gallery_bg_01.jpg) center center/cover no-repeat;
}

@media print, (min-width: 768px) {
  .section-top-gallery .gallery-wrapper {
    padding-bottom: 0.12rem;
  }
  .section-top-gallery .hero-title {
    margin-bottom: 0.56rem;
  }
  .section-top-gallery .sub-small {
    font-size: 0.3rem;
  }
  .section-top-gallery .sub-large {
    font-size: 0.45rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-top-gallery .gallery-wrapper {
    padding: 1.34rem 0 0.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-gallery .gallery-wrapper {
    padding: 0.6rem 0;
  }
}
.list-top-gallery {
  transition: transform 0.5s ease 0.7s, opacity 0.4s ease 0.7s;
}

.list-top-gallery .swiper-wrapper {
  display: flex;
}

.list-top-gallery .swiper-slide {
  flex-shrink: 0;
}

.list-top-gallery .slide-image {
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.list-top-gallery .slide-image img,
.list-top-gallery .slide-image iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.list-top-gallery .slide-image img {
  transition: transform 3s cubic-bezier(0, 0.6, 0.45, 1);
}

.list-top-gallery .slide-image:hover::before {
  opacity: 1;
}

.list-top-gallery .slide-image:hover::after {
  animation: ringGrow2 1.4s ease-out infinite;
}

.list-top-gallery .slide-image:hover img {
  transform: scale(1.05);
}

.list-top-gallery .slide-image::before,
.list-top-gallery .slide-image::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgb(14, 50, 42);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 2;
}

.list-top-gallery .slide-image::after {
  background-color: rgba(14, 50, 42, 0.2);
  z-index: 1;
}

.list-top-gallery .slide-image.is-image::before {
  background-image: url(plus_icon.svg);
}

.list-top-gallery .slide-image.is-video::before {
  background-image: url(play_icon.svg);
}

.list-top-gallery .content-title {
  text-align: center;
  color: #fff;
  font-family: "SVN-Gotham-Regular";
  text-transform: uppercase;
  margin: 0;
}

.list-top-gallery .swiper-pagination {
  position: relative;
}

.list-top-gallery .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.35s ease;
  position: relative;
}

.list-top-gallery .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.list-top-gallery .swiper-pagination-bullet-active {
  background-color: rgb(255, 189, 214);
}

.list-top-gallery .swiper-pagination-bullet-active::before {
  opacity: 1;
}

@media print, (min-width: 768px) {
  .list-top-gallery {
    margin: 0 -0.82rem 0.3rem 0.17rem;
    min-height: 5.7rem;
    transform: translateY(0.2rem);
    opacity: 0;
  }
  .list-top-gallery .slide-image {
    margin-bottom: 0.24rem;
    border-radius: 0.1rem;
    padding-top: 56.1797752809%;
  }
  .list-top-gallery .slide-image.is-image::before,
  .list-top-gallery .slide-image.is-video::before {
    width: 0.8rem;
    height: 0.8rem;
  }
  .list-top-gallery .slide-image.is-image::after,
  .list-top-gallery .slide-image.is-video::after {
    width: 1rem;
    height: 1rem;
  }
  .list-top-gallery .content-title {
    font-size: 0.24rem;
    line-height: 1.3333333333;
  }
  .list-top-gallery .swiper-pagination {
    margin-top: 0.64rem;
    padding-right: 0.99rem;
  }
  .list-top-gallery .swiper-pagination-bullet {
    width: 0.14rem;
    height: 0.14rem;
    margin: 0 0.09rem !important;
  }
  .list-top-gallery .swiper-pagination-bullet::before {
    width: 0.3rem;
    height: 0.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .list-top-gallery {
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 768px) and (max-height: 599.98px) {
  .list-top-gallery .swiper-pagination {
    margin-top: 0.3rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-top-gallery .slide-image {
    margin-bottom: 0.1rem;
    padding-top: 56.25%;
  }
  .list-top-gallery .content-title {
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .list-top-gallery .swiper-pagination {
    margin: 0.3rem 0 0.1rem;
  }
}
.list-gallery-tabs .tab-panel {
  position: relative;
  display: none;
  animation: fade 0.3s ease;
}

.list-gallery-tabs .tab-panel.active {
  display: block;
}

.list-gallery-tabs .tabs-nav {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-family: "Be VietNam Pro", sans-serif;
  border-radius: 0.28rem;
  width: -moz-max-content;
  width: max-content;
  padding: 0.04rem;
}

.list-gallery-tabs .tab-btn {
  color: #fff;
  cursor: pointer;
}

.list-gallery-tabs .tab-btn.active {
  background-color: rgb(28, 69, 60);
  border-radius: 9999px;
}

.list-gallery-tabs .title-common-primary {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  font-family: "Be VietNam Pro", sans-serif;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  pointer-events: none;
}
.list-gallery-tabs .title-common-primary span {
  font-family: "Noto Serif Display", sans-serif;
}
@media print, (min-width: 768px) {
  .list-gallery-tabs .title-common-primary {
    font-size: 0.24rem;
    line-height: 2.0833333333;
    position: absolute;
    top: 1.15rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .list-gallery-tabs .title-common-primary span {
    margin-left: 0.1rem;
    font-size: 0.46rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-gallery-tabs .title-common-primary {
    margin: 0.16rem 0;
    font-size: 0.2rem;
    line-height: 2.0833333333;
  }
  .list-gallery-tabs .title-common-primary span {
    margin-left: 0.1rem;
    font-size: 0.3rem;
    line-height: 1;
  }
}

@media print, (min-width: 768px) {
  .list-gallery-tabs .tabs-nav {
    position: absolute;
    bottom: 0.51rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .list-gallery-tabs .tab-btn {
    font-size: 0.16rem;
    line-height: 1;
    padding: 0.15rem 0.22rem 0.14rem;
    flex: 0 0 auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-gallery-tabs .tab-btn {
    font-size: 0.12rem;
    line-height: 1;
    padding: 0.1rem 0.1rem 0.09rem;
  }
}
.list-gallery-tabs .popup-path text {
  pointer-events: none;
}
.list-gallery-tabs .popup-path [data-pair] {
  cursor: pointer;
  transition: fill 0.35s ease, filter 0.35s ease, opacity 0.35s ease;
}
.list-gallery-tabs .popup-path [data-pair].is-active {
  fill: #ffbdd6;
  filter: drop-shadow(0 0 0.08rem rgba(255, 189, 214, 0.9));
}
.list-gallery-tabs .popup-image {
  position: relative;
}
.list-gallery-tabs .utilities-title {
  color: #fff;font-family: "SVN-Gotham-Regular";
  text-transform: uppercase;
}
.list-gallery-tabs .utilities-list .list-item {
  pointer-events: none;
}
.list-gallery-tabs .utilities-list .list-item .item-list li{        font-size: 0.14rem;
        line-height: 1.4;
        font-family: "Be VietNam Pro", sans-serif;}
.list-gallery-tabs .utilities-list .item-content {
  pointer-events: auto;
  display: inline-flex;
}
.list-gallery-tabs .item-content {
  position: relative;
  color: #fff;
  margin: 0;
  align-items: center;
  gap: 0.1rem;
  cursor: pointer;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-gallery-tabs .item-content:hover .content-number {
  background: #1c453c;
  color: #ffbdd6;
  border-color: transparent;
}
.list-gallery-tabs .item-content:hover .content-text {
  color: #ffbdd6;
}
.list-gallery-tabs .list-item {
  margin-bottom:0.07rem;
}

.list-gallery-tabs .list-item:last-child {
  margin-bottom: 0;
}
.list-gallery-tabs .list-item.is-active .item-content .content-number {
  background: #1c453c;
  color: #ffbdd6;
  border-color: transparent;
}
.list-gallery-tabs .list-item.is-active .item-content .content-text {
  color: #ffbdd6;
}
.list-gallery-tabs .content-number {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.01rem solid #fff;
  border-radius: 50%;
  background: transparent;
  flex: 0 0 auto;
  transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}
.list-gallery-tabs .content-text {
  transition: color 0.35s ease;
}
.list-gallery-tabs .item-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 0.1rem;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-gallery-tabs .item-list li {
  position: relative;
  padding-left: 0.16rem;
}
.list-gallery-tabs .item-list li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  display: block;
  width: 0.08rem;
  height: 0.08rem;
}
.list-gallery-tabs .utilities-wrapper {
  overflow: hidden auto;
}
.list-gallery-tabs .utilities-wrapper::-webkit-scrollbar {
  width: 0;
  opacity: 0;
}
@media print, (min-width: 768px) {
  .list-gallery-tabs .utilities-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 0.2rem;
    max-height: 7rem;
    max-width: 3.7rem;
    width: 100%;
  }
  .list-gallery-tabs .utilities-title {
    margin-bottom: 0.1rem;
    font-size: 0.15rem;
    line-height: 1.4;
  }
  .list-gallery-tabs .item-content {
    font-size: 0.14rem;
    line-height: 1.4;
  }
  .list-gallery-tabs .content-number {
    width: 0.28rem;
    height: 0.28rem;
    margin-bottom: 0.04rem;
    padding: 0.03rem 0.02rem 0;
  }
  .list-gallery-tabs .utilities-inner + .utilities-inner {
    margin-top: 0.14rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-gallery-tabs .utilities-wrapper {
    margin: 0.2rem 0;
    padding: 0 0.2rem;
    max-height: 3rem;
  }
  .list-gallery-tabs .utilities-title {
    margin-bottom: 0.07rem;
    font-size: 0.2rem;
    line-height: 1.4;
  }
  .list-gallery-tabs .list-item {
    margin-bottom: 0.1rem;
  }
  .list-gallery-tabs .item-content {
    font-size: 0.12rem;
    line-height: 1.4285714286;
  }
  .list-gallery-tabs .content-number {
    width: 0.28rem;
    height: 0.28rem;
    padding: 0.03rem 0.02rem 0;
  }
  .list-gallery-tabs .utilities-inner + .utilities-inner {
    margin-top: 0.2rem;
  }
  .list-gallery-tabs .item-list {
    font-size: 0.12rem;
    margin: 0.1rem 0;
  }
}

.utilities-map-toggle {
  position: absolute;
  border-radius: 0.08rem;
  background: rgba(28, 69, 60, 0.95);
  opacity: 0;
  transform: translate(-50%, calc(-100% - 0.16rem)) scale(0.92);
  transition: left 0.25s ease, top 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  z-index: 2;
  border-radius: 0.08rem;
}
.utilities-map-toggle::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -0.08rem;
  width: 0.14rem;
  height: 0.14rem;
  background: rgba(28, 69, 60, 0.95);
  border-right: 0.01rem solid rgba(255, 189, 214, 0.9);
  border-bottom: 0.01rem solid rgba(255, 189, 214, 0.9);
  transform: translateX(-50%) rotate(45deg);
}
.utilities-map-toggle.is-active {
  opacity: 1;
  transform: translate(-50%, calc(-100% - 0.16rem)) scale(1);
}
.utilities-map-toggle .toggle-image {
  width: 100%;
  position: relative;
  padding-top: 56.3333333333%;
  margin: 0;
  overflow: hidden;
  border-radius: 0.06rem;
}
.utilities-map-toggle .toggle-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -o-object-position: 0;
     object-position: 0;
}
.utilities-map-toggle .toggle-text {
  text-align: center;
  color: #fff;
  font-family: "Be VietNam Pro", sans-serif;
  font-size: 0.16rem;
  line-height: 1.25;
  text-transform: uppercase;
  display: block;
}
@media print, (min-width: 768px) {
  .utilities-map-toggle {
    width: 3rem;
    padding: 0.06rem;
  }
  .utilities-map-toggle .toggle-image {
    margin-bottom: 0.1rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .utilities-map-toggle {
    width: 1.2rem;
    min-height: 0.7rem;
    padding: 0.05rem;
  }
  .utilities-map-toggle .toggle-image {
    margin-bottom: 0.05rem;
  }
  .utilities-map-toggle .toggle-text {
    font-size: 0.1rem;
  }
}

@media print, (min-width: 768px) {
  #utilitiesPopup .list-gallery-tabs .tabs-nav {
    bottom: 0.32rem;
  }
  #utilitiesPopup .popup-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 767.98px) {
  #utilitiesPopup .popup-body {
    overflow: hidden auto;
    padding: 0.4rem 0;
  }
}

.list-top-gallery-detail .slide-image,
.list-top-gallery-detail .slide-video {
  position: relative;
}

.list-top-gallery-detail .slide-image img,
.list-top-gallery-detail .slide-image iframe,
.list-top-gallery-detail .slide-video img,
.list-top-gallery-detail .slide-video iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.list-top-gallery-detail .swiper-pagination {
  font-family: "Be VietNam Pro", sans-serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  position: unset;
}

.list-top-gallery-detail .swiper-pagination-current {
  font-family: "Noto Serif Display", sans-serif;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}

.list-top-gallery-detail .swiper-button-prev,
.list-top-gallery-detail .swiper-button-next {
  cursor: pointer;
  border-radius: 50%;
  background: #fff url(arrow_icon_01.svg) center center/contain no-repeat;
}

.list-top-gallery-detail .swiper-button-prev::after,
.list-top-gallery-detail .swiper-button-next::after {
  display: none;
}

.list-top-gallery-detail .swiper-button-prev {
  transform: rotate(-180deg);
}

@media print, (min-width: 768px) {
  .list-top-gallery-detail .slide-image,
  .list-top-gallery-detail .slide-video {
    padding-top: 42.6136363636%;
    margin: 0 auto;
  }
  .list-top-gallery-detail .slide-image,
  .list-top-gallery-detail .slide-video {
    max-width: 13.3rem;
  }
  .list-top-gallery-detail .swiper-pagination {
    text-align: right;
    font-size: 0.18rem;
    margin-top: 0.14rem;
    padding: 0 0.6rem;
  }
  .list-top-gallery-detail .swiper-pagination-current {
    font-size: 0.24rem;
  }
  .list-top-gallery-detail .swiper-button-prev,
  .list-top-gallery-detail .swiper-button-next {
    width: 0.56rem;
    height: 0.56rem;
  }
}
@media (min-width: 768px) and (max-height: 599.98px) {
  .list-top-gallery-detail {
    padding: 0 0.9rem;
  }
  .list-top-gallery-detail .slide-image,
  .list-top-gallery-detail .slide-video {
    padding-top: 40.2635431918%;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-top-gallery-detail .slide-image,
  .list-top-gallery-detail .slide-video {
    padding-top: 50%;
  }
  .list-top-gallery-detail .swiper-pagination {
    text-align: right;
    font-size: 0.16rem;
    margin-top: 0.14rem;
    padding: 0 0.2rem;
  }
  .list-top-gallery-detail .swiper-pagination-current {
    font-size: 0.2rem;
  }
  .list-top-gallery-detail .swiper-button-prev,
  .list-top-gallery-detail .swiper-button-next {
    display: none;
  }
}
.hero-title.is-center {
  text-align: center;
}

.hero-title .sub-large {
  font-family: "DFVN-MOON-CROWD";
  text-transform: uppercase;
  color: #ffbdd6;
}

.hero-title .sub-small {
  text-transform: uppercase;
  color: #ffffff;
  font-family: "DFVN-MOON-CROWD";
}

.hero-sub {
  will-change: opacity;
  color: #ffffff;
  font-weight: 300;
  width: 100%;
  font-family: "Be VietNam Pro", sans-serif;
}
.hero-sub strong {
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .hero-sub {
    font-size: 0.2rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-sub {
    font-size: 0.16rem;
    line-height: 1.6;
  }
}

/* ── SLIDE STAGE ── */
.slider-stage {
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100%;
  z-index: 5;
}

.slider-stage .panel {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

@media print, (min-width: 768px) {
  .slider-stage .panel.is-active .list-top-gallery {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .slider-stage {
    position: relative;
    height: auto;
  }
  .slider-stage .panel {
    position: relative;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-stage {
    position: relative;
    height: auto;
  }
  .slider-stage .panel {
    position: relative;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.panel .group-central,
.panel .inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.panel .group-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.nav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  font-family: "Be VietNam Pro", sans-serif;
  color: #fff;
}

.nav .nav-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.nav .nav-item:hover .nav-label {
  opacity: 1;
}

.nav .nav-item.active .nav-line {
  background: url(nav_icon_active.svg) center center/contain no-repeat;
  opacity: 0.8;
}

.nav .nav-item.active .nav-label {
  opacity: 1;
}

.nav .nav-line {
  position: relative;
  background: url(nav_icon.svg) center center/contain no-repeat;
  flex: 0 0 auto;
  transition: background 0.4s, width 0.4s, height 0.4s;
  opacity: 0.8;
}
html.is-dark-bg .nav .nav-line {
  filter: brightness(0);
}

.nav .nav-label {
  opacity: 0;
  transition: opacity 0.4s;
}
html.is-dark-bg .nav .nav-label {
  color: #0e312a;
}

@media print, (min-width: 768px) {
  .nav {
    font-size: 0.14rem;
    line-height: 1.2;
    bottom: 3.62rem;
    padding-left: 0.3rem;
  }
  .nav .nav-line {
    margin-right: 0.1rem;
    width: 0.16rem;
    height: 0.12rem;
  }
  .nav .nav-item {
    min-height: 0.32rem;
  }
  .nav .nav-item.active .nav-line {
    width: 0.2rem;
    height: 0.28rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .nav {
    display: none;
  }
}
.normal-scroll {
  position: relative;
  z-index: 10;
  background: transparent;
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 768px) and (max-width: 1024.98px) {
  .normal-scroll {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 767.98px) {
  .normal-scroll {
    opacity: 1;
    visibility: visible;
  }
}
.section-top-news {
  position: relative;
  background-color: #fff;
  margin-bottom: -1px;
}
.section-top-news .sub-small {
  color: #0e312a;
}

.section-top-news::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background: url(decor_img_01.svg) top center/cover no-repeat;
  pointer-events: none;
  z-index: 1;
  opacity: 0.1;
}

.section-top-news .news-controller {
  display: flex;
  justify-content: center;
  color: #fff;
}

.section-top-news .button-more {
  display: flex;
  align-items: center;
  font-family: "Be VietNam Pro", sans-serif;
  color: #0e312a;
}

.section-top-news .button-more:hover .button-icon::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.section-top-news .button-icon {
  position: relative;
  display: block;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px solid #0e312a;
  background: #0e312a;
}

.section-top-news .button-icon::before,
.section-top-news .button-icon::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border: 1px solid #fff;
  height: 0.01rem;
  transition: transform 0.35s ease;
}

.section-top-news .button-icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

@media print, (min-width: 768px) {
  .section-top-news {
    padding: 0.4rem 0 0.75rem;
    min-height: 9.8rem;
  }
  .section-top-news::before {
    width: 5.62rem;
    height: 2.82rem;
  }
  .section-top-news .wrapper {
    max-width: 17.74rem;
  }
  .section-top-news .button-more {
    font-size: 0.16rem;
    line-height: 1.5;
    gap: 0.3rem;
  }
  .section-top-news .button-icon {
    width: 0.68rem;
    height: 0.68rem;
  }
  .section-top-news .button-icon::before,
  .section-top-news .button-icon::after {
    width: 0.28rem;
  }
}
@media (min-width: 1025px) and (max-width: 1439.98px) {
  .section-top-news {
    min-height: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-news {
    padding: 0.6rem 0 0.3rem;
  }
  .section-top-news::before {
    width: 2.81rem;
    height: 1.41rem;
  }
  .section-top-news .button-more {
    font-size: 0.14rem;
    line-height: 1.4285714286;
    gap: 0.1rem;
  }
  .section-top-news .button-icon {
    width: 0.34rem;
    height: 0.34rem;
  }
  .section-top-news .button-icon::before,
  .section-top-news .button-icon::after {
    width: 0.14rem;
  }
}
.list-top-news .list-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-top-news .item-wrapper {
  display: block;
}

.list-top-news .item-wrapper img {
  transition: transform 3s cubic-bezier(0, 0.6, 0.45, 1);
}

.list-top-news .item-wrapper:hover img {
  transform: scale(1.05);
}

.list-top-news .item-image {
  overflow: hidden;
}

.list-top-news .item-content {
  display: flex;
  align-items: flex-start;
}

.list-top-news .content-time {
  flex: 0 0 auto;
}

.list-top-news .content-time span {
  display: block;
}

.list-top-news .time-date {
  color: rgb(255, 189, 214);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
}

.list-top-news .time-year {
  font-family: "Be VietNam Pro", sans-serif;
  font-weight: 300;
  color: rgb(165, 181, 178);
}

.list-top-news .content-title {
  color: #0e312a;
  font-family: "SVN-GOTHAM-BOLD";
  margin: 0;
  text-transform: uppercase;
}

@media print, (min-width: 768px) {
  .list-top-news {
    padding-left: 0.59rem;
    margin-bottom: 0.85rem;
  }
  .list-top-news .list-wrapper {
    display: flex;
    margin: -0.15rem;
  }
  .list-top-news .list-item {
    width: calc(60% - 0.88rem);
    padding: 0.15rem;
  }
  .list-top-news .list-item:nth-child(3n+1) {
    width: calc(40% + 0.88rem);
    flex: 0 0 auto;
  }
  .list-top-news .list-item:nth-child(3n+1) .time-date {
    font-size: 0.4rem;
  }
  .list-top-news .list-item:nth-child(3n+1) .content-title {
    font-size: 0.21rem;
    line-height: 1.6666666667;
    padding-left: 0.57rem;
  }
  .list-top-news .item-image {
    margin-bottom: 0.25rem;
  }
  .list-top-news .time-date {
    font-size: 0.35rem;
  }
  .list-top-news .content-title {
    font-size: 0.19rem;
    line-height: 1.7368421053;
    padding: 0.03rem 0 0 0.44rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .list-top-news .time-year {
    font-size: 0.16rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-top-news {
    margin-bottom: 0.85rem;
  }
  .list-top-news .list-item {
    margin-bottom: 0.2rem;
  }
  .list-top-news .item-image {
    margin-bottom: 0.25rem;
  }
  .list-top-news .time-date {
    font-size: 0.28rem;
  }
  .list-top-news .content-title {
    font-size: 0.16rem;
    line-height: 1.5;
    padding: 0.03rem 0 0 0.2rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .list-top-news .time-year {
    font-size: 0.14rem;
    line-height: 1;
  }
}
.section-top-partners {
  background: #fff;
  position: relative;
}

.section-top-partners .wrapper {
  position: relative;
  z-index: 1;
}

.section-top-partners::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background: url(decor_img_01.svg) bottom center/cover no-repeat;
  pointer-events: none;
  z-index: 1;
  opacity: 0.1;
}

.section-top-partners .hero-title {
  margin: 0 auto;
}

.section-top-partners .title-sub {
  font-weight: 600;
  text-transform: uppercase;
}

.section-top-partners .sub-small {
  color: rgb(14, 50, 42);
}

.section-top-partners .hero-sub {
  font-family: "Be VietNam Pro", sans-serif;
  color: rgb(14, 50, 42);
  text-align: center;
  margin: 0 auto;
  letter-spacing: 0.023em;
}

.section-top-partners .partners-block {
  background-color: rgb(248, 248, 248);
}

@media print, (min-width: 768px) {
  .section-top-partners {
    padding: 1.08rem 0 0;
  }
  .section-top-partners::before {
    width: 5.62rem;
    height: 2.82rem;
  }
  .section-top-partners .hero-title {
    max-width: 6rem;
    margin-bottom: 0.52rem;
  }
  .section-top-partners .title-sub {
    font-size: 0.45rem;
    line-height: 1.333;
  }
  .section-top-partners .hero-sub {
    margin-bottom: 0.88rem;
    max-width: 5rem;
    font-size: 0.22rem;
    line-height: 1.4545454545;
  }
  .section-top-partners .partners-block {
    margin-top: 0.88rem;
    padding: 0.43rem 0 0.64rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-partners {
    padding: 0.3rem 0 0;
  }
  .section-top-partners::before {
    width: 2.81rem;
    height: 1.41rem;
  }
  .section-top-partners .hero-title {
    margin-bottom: 0.2rem;
  }
  .section-top-partners .hero-sub {
    margin-bottom: 0.2rem;
    font-size: 0.14rem;
    line-height: 1.4285714286;
  }
  .section-top-partners .partners-block {
    padding: 0.3rem 0;
  }
}
.list-top-partners .swiper-wrapper {
  transition-timing-function: linear !important;
  will-change: transform;
}

.list-top-partners .list-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-top-partners .item-image img {
  display: block;
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
  cursor: pointer;
}

.list-top-partners .item-title {
  text-transform: uppercase;
  color: rgb(14, 50, 42);
  font-family: "SVN-GOTHAM-BOLD";
  text-align: center;
}
.list-top-partners .item-link {
  display: block;
  text-decoration: none;
}

@media print, (min-width: 768px) {
  .list-top-partners + .list-top-partners {
    margin-top: 0.9rem;
  }
  .list-top-partners .list-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .list-top-partners .list-wrapper.partners-block-list {
    gap: 0;
  }
  .partner-custom-list .list-wrapper .list-item .item-image {
    max-width: 2.5rem;
  }
  .partner-custom-list .list-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem 0.1rem;
  }

  /* HÀNG 1 */
  .partner-custom-list .list-wrapper .list-item:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1;
  }
  .partner-custom-list .list-wrapper .list-item:nth-child(2) {
    grid-column: 3 / span 2;
    grid-row: 1;
  }

  /* HÀNG 2 (4 item) */
  .partner-custom-list .list-wrapper .list-item:nth-child(3) { grid-column: 1; grid-row: 2; }
  .partner-custom-list .list-wrapper .list-item:nth-child(4) { grid-column: 2; grid-row: 2; }
  .partner-custom-list .list-wrapper .list-item:nth-child(5) { grid-column: 3; grid-row: 2; }
  .partner-custom-list .list-wrapper .list-item:nth-child(6) { grid-column: 4; grid-row: 2; }

  /* HÀNG 3 (4 item) */
  .partner-custom-list .list-wrapper .list-item:nth-child(7) { grid-column: 1; grid-row: 3; }
  .partner-custom-list .list-wrapper .list-item:nth-child(8) { grid-column: 2; grid-row: 3; }
  .partner-custom-list .list-wrapper .list-item:nth-child(9) { grid-column: 3; grid-row: 3; }
  .partner-custom-list .list-wrapper .list-item:nth-child(10){ grid-column: 4; grid-row: 3; }
  .list-top-partners .list-wrapper.partners-block-list .list-item {
    width: calc(100% / 8);
  }
  .list-top-partners .swiper-slide {
    width: auto;
  }
  .list-top-partners.partners-block-list .list-wrapper {
    display: block;
  }
  .list-top-partners .marquee-carousel .swiper-slide,
  .list-top-partners .reverse-marquee-carousel .swiper-slide {
    max-width: 2.8rem;
    padding: 0.16rem 0.3rem;
    border-radius: 0.2rem;
    aspect-ratio: 240 / 130;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
  }
  .list-top-partners .item-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.06rem;
  }
  .list-top-partners .item-list + .item-list {
    margin-top: 0.1rem;
  }
  .list-top-partners .swiper-wrapper {
    gap: 1.06rem;
    align-items: center;
    justify-content: center;
  }
  .list-top-partners .reverse-marquee-carousel .swiper-wrapper,
  .list-top-partners .marquee-carousel .swiper-wrapper {
    gap: 0;
    justify-content: unset;
  }
  .list-top-partners .item-title {
    margin-bottom: 0.44rem;
    font-size: 0.28rem;
    line-height: 1.4285714286;
  }
  /*.list-top-partners .item-image {
    filter: grayscale(100%) contrast(0) brightness(1);
    transition: filter 0.35s ease;
  }
  .list-top-partners .item-image:hover {
    filter: grayscale(0);
  }*/
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .partner-custom-list .list-wrapper .list-item .item-image {
    max-width: 2rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-top-partners + .list-top-partners {
    margin-top: 0.2rem;
  }
  .list-top-partners .list-item {
    margin-bottom: 0.5rem;
  }
  .partner-custom-list .list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .partner-custom-list .list-wrapper .list-item:nth-child(1),
  .partner-custom-list .list-wrapper .list-item:nth-child(2) {
    grid-column: 1 / span 2;
  }
  .partner-custom-list .list-wrapper .list-item {
    margin-bottom: 0.3rem;
  }
  .partner-custom-list .list-wrapper .item-title {
    font-size: 0.14rem;
  }
  .partner-custom-list .list-wrapper .item-image {
    max-width: 1.2rem;
  }
  .list-top-partners .swiper-slide {
    max-width: 1.8rem;
    padding: 0.16rem 0.2rem;
    border-radius: 0.2rem;
    border: solid 1px #d0d0d0;
    aspect-ratio: 340/220;
    margin: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .list-top-partners .item-list {
    display: flex;
    justify-content: center;
  }
  .list-top-partners .item-list + .item-list {
    margin-top: 0.2rem;
  }
  .list-top-partners .item-title {
    margin-bottom: 0.2rem;
    font-size: 0.2rem;
    line-height: 1.5;
  }

  .partners-block-list {
    margin: 0 -0.2rem !important;
  }
}
.section-top-location {
  overflow: hidden;
}
@media print, (min-width: 768px) {
  .section-top-location.is-active .main-map {
    animation: scaleOut;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
  .section-top-location .main-map {
    opacity: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-top-location .main-map {
    opacity: 1;
  }
}

.section-top-location .location-image {
  position: relative;
}

.section-top-location .location-wrapper {
  height: 100%;
}

.section-top-location .sub-small {
  letter-spacing: 0.01em;
}

.section-top-location .sub-large {
  text-align: right;
}

.section-top-location .title-main {
  line-height: 2;
  position: relative;
}

@media print, (min-width: 768px) {
  .section-top-location #main-w {
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease;
    background: url(location_img_01.jpg) center center/cover no-repeat;
  }
  .section-top-location #side-w {
    background: url(location_img_02.jpg) center center/cover no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(calc(100% - 1.5rem));
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 10;
  }
  .section-top-location .btn-wrap {
    position: absolute;
    top: 50%;
    right: 1.15rem;
    transform: translateY(-50%);
    z-index: 1000;
    transition: opacity 0.4s ease 0.5s;
  }
  .section-top-location .button-next {
    background: #144036;
    border: none;
    cursor: pointer;
    font-size: 0.26rem;
    color: rgb(255, 189, 214);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    width: 0.6rem;
    height: 2.64rem;
    background: url("button_mask.svg") center center/100% 100% no-repeat;
    padding: 0.1rem 0.15rem 0.1rem 0.05rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    writing-mode: sideways-rl;
  }
  .section-top-location .button-next::after {
    position: absolute;
    content: "";
    width: 0.6rem;
    height: 2.64rem;
    top: 0;
    right: 0;
    background: url("button_mask_arrow.svg") center center/100% 100% no-repeat;
  }
  .section-top-location .button-next:hover::after {
    animation: arrowSlide3 1s ease infinite;
  }
  .section-top-location .expanded #side-w {
    transform: translateX(0);
  }
  .section-top-location .expanded #main-w,
  .section-top-location .expanded .btn-wrap {
    opacity: 0;
  }
  .section-top-location .expanded .side-button {
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-top-location {
    min-height: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-location .main-content {
    background: url(location_img_01.jpg) center center/cover no-repeat;
  }
  .section-top-location #side-w {
    background: url(location_img_02_sp.jpg) center center/cover no-repeat;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 9.8rem;
  }
}
.main-location-wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
}

.main-location-wrapper .hero-title {
  align-items: flex-end;
}

.main-location-wrapper .map-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-location-wrapper .map-wrapper {
  overflow: hidden;
  height: 100%;
}

.main-location-wrapper .map-inner {
  position: relative;
  height: 100%;
  will-change: transform;
  transition: transform 0.25s ease;
}

.main-location-wrapper .map-inner.is-zoomed {
  transform: scale(1.5);
}

.js-map {
  transform-origin: center center;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  will-change: transform;
  cursor: default;
}

.js-map.is-draggable {
  cursor: grab;
}

.main-location-wrapper .map-controller {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  gap: 0.24rem;
  padding: 0.32rem;
}
.main-location-wrapper .map-controller svg {
  position: relative;
  margin: 10%;
  z-index: 5;
}

.main-location-wrapper .map-controller span {
  position: relative;
  display: block;
  border-radius: 50%;
}
.main-location-wrapper .map-controller span::after {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  border-radius: 50%;
  background: #ab8768;
}
.main-location-wrapper .map-controller span::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  left: -10%;
  top: -10%;
  border-radius: 50%;
  border: 2px solid transparent;
  background: linear-gradient(135deg, #ab8768 0%, rgba(255, 255, 255, 0) 50%, #e1cab0 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: Preloader 3s alternate infinite;
}

.main-location-wrapper .map-controller .is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.main-location-wrapper .main-content p{margin-bottom: 0.15rem}
.main-location-wrapper .main-content b,.main-location-wrapper .main-content strong{font-weight: 600}
@media print, (min-width: 768px) {
  .main-location-wrapper {
    flex-direction: column;
  }
  .main-location-wrapper .main-map {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.25rem;
    height: 100%;
  }
  .main-location-wrapper .main-content {
    max-width: 6.85rem;
    padding: 0 0 0.1rem 1.56rem;
  }
  .main-location-wrapper .hero-title {
    margin-bottom: 0.3rem;
  }
  
  .main-location-wrapper .sub-large {
    margin-top: 0.07rem;
    font-size: 0.45rem;
    line-height: 1.2;
  }
  .main-location-wrapper .title-main {
    margin: 0 0 0 -0.3rem;
    top: 0.38rem;
  }
  .main-location-wrapper .hero-sub {
    padding-left: 0.48rem;
    padding-right: 0.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .main-location-wrapper .main-map {
    width: 10rem;
  }
  .main-location-wrapper .main-content {
    padding: 1.5rem 0 1.6rem 0.5rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .main-location-wrapper {
    flex-direction: column-reverse;
  }
  .main-location-wrapper .main-map {
    position: relative;
    overflow: hidden;
    transform-origin: center center;
    transition: transform 0.25s ease;
  }
  .main-location-wrapper .main-map.is-zoomed {
    transform: scale(1.5);
  }
  .main-location-wrapper .map-controller span {
    width: 0.4rem;
    height: 0.4rem;
  }
  .main-location-wrapper .map-controller svg {
    width: 80%;
    height: 80%;
  }
  .main-location-wrapper .main-content {
    padding: 0.3rem 0.2rem;
  }
  .main-location-wrapper .hero-title {
    margin-bottom: 0.2rem;
  }
  .main-location-wrapper .sub-large {
    margin-top: 0.03rem;
    font-size: 0.32rem;
    line-height: 1.2;
  }
  .main-location-wrapper .title-main {
    font-size: 0.6rem;
    top: 0.15rem;
    margin-left: -0.16rem;
  }
}
.side-location-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.side-location-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(location_mask_02.png) center center/cover no-repeat;
  pointer-events: none;
  z-index: 1;
  opacity: 0.3;
}

.side-location-wrapper .side-content {
  position: relative;
  z-index: 1;
}

.side-location-wrapper .side-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.side-location-wrapper .list-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.side-location-wrapper .item-title {
  margin: 0;
  font-family: "Be VietNam Pro", sans-serif;
  font-weight: 300;
}

.side-location-wrapper .item-detail {
  margin: 0;
}

.side-location-wrapper .side-button {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.side-location-wrapper .button-back {
  cursor: pointer;
}
.side-location-wrapper .button-back::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 50%;
  transform: rotate(180deg);
  background: url(arrow_icon_05.svg) center center/contain no-repeat;
  transition: transform 0.6s ease, opacity 0.6s ease;
  z-index: 2;
}
.side-location-wrapper .button-back::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 50%;
  background: rgb(14, 50, 42);
  z-index: 1;
}
.side-location-wrapper .button-back:hover::before {
  animation: arrowSlide2 0.8s ease-in-out infinite;
}

.side-location-wrapper .side-button span {
  color: #fff;
  text-transform: uppercase;
}

.side-location-wrapper .side-thumbnail {
  transition: opacity 0.6s cubic-bezier(0.2, 0, 0, 1);
}

@media print, (min-width: 768px) {
  .side-location-wrapper {
    padding: 1.54rem 2.32rem 1rem;
  }
  .side-location-wrapper .side-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 100%;
    display: block;
    z-index: 2;
  }
  .expanded .side-location-wrapper .side-thumbnail {
    opacity: 0;
  }
  .expanded .side-location-wrapper .side-content {
    transform: translateY(0);
    opacity: 1;
  }
  .side-location-wrapper .side-content {
    width: 5.32rem;
    transform: translateY(0.6rem);
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1) 0.5s, opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1) 0.5s;
    opacity: 0;
  }
  .side-location-wrapper .side-list {
    padding-left: 0.8rem;
  }
  .side-location-wrapper .list-item {
    margin-bottom: 0.46rem;
  }
  .side-location-wrapper .hero-title {
    align-items: flex-end;
    margin-bottom: 0.7rem;
  }
  .side-location-wrapper .title-main {
    margin-right: -0.7rem;
    font-size: 0.7rem;
  }
  .side-location-wrapper .sub-small {
    font-size: 0.26rem;
    line-height: 1.2;
  }
  .side-location-wrapper .item-title {
    margin-bottom: 0.1rem;
    font-size: 0.22rem;
    line-height: 1.364;
  }
  .side-location-wrapper .item-detail {
    font-size: 0.4rem;
    line-height: 0.75;
  }
  .side-location-wrapper .item-detail span {
    font-size: 0.28rem;
    line-height: 1.0714285714;
  }
  .side-location-wrapper .side-button {
    margin: 0 0 0.8rem 0.7rem;
  }
  .side-location-wrapper .button-back {
    display: flex;
    align-items: center;
    padding-left: 0.66rem;
    height: 0.56rem;
  }
  .side-location-wrapper .button-back::before, .side-location-wrapper .button-back::after {
    width: 0.56rem;
  }
  .side-location-wrapper .side-button span {
    opacity: 0.702;
    font-size: 0.16rem;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .side-location-wrapper {
    padding: 0.4rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .side-location-wrapper {
    position: relative;
    padding: 0.4rem 0.2rem 0.8rem;
  }
  .side-location-wrapper::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
  }
  .side-location-wrapper .side-content {
    position: relative;
    z-index: 1;
  }
  .side-location-wrapper .side-list {
    padding: 0 0.4rem;
  }
  .side-location-wrapper .list-item {
    margin-bottom: 0.2rem;
  }
  .side-location-wrapper .hero-title {
    margin-bottom: 0.2rem;
    flex-direction: column;
  }
  .side-location-wrapper .title-main {
    font-size: 0.6rem;
  }
  .side-location-wrapper .title-sub {
    text-align: right;
    font-size: 0.26rem;
  }
  .side-location-wrapper .item-title {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    line-height: 1.2;
  }
  .side-location-wrapper .item-detail {
    font-size: 0.3rem;
    line-height: 0.75;
    min-height: 0.28rem;
  }
  .side-location-wrapper .item-detail span {
    font-size: 0.14rem;
    line-height: 1.5714285714;
  }
}
.list-top-location {
  position: relative;
}

.list-top-location .swiper {
  overflow: visible;
}

.list-top-location .location-swiper {
  overflow: hidden;
  will-change: transform;
}

.list-top-location .location-swiper .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.list-top-location .button-next {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  z-index: 1;
  cursor: pointer;
  text-transform: uppercase;
  color: #ffbdd6;
  text-align: center;
  line-height: 1.2;
  background: #154036;
  letter-spacing: 0.01em;
  transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), visibility 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.list-top-location .button-next.is-hidden {
  opacity: 0;
  visibility: hidden;
}

@media print, (min-width: 768px) {
  .list-top-location .location-item,
  .list-top-location .location-image {
    height: 9.8rem;
  }
  .list-top-location .button-next {
    font-size: 0.26rem;
  }
}
.section-top-central tspan {
  white-space: pre;
}
.section-top-central .a {
  fill: #709540;
}
.section-top-central .b {
  opacity: 0.5;
  fill: #fff;
}
.section-top-central .c {
  opacity: 0.5;
  fill: #ffbdd6;
}
.section-top-central .d {
  fill: #ffbdd6;
}
.section-top-central .e {
  fill: #0e322a;
}
.section-top-central .f {
  font-size: 20px;
  line-height: 1.5;
  text-transform: uppercase;
  fill: #ffffff;
}

.section-top-central .central-wrapper {
  position: relative;
  height: 100%;
}
.section-top-central .central-wrapper > svg {
  pointer-events: none;
}
.section-top-central .central-wrapper .group-icon {
  pointer-events: all;
}

.section-top-central .title-sub span {
  display: block;
}
.section-top-central .tower-hover {
  fill: none;
  stroke-width: 6;
  stroke: #e9a8b0;
  opacity: 0;
  transition: all 0.35s ease;
}
.section-top-central .tower-hover:hover {
  opacity: 1;
  fill: rgba(233, 168, 176, 0.3);
}
.section-top-central .group-icon:hover .tower-hover,
.section-top-central .d:hover .tower-hover {
  opacity: 1;
  fill: rgba(233, 168, 176, 0.3);
}
.section-top-central .central-title {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  font-family: "Be VietNam Pro", sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.section-top-central .central-title span {
  font-family: "Noto Serif Display", sans-serif;
}
@media only screen and (max-width: 767.98px) {
  .section-top-central {
    padding: 0.6rem 0 0;
  }
  .section-top-central .tower-hover {
    transform: translateX(-0.64rem);
  }
  .section-top-central .central-title {
    font-size: 0.2rem;
    line-height: 2.0833333333;
    position: absolute;
    top: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .section-top-central .central-title span {
    margin-left: 0.05rem;
    font-size: 0.3rem;
    line-height: 1;
    padding-bottom: 0.08rem;
  }
}

.section-top-central svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-top-central .line-stroke {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  transition: opacity 0.3s ease;
}

.section-top-central .decoration-icon {
  position: absolute;
  display: block;
}

@media print, (min-width: 768px) {
  .section-top-central.is-active .line-stroke {
    animation: drawLine 2s ease forwards 1s;
  }
  .section-top-central .decoration-icon {
    top: 1.48rem;
    right: 1.88rem;
    
    height: 0.87rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-central .line-stroke {
    stroke-width: 1.5;
    stroke-dashoffset: 0;
  }
  .section-top-central .decoration-icon {
    top: 0.2rem;
    right: 0.2rem;
    width: 0.3rem;
    height: 0.37rem;
  }
}
.group-icon {
  cursor: pointer;
}

.group-icon .icon-wrapper .c {
  transform-box: fill-box;
  transform-origin: center;
  animation: ringGrow 1.4s ease-out infinite;
}

.section-premises {
  height: 100%;
}
.section-premises .premises-viewport {
  position: relative;
}
.section-premises   .premises-viewport-wrapper{
  position: relative;
  height: 100%;
}
.section-premises .premises-block {
  color: #fff;
}
.section-premises .block-title {
  text-transform: uppercase;
}
.section-premises .premises-title {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  font-family: "Be VietNam Pro", sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.section-premises .premises-title span {
  font-family: "SVN-Gotham-Regular";
}
@media print, (min-width: 768px) {
  .section-premises .premises-title {
    font-size: 0.24rem;
    line-height: 2.0833333333;
    position: absolute;
    top: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .section-premises .premises-title span {
    margin-left: 0.05rem;
    font-size: 0.36rem;
    line-height: 1;        margin-top: -0.2rem;
  }
  .section-premises .premises-block {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(calc(-50%  - .2rem));
    right: 0.68rem;
  }
  .section-premises .block-title {
    margin-bottom: 0.22rem;
    font-size: 0.3rem;
    line-height: 1.6666666667;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-premises .premises-title {
    font-size: 0.2rem;
    line-height: 2.0833333333;
    display: block;
  }
  .section-premises .premises-title span {
    font-size: 0.25rem;
    line-height: 1;
    display: block;
  }
  .section-premises .premises-block {
    padding: 0.2rem;
  }
  .section-premises .block-title {
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
    line-height: 1.6666666667;
  }
}

.section-premises .premises-wrapper {
  background-color: #fff;
  height: 100%;
}

.section-premises .premises-content {
  flex: 0 0 auto;
  background: url(promises_bg_01.png) center center/cover no-repeat;
}

.section-premises .premises-image {
  flex: 1;
}

.section-premises .content-tower {
  display: flex;
  align-items: center;
  font-family: "Be VietNam Pro", sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
}

.section-premises .content-tower span {
  display: inline-block;
  position: relative;
}

.section-premises .content-tower span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(arrow_icon_02.svg) center center/contain no-repeat;
  width: 0.14rem;
  height: 0.12rem;
  display: block;
}

.section-premises .content-tower span:first-child::before {
  display: none;
}

.section-premises .content-title {
  text-transform: uppercase;
  color: #fff;
  line-height: 1.2;
}

.section-premises .title-name {
  color: rgb(255, 189, 214);
}

.section-premises .content-list {
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.12rem;
}

.section-premises .content-list .list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.section-premises .content-list .item-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.section-premises .content-list .item-title {
  position: relative;
  font-family: "Be VietNam Pro", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  flex: 0 0 auto;
}

.section-premises .content-list .item-title::before {
  position: absolute;
  top: calc(50% - 0.02rem);
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  opacity: 0.502;
  width: 0.24rem;
  height: 0.23rem;
}

.section-premises .content-list .item-title.is-room::before {
  background: url(premises_icon_03.svg) center center/contain no-repeat;
}

.section-premises .content-list .item-title.is-bathroom::before {
  background: url(premises_icon_04.svg) center center/contain no-repeat;
}

.section-premises .content-list .item-title.is-area::before {
  background: url(premises_icon_05.svg) center center/contain no-repeat;
}

.section-premises .content-list .item-detail {
  flex: 1;
  color: #fff;
  text-align: right;
  line-height: 1;
}

.section-premises .content-block {
  display: flex;
  align-items: center;
}

.section-premises .block-icon {
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
}

.section-premises .premises-content .block-title {
  font-family: "Be VietNam Pro", sans-serif;
  flex: 1;
  text-transform: uppercase;
}

.section-premises .premises-content .block-title span {
  display: block;
}

.section-premises .image-title {
  text-transform: uppercase;
  color: #0e322a;font-family: "SVN-Gotham-Regular";
  text-align: center;
  line-height: 1.2;
}

.section-premises .sub-title {
  text-transform: uppercase;
  color: #0e322a;
  font-family: "Be VietNam Pro", sans-serif;
  text-align: center;
}

.section-premises .image-main {
  position: relative;
}

.section-premises .button-zoom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media print, (min-width: 768px) {
  .section-premises .premises-wrapper {
    display: flex;
    max-width: 17.2rem;
    margin-left: auto;
  }
  .section-premises .premises-content {
    width: 5.2rem;
    padding: 1.29rem 0.78rem 0.5rem 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .section-premises .content-tower {
    gap: 0.1rem;
    font-size: 0.2rem;
    margin-bottom: 0.27rem;
  }
  .section-premises .content-tower span:last-child {
    padding-left: 0.22rem;
  }
  .section-premises .content-list {
    margin-bottom: 0.48rem;
  }
  .section-premises .content-title {
    font-size: 0.35rem;
    margin-bottom: 0.28rem;
  }
  .section-premises .content-list .list-item {
    padding: 0.13rem 0.18rem;
  }
  .section-premises .content-list .item-title {
    padding-left: 0.36rem;
    font-size: 0.18rem;
    width: 2.2rem;
  }
  .section-premises .content-list .item-detail {
    font-size: 0.29rem;
  }
    .section-premises .content-list .item-detail .unit{font-size: 0.2rem;}
  .section-premises .content-block {
    padding: 0 0.01rem;
    gap: 0.14rem;
  }
  .section-premises .content-block + .content-block {
    margin-top: 0.21rem;
  }
  .section-premises .block-icon {
    width: 0.68rem;
    height: 0.68rem;
    padding: 0.05rem;
  }
  .section-premises .premises-content .block-title {
    font-size: 0.16rem;
    line-height: 1.5;
  }
  .section-premises .premises-image {
    padding: 0.6rem 0.79rem 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .section-premises .image-title {
    margin-bottom: 0.35rem;
    font-size: 0.4rem; 
  }
  .section-premises .image-wrapper {
    display: flex;
    align-items: flex-start;
  }
  .section-premises .image-main {
    /*flex: 1;*/
    padding-left: 0.39rem;
  }
  .section-premises .image-sub {
    flex: 0 0 auto;
    width: 1.95rem;
    padding: 0.55rem 0 0 0.33rem;
  }
  .section-premises .sub-title {
    margin-bottom: 0.33rem;
    font-size: 0.16rem;
    line-height: 1.5;
  }
}
@media (min-width: 768px) and (max-height: 599.98px) {
  .section-premises .premises-image {
    padding: 0.25rem 0.79rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-premises .premises-content {
    padding: 0.4rem 0.3rem;
  }
  .section-premises .content-tower {
    gap: 0.1rem;
    font-size: 0.18rem;
    margin-bottom: 0.12rem;
  }
  .section-premises .content-tower span:last-child {
    padding-left: 0.22rem;
  }
  .section-premises .content-list {
    margin-bottom: 0.2rem;
  }
  .section-premises .content-title {
    font-size: 0.3rem;
    margin-bottom: 0.28rem;
  }
  .section-premises .content-list .list-item {
    padding: 0.13rem 0.18rem;
  }
  .section-premises .content-list .item-title {
    padding-left: 0.36rem;
    font-size: 0.18rem;
    width: 2.2rem;
  }
  .section-premises .content-list .item-detail {
    font-size: 0.3rem;
  }
  .section-premises .content-block {
    padding: 0 0.01rem;
    gap: 0.14rem;
  }
  .section-premises .content-block + .content-block {
    margin-top: 0.21rem;
  }
  .section-premises .block-icon {
    width: 0.68rem;
    height: 0.68rem;
    padding: 0.05rem;
  }
  .section-premises .premises-content .block-title {
    font-size: 0.16rem;
    line-height: 1.5;
  }
  .section-premises .premises-image {
    padding: 0.4rem 0.3rem;
  }
  .section-premises .image-title {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
  }
  .section-premises .image-main {
    margin-bottom: 0.2rem;
  }
  .section-premises .image-sub-viewport {
    display: flex;
    flex-wrap: wrap;
    margin: -0.1rem;
  }
  .section-premises .image-inner {
    width: 33.3333333333%;
    padding: 0.1rem;
  }
  .section-premises .sub-title {
    margin-bottom: 0.2rem;
    font-size: 0.16rem;
    line-height: 1.5;
  }
}
.section-top-privilege {
  overflow: hidden;
  position: relative;font-family: "SVN-Gotham-Regular";
}

.section-top-privilege .privilege-wrapper {
  background: url(privilege_bg_01.jpg) center center/cover no-repeat;
}

.section-top-privilege .privilege-title {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  color: #fff;
  margin: 0;
}
.section-top-privilege .title-top,
.section-top-privilege .title-number {
  position: relative;
  font-family: "MTD Starcity Script", sans-serif;
  font-weight: 300;
  background: linear-gradient(410deg, #ffbdd6, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-top-privilege .title-number {
  font-family: "Noto Serif Display", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.section-top-privilege .title-bottom {
  text-transform: uppercase;
}
.section-top-privilege .title-wrapper span {
  display: block;
}
.section-top-privilege svg {
  width: 100%;
  height: auto;
}
.section-top-privilege tspan {
  white-space: pre;
}
.section-top-privilege .a {
  fill: none;
}
.section-top-privilege .b {
  text-transform: uppercase;
  fill: #ffffff;font-family: "SVN-Gotham-Regular";
}
.section-top-privilege .c {
  fill: #083129;
  stroke: #2f554e;
  stroke-linejoin: round;
  stroke-width: 2;
}
.section-top-privilege .d {
  fill: #ffbdd6;
}
.section-top-privilege .e {
  fill: #364543;
  stroke: #516262;
  stroke-linejoin: round;
  stroke-width: 2;
}
.section-top-privilege .f {
  font-size: 0.26rem;font-family: "SVN-Gotham-Regular";
  line-height: 1.3461538462;
  text-transform: uppercase;
  fill: #ffffff;
}
.section-top-privilege .g {
  fill: #0b3b32;
  stroke: #2f554e;
  stroke-linejoin: round;
  stroke-width: 2;
}
.section-top-privilege .h {
  fill: #0a3c34;
  stroke: #2f554e;
  stroke-linejoin: round;
  stroke-width: 2;
}
@media print, (min-width: 768px) {
  .section-top-privilege {
    max-height: 14.16rem;
  }
  .section-top-privilege svg {
    height: 100vh;
    transform: scale(1.1);
  }
  .section-top-privilege .privilege-title {
    max-width: 4rem;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
  }
  .section-top-privilege .title-number {
    font-size: 1.8rem;
  }
  .section-top-privilege .title-wrapper {
    margin-left: -0.12rem;
  }
  .section-top-privilege .title-top {
    margin-top: -0.12rem;
    font-size: 0.9rem;
    line-height: 2;
  }
  .section-top-privilege .title-bottom {
    font-size: 0.35rem;
    line-height: 1.2;
  }
  .section-top-privilege .b {
    font-size: 0.26rem;
    line-height: 1.4615384615;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-top-privilege svg {
    height: auto;
    transform: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-top-privilege .privilege-wrapper {
    padding: 0.4rem 0;
  }
  .section-top-privilege .privilege-title {
    position: unset;
  }
  .section-top-privilege .title-number {
    font-size: 1.1rem;
  }
  .section-top-privilege .title-wrapper {
    margin-left: -0.05rem;
  }
  .section-top-privilege .title-top {
    margin-top: -0.2rem;
    font-size: 0.45rem;
    line-height: 2;
  }
  .section-top-privilege .title-middle {
    font-size: 0.2rem;
    margin: -0.1rem 1.2rem 0 0;
  }
  .section-top-privilege .title-bottom {
    margin-top: -0.08rem;
    font-size: 0.22rem;
  }
  .section-top-privilege .b {
    font-size: 0.28rem;
  }
  .section-top-privilege .zoom {
    transform: scale(1.7) translate(0.35rem, -0.35rem);
    transform-origin: center center;
  }
}

.list-premises-tabs {
  height: 100%;
}
.list-premises-tabs .item-text {
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Be VietNam Pro", sans-serif;
  margin: 0;
  transition: color 0.3s ease;
}
.list-premises-tabs .list-item {
  position: relative;
  cursor: pointer;
}
.list-premises-tabs .list-item::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(nav_icon_active.png) center center/contain no-repeat;
  width: 0.2rem;
  height: 0.28rem;
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.list-premises-tabs .list-item.active::before, .list-premises-tabs .list-item:hover::before {
  opacity: 1;
}
.list-premises-tabs .list-item.active .item-text, .list-premises-tabs .list-item:hover .item-text {
  color: #ffbdd6;
}
.list-premises-tabs .tab-panel {
  position: relative;
  display: none;
  animation: fade 0.3s ease;
}
.list-premises-tabs .tab-panel.active {
  display: block;
}
.list-premises-tabs .premises-note {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.list-premises-tabs .premises-note .b,
.list-premises-tabs .premises-note .c,
.list-premises-tabs .premises-note .d,
.list-premises-tabs .premises-note .e,
.list-premises-tabs .premises-note .f,
.list-premises-tabs .premises-note .pn {
  fill: none;
  pointer-events: all;
  cursor: pointer;
  transition: all 0.35s ease;
}
.list-premises-tabs .premises-note .b:hover,
.list-premises-tabs .premises-note .c:hover,
.list-premises-tabs .premises-note .d:hover,
.list-premises-tabs .premises-note .e:hover,
.list-premises-tabs .premises-note .f:hover,
.list-premises-tabs .premises-note .pn:hover {
  stroke: #e9a8b0;
  stroke-width: 4;
  fill: rgba(233, 168, 176, 0.5);
}
.list-premises-tabs .premises-note use {
  pointer-events: none;
}
.list-premises-tabs .premises-note .detail {
  font-size: 20px;
  line-height: 1.5909090909;
  color: #0e322a;
  font-weight: 600;
  font-family: "Be VietNam Pro", sans-serif;
  text-align: right;
  fill: #0e322a;
}
.list-premises-tabs .premises-note .note-detail {
  pointer-events: all;
}
.list-premises-tabs .block {
  fill: #fff;
  paint-order: stroke fill markers;
  stroke-linejoin: round;
  stroke-width: 10;
}
.list-premises-tabs .apartment {
  font-size: 20px;
  line-height: 1.75;
  text-transform: uppercase;
  color: #0e322a;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-premises-tabs .apartment-floor {
  font-weight: 600;
  color: #0e322a;
  font-size: 30px;
  font-family: "Noto Serif Display", sans-serif;
}
.list-premises-tabs .celeb {
  font-size: 0.16rem;
  line-height: 1.5;
  text-transform: uppercase;
  fill: #ffffff;
  font-weight: 300;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-premises-tabs .celeb-title {
  font-size: 0.16rem;
  line-height: 1.5;
  text-transform: uppercase;
  fill: #ffffff;
  font-weight: 600;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-premises-tabs .element-2 {
  fill: #fef8c8;
  stroke: #0e322a;
  paint-order: stroke fill markers;
  stroke-linejoin: round;
  stroke-width: 10;
}
.list-premises-tabs .element {
  fill: #f9ad81;
  stroke: #0e322a;
  paint-order: stroke fill markers;
  stroke-linejoin: round;
  stroke-width: 10;
}
.list-premises-tabs .note {
  fill: #fed57a;
  stroke: #0e322a;
  paint-order: stroke fill markers;
  stroke-linejoin: round;
  stroke-width: 10;
}
.list-premises-tabs .g {
  fill: #d5b898;
  stroke: #0e322a;
  paint-order: stroke fill markers;
  stroke-linejoin: round;
  stroke-width: 10;
}
.list-premises-tabs .h,
.list-premises-tabs .i {
  fill: #0e322a;
  opacity: 0.5;
}
.list-premises-tabs .title {
  font-size: 20px;
  line-height: 1.75;
  color: #0e322a;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-premises-tabs .decoration-icon {
  position: absolute;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Be VietNam Pro", sans-serif;
}
.list-premises-tabs .decoration-icon img {
  margin: 0 auto;
}
@media print, (min-width: 768px) {
  .list-premises-tabs .tabs-content,
  .list-premises-tabs .tab-panel {
    height: 100%;
  }
  .list-premises-tabs .list-item {
    padding-left: 0.28rem;
  }
  .list-premises-tabs .item-text {
    font-size: 0.16rem;
    line-height: 2.8125;
  }
  .list-premises-tabs .decoration-icon {
    top: 1.48rem;
    right: 1.88rem;
    font-size: 0.16rem;
    line-height: 1.5;
  }
  .list-premises-tabs .decoration-icon img {
    width: 0.71rem;
    height: 0.87rem;        object-fit: contain;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .list-premises-tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .list-premises-tabs .tabs-content,
  .list-premises-tabs .tab-panel {
    height: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-premises-tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .list-premises-tabs .list-item::before {
    opacity: 1;
    filter: brightness(0) invert(1);
  }
  .list-premises-tabs .list-item.active::before, .list-premises-tabs .list-item:hover::before {
    filter: none;
  }
  .list-premises-tabs .path-sm,
  .list-premises-tabs .number-apartment {
    transform: translateX(-0.65rem);
  }
  .list-premises-tabs .tabs-content,
  .list-premises-tabs .tab-panel {
    height: auto;
  }
  .list-premises-tabs .list-item {
    padding-left: 0.28rem;
  }
  .list-premises-tabs .item-text {
    font-size: 0.16rem;
    line-height: 2.8125;
  }
  .list-premises-tabs .decoration-icon {
    top: 0.6rem;
    right: 0.2rem;
    font-size: 0.1rem;
    line-height: 1;
    margin-bottom: 0;
  }
  .list-premises-tabs .decoration-icon img {
    width: 0.3rem;
    height: 0.37rem;
  }
}

.js-premises-detail-item {
  cursor: pointer;
}

svg.premises-note {
  pointer-events: none;
}

svg.premises-note path.pn,
svg.premises-note path.d,
svg.premises-note path.e,
svg.premises-note path.f {
  pointer-events: all;
  cursor: pointer;
}

svg.premises-note use {
  pointer-events: none;
}

.js-premises-detail-item {
  pointer-events: all;
  cursor: pointer;
}

.outline {
  fill: none;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

g.note-detail {
  transition: transform 0.15s ease;
}

@media print, (min-width: 768px) {
  .number-apartment .st0 {
    clip-path: url(#SVGID_00000061472773690244162720000012599976025744541107_);
    fill: #006A51;
  }
  .number-apartment .st1 {
    fill: #FFFFFF;
  }
  .number-apartment .st2 {
    font-family: "Optima-Bold";
  }
  .number-apartment .st3 {
    font-size: 12.8327px;
  }
  .number-apartment .st4 {
    clip-path: url(#SVGID_00000180349919514190151820000012993182187663987341_);
    fill: #006A51;
  }
  .number-apartment .st5 {
    clip-path: url(#SVGID_00000072967643385591960460000010084853953788148638_);
    fill: #006A51;
  }
  .number-apartment .st6 {
    clip-path: url(#SVGID_00000037659129325339425490000014480970669455567533_);
    fill: #006A51;
  }
  .number-apartment .st7 {
    clip-path: url(#SVGID_00000094590967936348735910000010190755759785020042_);
    fill: #006A51;
  }
  .number-apartment .st8 {
    clip-path: url(#SVGID_00000060719603763825339370000018280306145500044719_);
    fill: #006A51;
  }
  .number-apartment .st9 {
    clip-path: url(#SVGID_00000047034694831870696750000005707793053791016086_);
    fill: #006A51;
  }
  .number-apartment .st10 {
    clip-path: url(#SVGID_00000011721805503964774460000006257177269413837211_);
    fill: #006A51;
  }
  .number-apartment .st11 {
    clip-path: url(#SVGID_00000129189197713337468930000002783406624232723391_);
    fill: #006A51;
  }
  .number-apartment .st12 {
    clip-path: url(#SVGID_00000138538318549602789340000012560413469705399190_);
    fill: #006A51;
  }
  .number-apartment .st13 {
    clip-path: url(#SVGID_00000155106474800886201610000014290586147713537195_);
    fill: #006A51;
  }
  .number-apartment .st14 {
    clip-path: url(#SVGID_00000173875586794416281900000001762261795205591685_);
    fill: #006A51;
  }
  .number-apartment .st15 {
    clip-path: url(#SVGID_00000072272863422043347250000018422480821370983317_);
    fill: #006A51;
  }
  .number-apartment .st16 {
    clip-path: url(#SVGID_00000023276145036281825220000016019498345434031511_);
    fill: #006A51;
  }
  .number-apartment .st17 {
    clip-path: url(#SVGID_00000039133750012675577040000014785758012882915466_);
    fill: #006A51;
  }
  .number-apartment .st18 {
    clip-path: url(#SVGID_00000072987593840983334950000010872697058441005992_);
    fill: #006A51;
  }
  .number-apartment .st19 {
    clip-path: url(#SVGID_00000076603832017886653800000006655713168570518437_);
    fill: #006A51;
  }
  .number-apartment .st20 {
    clip-path: url(#SVGID_00000018915422723506762210000003504676949840377756_);
    fill: #006A51;
  }
  .number-apartment .st21 {
    clip-path: url(#SVGID_00000018915422723506762210000003504676949840377756_);
  }
  .number-apartment .st22 {
    clip-path: url(#SVGID_00000140712264663398452250000013360652514682894485_);
    fill: #006A51;
  }
  .number-apartment .st23 {
    clip-path: url(#SVGID_00000130640671961235960390000006607042342651732887_);
    fill: #006A51;
  }
  .number-apartment .st24 {
    clip-path: url(#SVGID_00000181774907932554161590000014207386353063010701_);
    fill: #006A51;
  }
  .number-apartment .st25 {
    clip-path: url(#SVGID_00000181774907932554161590000014207386353063010701_);
  }
  .number-apartment .st26 {
    clip-path: url(#SVGID_00000021092263227521422660000011476573134403460796_);
    fill: #006A51;
  }
  .number-apartment .st27 {
    clip-path: url(#SVGID_00000058585459000480106290000001434094846567771560_);
    fill: #006A51;
  }
  .number-apartment .st28 {
    clip-path: url(#SVGID_00000037684871597861648520000017070575032021928113_);
    fill: #006A51;
  }
  .number-apartment .st29 {
    clip-path: url(#SVGID_00000107564718910767391880000012881087296267871901_);
    fill: #006A51;
  }
  .number-apartment .st30 {
    clip-path: url(#SVGID_00000094613317019760122270000009354138747796511907_);
    fill: #006A51;
  }
  .number-apartment .st31 {
    clip-path: url(#SVGID_00000157274566437746127460000005155385211244895153_);
    fill: #006A51;
  }
  .number-apartment .st32 {
    clip-path: url(#SVGID_00000170256733138526334400000018073832633750759855_);
    fill: #006A51;
  }
  .number-apartment .st33 {
    clip-path: url(#SVGID_00000152242664277864937300000016870990404569110963_);
    fill: #006A51;
  }
  .number-apartment .st34 {
    clip-path: url(#SVGID_00000134231863691887254910000008981108972612085632_);
    fill: #006A51;
  }
  .number-apartment .st35 {
    clip-path: url(#SVGID_00000018947535664675943190000012856679432352447887_);
    fill: #006A51;
  }
  .number-apartment .st36 {
    clip-path: url(#SVGID_00000151538231239546302410000001554936343044045743_);
    fill: #006A51;
  }
}
@media only screen and (max-width: 767.98px) {
  .number-apartment .st0 {
    clip-path: url(#SVGID_00000170256055829102328230000012109017851254571685_);
    fill: #006A51;
  }
  .number-apartment .st1 {
    fill: #FFFFFF;
  }
  .number-apartment .st2 {
    font-family: "Optima-Bold";
  }
  .number-apartment .st3 {
    font-size: 12.8327px;
  }
  .number-apartment .st4 {
    clip-path: url(#SVGID_00000124147797959693320820000010920580903901316227_);
    fill: #006A51;
  }
  .number-apartment .st5 {
    clip-path: url(#SVGID_00000145761011616487338640000010666609481760208792_);
    fill: #006A51;
  }
  .number-apartment .st6 {
    clip-path: url(#SVGID_00000099656457727148724710000001683578149632582576_);
    fill: #006A51;
  }
  .number-apartment .st7 {
    clip-path: url(#SVGID_00000119109711449990274500000008451923440250971550_);
    fill: #006A51;
  }
  .number-apartment .st8 {
    clip-path: url(#SVGID_00000040559593456398845770000002082635897462817923_);
    fill: #006A51;
  }
  .number-apartment .st9 {
    clip-path: url(#SVGID_00000029034790241374663950000008552512349674147743_);
    fill: #006A51;
  }
  .number-apartment .st10 {
    clip-path: url(#SVGID_00000011745946234007365960000014058868148882705841_);
    fill: #006A51;
  }
  .number-apartment .st11 {
    clip-path: url(#SVGID_00000085252432197335899480000010146495165674801585_);
    fill: #006A51;
  }
  .number-apartment .st12 {
    clip-path: url(#SVGID_00000131360794456828092090000003872535908402978235_);
    fill: #006A51;
  }
  .number-apartment .st13 {
    clip-path: url(#SVGID_00000178917501423539006740000008843670271004144018_);
    fill: #006A51;
  }
  .number-apartment .st14 {
    clip-path: url(#SVGID_00000161607378970496605110000013002204317272094380_);
    fill: #006A51;
  }
  .number-apartment .st15 {
    clip-path: url(#SVGID_00000158731881541869160830000002764134383153288356_);
    fill: #006A51;
  }
  .number-apartment .st16 {
    clip-path: url(#SVGID_00000033329461358962819930000006841407117698031497_);
    fill: #006A51;
  }
  .number-apartment .st17 {
    clip-path: url(#SVGID_00000116222438823618574920000010214073908373175682_);
    fill: #006A51;
  }
  .number-apartment .st18 {
    clip-path: url(#SVGID_00000113351027802267276760000014054216438497995675_);
    fill: #006A51;
  }
  .number-apartment .st19 {
    clip-path: url(#SVGID_00000008128500878002329840000017401641453128417201_);
    fill: #006A51;
  }
  .number-apartment .st20 {
    clip-path: url(#SVGID_00000142137270623133803750000006970665341377448596_);
    fill: #006A51;
  }
  .number-apartment .st21 {
    clip-path: url(#SVGID_00000049937875036795976640000001788729666113161137_);
  }
  .number-apartment .st22 {
    clip-path: url(#SVGID_00000013157773577454463490000018334445139073999758_);
    fill: #006A51;
  }
  .number-apartment .st23 {
    clip-path: url(#SVGID_00000052814760956596917990000015575287066253682073_);
    fill: #006A51;
  }
  .number-apartment .st24 {
    clip-path: url(#SVGID_00000163044108096713966510000002300968665507678389_);
    fill: #006A51;
  }
  .number-apartment .st25 {
    clip-path: url(#SVGID_00000107557179173657608270000014248375817644455053_);
    fill: #006A51;
  }
  .number-apartment .st26 {
    clip-path: url(#SVGID_00000042699762561474410670000009051469938622076837_);
  }
  .number-apartment .st27 {
    clip-path: url(#SVGID_00000012463495936064482440000014954657520319332517_);
    fill: #006A51;
  }
  .number-apartment .st28 {
    clip-path: url(#SVGID_00000047037108403275226510000010381057668007167120_);
    fill: #006A51;
  }
  .number-apartment .st29 {
    clip-path: url(#SVGID_00000163781670552821253220000016879616013558747826_);
    fill: #006A51;
  }
  .number-apartment .st30 {
    clip-path: url(#SVGID_00000007410130876820823650000007055797079112365498_);
    fill: #006A51;
  }
  .number-apartment .st31 {
    clip-path: url(#SVGID_00000162353023140917169140000008362045522007902101_);
    fill: #006A51;
  }
  .number-apartment .st32 {
    clip-path: url(#SVGID_00000044163927749384183620000007431159316406018179_);
    fill: #006A51;
  }
  .number-apartment .st33 {
    clip-path: url(#SVGID_00000008852950801555831310000005762603608599084939_);
    fill: #006A51;
  }
  .number-apartment .st34 {
    clip-path: url(#SVGID_00000088133007613908625930000000404542449606716334_);
    fill: #006A51;
  }
  .number-apartment .st35 {
    clip-path: url(#SVGID_00000132084159013676527320000008038798674346981795_);
    fill: #006A51;
  }
  .number-apartment .st36 {
    clip-path: url(#SVGID_00000090981207821504948530000012392548648052357279_);
    fill: #006A51;
  }
  .number-apartment .st37 {
    clip-path: url(#SVGID_00000018216388368303516060000010856877001274689184_);
    fill: #006A51;
  }
  .number-apartment .st38 {
    clip-path: url(#SVGID_00000181053453296437309930000013196763068790164110_);
    fill: #006A51;
  }
}

section .title-main {
  position: relative;
  font-family: "DFVN-MOON-CROWD", sans-serif;
  font-weight: 300;
  background: linear-gradient(410deg, #ffbdd6, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section .title-sub {
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-family: "DFVN-MOON-CROWD";
}

@media only screen and (max-width: 767.98px) {
  section {
    line-height: 1.2;
  }
  section .hero-title {
    margin-bottom: 0.2rem;
  }
  section .title-sub {
    font-size: 0.3rem;
  }
  section .sub-small {
    font-size: 0.3rem;
  }
}
.hero-title,
.hero-sub {
  will-change: transform, opacity;
}

.path-logo {
  fill: #FFFFFF;
}

.st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}

.st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.01000728, 3.9829, 0.01000728, 0;
}

.st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 4.0029, 0, 0.01000728, 3.9829, 0.01000728, 0;
}

.st3 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.01009565, 4.0181, 0.01009565, 0;
}

.st4 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 4.0383, 0, 0.01009565, 4.0181, 0.01009565, 0;
}

.st5 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.009858708, 3.9238, 0.009858708, 0;
}

.st6 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 3.9435, 0, 0.009858708, 3.9238, 0.009858708, 0;
}

.st7 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.009895385, 3.9384, 0.009895385, 0;
}

.st8 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 3.9582, 0, 0.009895385, 3.9384, 0.009895385, 0;
}

.st9 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.01018506, 4.0537, 0.01018506, 0;
}

.st10 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 4.074, 0, 0.01018506, 4.0537, 0.01018506, 0;
}

.st11 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.01035681, 4.122, 0.01035681, 0;
}

.st12 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 4.1427, 0, 0.01035681, 4.122, 0.01035681, 0;
}

.st13 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.01026477, 4.0854, 0.01026477, 0;
}

.st14 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 4.1059, 0, 0.01026477, 4.0854, 0.01026477, 0;
}

.st15 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 0.009572477, 3.8098, 0.009572477, 0;
}

.st16 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 3.829, 0, 0.009572477, 3.8098, 0.009572477, 0;
}

.st17 {
  fill: none;
  stroke: #F7BBD5;
  stroke-miterlimit: 10;
}

.st18 {
  fill: none;
  stroke: #F7BBD5;
  stroke-miterlimit: 10;
  stroke-dasharray: 3.0186, 3.0186;
}

.st19 {
  fill: none;
  stroke: #F7BBD4;
  stroke-miterlimit: 10;
}

.st20 {
  fill: none;
  stroke: #F7BBD4;
  stroke-miterlimit: 10;
  stroke-dasharray: 2.9823, 2.9823;
}

.st21 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-dasharray: 4, 0, 0;
}

.map-line path {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 5 5;
  animation: moveLine 1s linear infinite;
}

.map-line line {
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 5 5;
  animation: moveLine 1s linear infinite;
}

@keyframes moveLine {
  to {
    stroke-dashoffset: -10;
  }
}
.wow {
  visibility: hidden;
  opacity: 0;
}

@media print {
  .wow {
    visibility: visible !important;
  }
}
html.wf-active .animated {
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

html.wf-active .fade-in-up {
  animation-name: fade-in-up;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

@keyframes draw {
  0% {
    stroke-dashoffset: 32;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fillIn {
  to {
    fill: rgba(255, 255, 255, 0.5);
  }
}
@keyframes ringGrow {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes ringGrow2 {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0;
  }
}
@keyframes fade-in-up {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes Preloader {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes arrowSlide {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  70% {
    transform: translateX(0.2rem);
    opacity: 0;
  }
  71% {
    transform: translateX(-0.2rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes arrowSlide2 {
  0% {
    transform: translateX(0) rotate(180deg);
    opacity: 1;
  }
  70% {
    transform: translateX(-0.2rem) rotate(180deg);
    opacity: 0;
  }
  71% {
    transform: translateX(0.2rem) rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(180deg);
    opacity: 1;
  }
}
@keyframes scaleLarge {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(calc(-50% + 0.2rem));
  }
  100% {
    opacity: 1;
    transform: translateY(-50%);
  }
}
.note-inner {
  will-change: transform, opacity;
}

.note-detail.showed .note-inner {
  animation-name: up;
  animation-duration: 0.75s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  pointer-events: auto;
}

.note-detail:not(.showed) .note-inner {
  animation-name: down;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  pointer-events: none;
}

.note-detail.hidden {
  opacity: 0;
}

@keyframes up {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(0.6);
  }
}
@keyframes down {
  0% {
    opacity: 1;
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(0.6);
  }
}
@keyframes arrowSlide3 {
  0% {
    transform: translateX(0.05rem);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0.05rem);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.marquee-running,
.marquee-carousel.marquee-running,
.reverse-marquee-carousel.marquee-running {
  overflow: hidden;
  pointer-events: none;
}

.marquee-running .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}