@charset "UTF-8";
@import url("../js/library/splide/splide.min.css");
@import url("../js/library/fancybox/fancybox.css");
[data-aos=fade-up-cus] {
  transform: translate(0, 4rem);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-up-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=fade-down-cus] {
  transform: translate(0, -4rem);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-down-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=fade-left-cus] {
  transform: translate(4rem, 0);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-left-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=fade-right-cus] {
  transform: translate(-4rem, 0);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-right-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=zoom-in-cus] {
  transform: scale(0.9);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=zoom-in-cus].aos-animate {
  transform: scale(1);
  opacity: 1;
}

[data-aos=zoom-out-cus] {
  transform: scale(1.1);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=zoom-out-cus].aos-animate {
  transform: scale(1);
  opacity: 1;
}

body:has(.page-pn) {
  background-color: white;
  color: var(--text-color);
  --text-color: #122138;
  --yellow-color: #fbae17;
  --rdow: drop-shadow(0px 0px 9px 5px rgba(0, 0, 0, 0.9));
  --sdow: 0px 0px 9px 5px rgba(0, 0, 0, 0.9);
  --pd-sc: 14rem;
}
@media screen and (max-width: 1200px) {
  body:has(.page-pn) {
    --pd-sc: 6rem;
  }
}
@media screen and (max-width: 768px) {
  body:has(.page-pn) {
    --pd-sc: 4rem;
  }
}
body:has(.page-pn) .page-numbers li > .page-numbers {
  width: 4rem;
  height: 4rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
  background-color: white;
  color: var(--text-color);
}
body:has(.page-pn) .page-numbers li > .page-numbers.prev, body:has(.page-pn) .page-numbers li > .page-numbers.next, body:has(.page-pn) .page-numbers li > .page-numbers.dot {
  background-color: transparent;
  color: white;
}

.ss-mg {
  margin: 14rem 0;
}
@media screen and (max-width: 1200px) {
  .ss-mg {
    margin: 6rem 0;
  }
}
@media screen and (max-width: 600px) {
  .ss-mg {
    margin: 4rem 0;
  }
}

.ss-pd {
  padding: 14rem 0;
}
@media screen and (max-width: 1200px) {
  .ss-pd {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 600px) {
  .ss-pd {
    padding: 4rem 0;
  }
}

.x-title-gr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.x-title-gr.center {
  text-align: center;
  align-items: center;
}
.x-title-gr.center .mona-content {
  text-align: center;
}
.x-title-gr.white .x-title {
  color: white;
}
.x-title-gr.white .mona-content * {
  color: white;
}
.x-title-gr.yellow .x-title {
  color: var(--yellow-color);
}
.x-title-gr.yellow .mona-content * {
  color: white;
}

.x-title {
  font-family: "UTM Trajan Pro", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
.x-title-72 {
  font-size: 7.2rem;
}
@media only screen and (max-width: 1200px) {
  .x-title-72 {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 800px) {
  .x-title-72 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 1200px) {
  .x-title-72 {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 1200px) {
  .x-title-72 {
    font-size: 4.5rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 800px) {
  .x-title-72 {
    font-size: 3.4rem;
  }
}
.x-title-48 {
  font-size: 4.8rem;
}
@media only screen and (max-width: 1200px) {
  .x-title-48 {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .x-title-48 {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .x-title-48 {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 1200px) {
  .x-title-48 {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 800px) {
  .x-title-48 {
    font-size: 2.2rem;
  }
}

.x-title-sub {
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .x-title-sub {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .x-title-sub {
    font-size: 1.5rem;
  }
}
.x-title-sub {
  text-align: center;
  background-color: var(--yellow-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: 100rem;
  width: fit-content;
  font-weight: 600;
}

.x-text-24 * {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .x-text-24 * {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .x-text-24 * {
    font-size: 1.7rem;
  }
}

.x-text-20 * {
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .x-text-20 * {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .x-text-20 * {
    font-size: 1.6rem;
  }
}

.mb-32 {
  margin-bottom: 3.2rem;
}

@media screen and (max-width: 1200px) {
  .gap-res {
    --col-gap: 1.2rem;
    --row-gap: 1.2rem;
  }
}

.decor {
  position: absolute;
  aspect-ratio: 1;
  width: 16rem;
  max-width: 20%;
}
.decor-in {
  height: 100%;
  width: 100%;
}
.decor-move {
  height: 100%;
  width: 100%;
}
.decor-move img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.decor {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.decor.in-view {
  opacity: 1;
  transform: translateY(0);
}

.decor.in-view .decor-move {
  animation: float-bounce 3s ease-in-out infinite;
}

.page-pn {
  position: relative;
  overflow: hidden;
}
.page-pn .container-fluid {
  width: 100%;
  max-width: 144rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.page-pn .swiper-pagination {
  position: static !important;
}
.page-pn .swiper-pagination.mt-24 {
  margin-top: 3.2rem;
}
.page-pn .swiper-pagination-bullet {
  width: 2rem;
  height: 2rem;
}
.page-pn .swiper-pagination-bullet-active {
  background-color: #fbae17;
}
.page-pn .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-pn .bg img,
.page-pn .bg video,
.page-pn .bg iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.page-pn .hover-zone {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 2;
  left: 0;
}
@keyframes float-bounce {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-10%) rotate(4deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}
.page-pn .decor.in-view:nth-child(even) .decor-move {
  animation-delay: 0.5s;
  animation-duration: 3.5s;
}
.page-pn .mona-content .table-scroll {
  margin-top: 2.4rem;
  border-radius: 2.4rem;
  overflow: hidden;
  border: 0.1rem solid #c8c8c8;
  overflow: hidden;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .page-pn .mona-content .table-scroll {
    border-radius: 1rem;
  }
}
.page-pn .mona-content .table-scroll::-webkit-scrollbar {
  height: 0;
}
.page-pn .mona-content .table-scroll table {
  width: calc(100% + 0.4rem);
  margin: -0.2rem;
  max-width: unset;
  min-width: 100rem;
}
.page-pn .mona-content table {
  border-collapse: collapse;
  font-size: 1.4rem;
  text-align: center;
}
.page-pn .mona-content table tr {
  background-color: #ffffff;
}
.page-pn .mona-content table th,
.page-pn .mona-content table td {
  border: 1px solid #c8c8c8;
  padding: 18px 15px;
  vertical-align: middle;
}
.page-pn .mona-content table td:first-child {
  color: #1a2a3a;
  font-size: 15px;
}
.page-pn .mona-content table th {
  background-color: #fca81a;
  color: #0b2239;
  font-family: "UTM Trajan Pro", sans-serif;
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .page-pn .mona-content table th {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .page-pn .mona-content table th {
    font-size: 1.5rem;
  }
}
.page-pn .mona-content table th {
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .page-pn .mona-content table {
    font-size: 1.4rem;
  }
  .page-pn .mona-content table th,
  .page-pn .mona-content table td {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
  }
}
.page-pn .mona-content em {
  margin-top: 2.4rem;
  font-style: italic;
  display: block;
}
.page-pn .mona-content {
  color: var(--text-color);
}

.head-title {
  font-family: "UTM Trajan Pro", sans-serif;
}

.ctmn-bn {
  position: relative;
}
.ctmn-bn .decor {
  bottom: 0;
  z-index: 10;
  left: 5%;
}
.ctmn-bn__item {
  min-height: 52.0833333333vw;
  position: relative;
  overflow: hidden;
}
.ctmn-bn::after {
  content: "";
  position: absolute;
  aspect-ratio: 1728/86;
  bottom: 0;
  width: 100vw;
  mask-image: url("../assets/images/page-new/wave-decor.svg");
  -webkit-mask-image: url("../assets/images/page-new/wave-decor.svg");
  -moz-mask-image: url("../assets/images/page-new/wave-decor.svg");
  -ms-mask-image: url("../assets/images/page-new/wave-decor.svg");
  -o-mask-image: url("../assets/images/page-new/wave-decor.svg");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  background-color: white;
  z-index: 2;
  pointer-events: none;
}

.ctmn-program {
  position: relative;
}
.ctmn-program__vector {
  aspect-ratio: 1659/474;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1201px) {
  .ctmn-program__vector {
    clip-path: inset(0 100% 0 0);
    /* Thêm chút transition mượt mà cho các tương tác hover sau này nếu cần */
    will-change: clip-path;
  }
}
@media screen and (max-width: 1200px) {
  .ctmn-program__vector {
    display: none;
  }
}
.ctmn-program__vector img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ctmn-program__slide .swiper {
  padding-top: 2rem;
}
.ctmn-program__slide .swiper .swiper-slide {
  height: auto !important;
  width: 25%;
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .ctmn-program__slide .swiper .swiper-slide {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 550px) {
  .ctmn-program__slide .swiper .swiper-slide {
    width: 50%;
  }
}
.ctmn-program__slide .swiper .swiper-slide:nth-child(4n+1) {
  --bg: #a9dbf2;
}
.ctmn-program__slide .swiper .swiper-slide:nth-child(4n+2) {
  --bg: #9bd67b;
}
.ctmn-program__slide .swiper .swiper-slide:nth-child(4n+3) {
  --bg: #fdcf76;
}
.ctmn-program__slide .swiper .swiper-slide:nth-child(4n+4) {
  --bg: #ff908e;
}
.ctmn-program__item {
  --pd-y: 4rem;
  --pd-x: 2.4rem;
  height: 100%;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .ctmn-program__item {
    --pd-y: 2rem;
    --pd-x: 1rem;
  }
}
.ctmn-program__item .inner {
  height: 100%;
  padding: var(--pd-y) var(--pd-x);
  mask-image: url("../assets/images/page-new/ctmn-pro-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-pro-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-pro-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-pro-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-pro-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  background-color: var(--bg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  position: relative;
}
.ctmn-program__item .inner .icon {
  aspect-ratio: 1;
  width: 15%;
}
.ctmn-program__item .inner .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.ctmn-program__item .inner .info-tt {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-program__item .inner .info-tt {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-program__item .inner .info-tt {
    font-size: 1.7rem;
  }
}
.ctmn-program__item .inner .info-tt {
  font-weight: 700;
  text-transform: uppercase;
}
.ctmn-program__item .inner .info-des {
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-program__item .inner .info-des {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-program__item .inner .info-des {
    font-size: 1.5rem;
  }
}
.ctmn-program__item .inner .img {
  width: 100%;
  margin-top: auto;
}
.ctmn-program__item .inner .img-inner {
  mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  display: block;
  padding-top: calc(194 / 266 * 100%);
  position: relative;
  overflow: hidden;
}
.ctmn-program__item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) {
  .ctmn-program__item:hover {
    transform: translateY(-1rem);
    filter: var(--rdow);
  }
}

.ctmn-object {
  position: relative;
}
.ctmn-object .dec-tl {
  left: -3rem;
  top: 0;
}
.ctmn-object .dec-tr {
  right: 0;
  left: unset;
  top: 0;
}
.ctmn-object .dec-bl {
  left: -3rem;
  top: unset;
  bottom: 30%;
}
.ctmn-object .dec-tr {
  right: 0;
  left: unset;
  top: 0;
}
@media screen and (max-width: 500px) {
  .ctmn-object .dec-tr {
    right: -3rem;
  }
}
.ctmn-object .dec-br {
  right: 0;
  left: unset;
  top: unset;
  bottom: 0;
}
.ctmn-object .x-title-gr {
  max-width: 88.8rem;
  margin: 0 auto;
  margin-bottom: 3.2rem;
}
.ctmn-object__vector {
  aspect-ratio: 1168/178;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ctmn-object__vector img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ctmn-object__list {
  --col-gap: 6rem;
  --row-gap: 4rem;
}
@media screen and (max-width: 1200px) {
  .ctmn-object__list {
    --col-gap: 2.4rem;
    --row-gap: 2.4rem;
  }
}
@media screen and (max-width: 500px) {
  .ctmn-object__list {
    --col-gap: 1rem;
    --row-gap: 2.4rem;
  }
}
.ctmn-object__list {
  position: relative;
}
.ctmn-object__list .col {
  width: 50%;
}
@media screen and (max-width: 500px) {
  .ctmn-object__list .col {
    width: 100%;
  }
}
.ctmn-object__item {
  height: 100%;
  --pd-x: 3.2rem;
  --pd-y: 4rem;
}
.ctmn-object__item .inner {
  height: 100%;
  display: flex;
  gap: 1rem;
}
.ctmn-object__item .inner .num {
  aspect-ratio: 77/88;
  height: 8.8rem;
  flex-shrink: 0;
  margin-top: 7%;
}
.ctmn-object__item .inner .num img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.ctmn-object__item .inner .content {
  background-color: #fee4b2;
  mask-image: url("../assets/images/page-new/ctmn-object-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-object-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-object-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-object-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-object-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  padding: var(--pd-y) var(--pd-x);
  flex: 1;
}
.ctmn-object__item .inner .content .mona-content * {
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-object__item .inner .content .mona-content * {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-object__item .inner .content .mona-content * {
    font-size: 1.5rem;
  }
}
.ctmn-object__item .inner .content .mona-content ul {
  list-style-position: outside;
  padding-left: 2rem;
  text-align: left;
}
.ctmn-object__item .inner .content .mona-content h3 {
  font-family: "UTM Trajan Pro", sans-serif;
  font-size: 2.8rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-object__item .inner .content .mona-content h3 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-object__item .inner .content .mona-content h3 {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 768px) {
  .ctmn-object__item {
    --pd-x: 2rem;
    --pd-y: 3rem;
  }
  .ctmn-object__item .inner {
    gap: 0.5rem;
  }
  .ctmn-object__item .inner .num {
    height: 6rem;
  }
  .ctmn-object__item .inner .content .mona-content h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) and (max-width: 1200px) {
  .ctmn-object__item .inner .content .mona-content h3 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) and (max-width: 800px) {
  .ctmn-object__item .inner .content .mona-content h3 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ctmn-object__item .inner .content .mona-content * {
    font-size: 1.2rem;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  .ctmn-object__item .inner {
    position: relative;
  }
  .ctmn-object__item .inner .num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -80%);
    z-index: 3;
  }
}

.ctmn-language {
  position: relative;
  --asp: calc(92/1728 * 100vw);
}
.ctmn-language .dec {
  z-index: 4;
}
.ctmn-language .dec-tl {
  left: 0;
  top: 0;
}
@media screen and (min-width: 1460px) {
  .ctmn-language .dec-tl {
    left: 5%;
    top: 5%;
  }
}
.ctmn-language .dec-bl {
  bottom: 10%;
  left: 5%;
}
@media screen and (max-width: 1200px) {
  .ctmn-language .dec-bl {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 500px) {
  .ctmn-language .dec-bl {
    left: -3rem;
    z-index: -1;
  }
}
.ctmn-language .bg {
  background: linear-gradient(90deg, #f27405 17.95%, #fbae17 100%);
}
.ctmn-language .container {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 1200px) {
  .ctmn-language .container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.ctmn-language {
  padding: var(--asp) 0;
}
.ctmn-language::after, .ctmn-language::before {
  content: "";
  position: absolute;
  aspect-ratio: 1728/92;
  width: 100%;
  mask-image: url("../assets/images/page-new/ctmn-language-vector.svg");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-language-vector.svg");
  -moz-mask-image: url("../assets/images/page-new/ctmn-language-vector.svg");
  -ms-mask-image: url("../assets/images/page-new/ctmn-language-vector.svg");
  -o-mask-image: url("../assets/images/page-new/ctmn-language-vector.svg");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  background-color: white;
  z-index: -1;
}
.ctmn-language::after {
  top: 0;
  left: 0;
}
.ctmn-language::before {
  bottom: 0;
  left: 0;
  transform: scaleY(-1);
  z-index: 2;
}
.ctmn-language__flex .left {
  width: 40%;
}
.ctmn-language__flex .right {
  width: 60%;
}
@media screen and (max-width: 1024px) {
  .ctmn-language__flex .left {
    width: 100%;
  }
  .ctmn-language__flex .left .x-title-gr {
    max-width: 60rem;
    text-align: center;
    align-items: center;
    margin: 0 auto;
  }
  .ctmn-language__flex .left .ctmn-language__cts {
    margin-top: 2rem;
    justify-content: center;
  }
}
@media screen and (max-width: 1024px) and (max-width: 500px) {
  .ctmn-language__flex .left .ctmn-language__cts .icon {
    width: 3rem;
  }
  .ctmn-language__flex .left .ctmn-language__cts .txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .ctmn-language__flex .right {
    width: 100%;
  }
  .ctmn-language__flex .right .ctmn-language__threes {
    max-width: 50rem;
    margin: 0 auto;
  }
  .ctmn-language__flex .right .ctmn-language__three .text {
    font-size: 1.4rem;
  }
}
.ctmn-language__cts {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin-top: 5rem;
}
.ctmn-language__ct {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.ctmn-language__ct .icon {
  aspect-ratio: 53.77/73.34;
  flex-shrink: 0;
  width: 5.377rem;
}
.ctmn-language__ct .txt {
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-language__ct .txt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-language__ct .txt {
    font-size: 1.6rem;
  }
}
.ctmn-language__ct .txt {
  font-family: "UTM Trajan Pro", sans-serif;
  text-transform: uppercase;
  color: white;
}
.ctmn-language__threes {
  display: flex;
}
.ctmn-language__three {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 0 1rem;
}
.ctmn-language__three .img {
  width: 50%;
  margin: 0 auto;
}
.ctmn-language__three .img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.ctmn-language__three .text {
  color: white;
  font-family: "UTM Trajan Pro", sans-serif;
  text-transform: uppercase;
  font-size: 2.8rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-language__three .text {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-language__three .text {
    font-size: 2.1rem;
  }
}
.ctmn-language__three .text {
  text-align: center;
}

.ctmn-sum {
  position: relative;
}
.ctmn-sum .dec-tl {
  left: -3rem;
  top: 0;
}
.ctmn-sum .dec-tr {
  right: -3rem;
  top: 0;
}
.ctmn-sum .mona-content p {
  text-align: center;
  max-width: 80rem;
  margin: 0 auto;
}
.ctmn-sum .container-fluid {
  position: relative;
  z-index: 2;
}
.ctmn-sum__splide {
  margin-top: var(--pd-sc);
  position: relative;
}
.ctmn-sum__splide .dec-tr {
  top: -4% !important;
}
.ctmn-sum__splide .decor {
  z-index: 4;
}
.ctmn-sum__splide .splide:last-child {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1200px) {
  .ctmn-sum__splide .splide:last-child {
    margin-top: 1rem;
  }
}
.ctmn-sum__item .img-inner {
  display: block;
  padding-top: calc(378 / 408 * 100%);
  position: relative;
  overflow: hidden;
  mask-image: url("../assets/images/page-new/ctmn-sum-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-sum-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-sum-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-sum-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-sum-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
}
.ctmn-sum__item .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ctmn-aim {
  position: relative;
}
.ctmn-aim .dec-tl {
  left: -4rem;
  top: 0;
}
.ctmn-aim .dec-tr {
  right: 0;
  top: 0;
}
@media screen and (max-width: 500px) {
  .ctmn-aim .dec-tr {
    right: -3rem;
    z-index: -1;
  }
}
.ctmn-aim .container-fluid {
  position: relative;
}
.ctmn-aim__vector {
  aspect-ratio: 1734/803/3;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  transform: translate(-50%, -50%);
}
.ctmn-aim__vector img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.ctmn-aim__list {
  justify-content: center;
  --col-gap: 2.4rem;
  --row-gap: 7rem;
}
@media screen and (max-width: 1200px) {
  .ctmn-aim__list {
    --col-gap: 1.2rem;
    --row-gap: 4rem;
  }
}
.ctmn-aim__list .col {
  width: 25%;
}
@media screen and (max-width: 800px) {
  .ctmn-aim__list .col {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 600px) {
  .ctmn-aim__list .col {
    width: 50%;
  }
}
.ctmn-aim__item {
  height: 100%;
  --pd-y: 4rem;
  --pd-x: 2.4rem;
  position: relative;
  transition: 0.4s;
}
@media (hover: hover) {
  .ctmn-aim__item:hover {
    transform: translateY(-1rem);
  }
}
.ctmn-aim__item .inner {
  height: 100%;
  mask-image: url("../assets/images/page-new/ctmn-aim-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-aim-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-aim-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-aim-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-aim-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: #fee4b2;
  padding: var(--pd-y) var(--pd-x);
  padding-bottom: calc(2 * var(--pd-y));
}
.ctmn-aim__item .inner .info {
  text-align: center;
}
.ctmn-aim__item .inner .info-tt {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-aim__item .inner .info-tt {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-aim__item .inner .info-tt {
    font-size: 2.2rem;
  }
}
.ctmn-aim__item .inner .info-tt {
  font-family: "UTM Trajan Pro", sans-serif;
}
.ctmn-aim__item .inner .img {
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
}
.ctmn-aim__item .inner .img-inner {
  display: block;
  padding-top: calc(146 / 200 * 100%);
  position: relative;
  overflow: hidden;
  mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-pro-img-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.ctmn-aim__item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctmn-aim__item .num {
  aspect-ratio: 148/97;
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--text-color);
  color: white;
  mask-image: url("../assets/images/page-new/ctmn-num-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-num-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-num-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-num-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-num-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  font-family: "UTM Trajan Pro", sans-serif;
  font-size: 200%;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
}
@media screen and (max-width: 1200px) {
  .ctmn-aim__item {
    --pd-y: 3rem;
    --pd-x: 1.5rem;
  }
  .ctmn-aim__item .inner .info-tt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 1200px) {
  .ctmn-aim__item .inner .info-tt {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 800px) {
  .ctmn-aim__item .inner .info-tt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .ctmn-aim__item .inner .info-des {
    font-size: 1.2rem;
  }
  .ctmn-aim__item .num {
    font-size: 130%;
  }
}
@media screen and (max-width: 450px) {
  .ctmn-aim__item {
    --pd-y: 2rem;
    --pd-x: 1.2rem;
  }
  .ctmn-aim__item .inner .img {
    max-width: 90%;
  }
}
.ctmn-aim__banner {
  margin-top: var(--pd-sc);
  height: 52.0833333333vw;
  position: relative;
}
.ctmn-aim__banner .decor {
  z-index: 3;
}
.ctmn-aim__banner .dec-tr {
  right: 10%;
}
.ctmn-aim__banner > img,
.ctmn-aim__banner video,
.ctmn-aim__banner iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctmn-aim__banner::after, .ctmn-aim__banner::before {
  content: "";
  position: absolute;
  aspect-ratio: 1728/86;
  width: 100vw;
  mask-image: url("../assets/images/page-new/wave-decor.svg");
  -webkit-mask-image: url("../assets/images/page-new/wave-decor.svg");
  -moz-mask-image: url("../assets/images/page-new/wave-decor.svg");
  -ms-mask-image: url("../assets/images/page-new/wave-decor.svg");
  -o-mask-image: url("../assets/images/page-new/wave-decor.svg");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  background-color: white;
  z-index: 2;
  pointer-events: none;
}
.ctmn-aim__banner::after {
  bottom: 0;
  left: 0;
}
.ctmn-aim__banner::before {
  top: 0;
  left: 0;
  transform: scaleY(-1);
}

.ctmn-bag {
  position: relative;
}
.ctmn-bag__level {
  padding: 2.4rem;
  color: white;
  font-family: "UTM Trajan Pro", sans-serif;
  text-transform: uppercase;
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-bag__level {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-bag__level {
    font-size: 2.2rem;
  }
}
.ctmn-bag__level {
  text-align: center;
  background-color: var(--text-color);
  border-radius: 100rem;
  max-width: 100rem;
  margin: 0 auto;
  position: relative;
}
.ctmn-bag__level::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 1rem 0 1rem;
  border-color: var(--text-color) transparent transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.ctmn-bag__level::before {
  content: "";
  position: absolute;
  aspect-ratio: 1168/181;
  background-image: url("../assets/images/page-new/ctmn-bag-vector1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: calc(100% + 1rem);
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.ctmn-bag__list {
  margin-top: 10.4965753425%;
  --col-gap: 3.2rem;
  --row-gap: calc((209/790 * 100%) / 2);
  justify-content: center;
}
.ctmn-bag__list .col {
  width: 33.3333333333%;
}
.ctmn-bag__list .col:nth-child(1) {
  --bg: #ff908e;
}
.ctmn-bag__list .col:nth-child(2) {
  --bg: #fdcf76;
}
.ctmn-bag__list .col:nth-child(3) {
  --bg: #fdcf76;
}
.ctmn-bag__list .col:nth-child(4) {
  --bg: #a9dbf2;
}
.ctmn-bag__list .col:nth-child(5) {
  --bg: #a9dbf2;
}
.ctmn-bag__list .col:nth-child(2) {
  position: relative;
}
.ctmn-bag__list .col:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 790/209;
  width: calc(100vw - 3rem);
  max-width: 200%;
  background-image: url("../assets/images/page-new/ctmn-bag-vector2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ctmn-bag__item {
  --pd-x: 3.2rem;
  --pd-y: 5rem;
  height: 100%;
  position: relative;
  aspect-ratio: 359/533;
}
.ctmn-bag__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 104%;
  mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  background-color: var(--text-color);
  z-index: 3;
  left: 0;
  bottom: 0;
  pointer-events: none;
  transform: translateX(-5%);
}
.ctmn-bag__item .inner {
  height: 100%;
  padding: var(--pd-y) var(--pd-x);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  mask-image: url("../assets/images/page-new/ctmn-bag-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-bag-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-bag-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-bag-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-bag-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  background-color: var(--bg);
}
.ctmn-bag__item .inner .tt {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-bag__item .inner .tt {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-bag__item .inner .tt {
    font-size: 2.2rem;
  }
}
.ctmn-bag__item .inner .tt {
  text-transform: uppercase;
  font-family: "UTM Trajan Pro", sans-serif;
}
.ctmn-bag__item .inner .des {
  width: 100%;
  margin: 0 auto;
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-bag__item .inner .des {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-bag__item .inner .des {
    font-size: 1.6rem;
  }
}
.ctmn-bag__item .inner ul {
  text-align: left;
  padding-left: 2rem;
  list-style-type: disc;
}
@media screen and (max-width: 900px) {
  .ctmn-bag__item {
    --pd-x: 1rem;
    --pd-y: 3rem;
  }
  .ctmn-bag__item .inner .tt {
    font-size: 1.4rem;
    width: 80%;
  }
  .ctmn-bag__item .inner .des {
    font-size: 1.2rem;
    width: 90%;
  }
}
.ctmn-bag .dec-tl {
  top: 0;
  left: 5%;
}
@media screen and (max-width: 600px) {
  .ctmn-bag .dec-tl {
    left: -3rem;
    z-index: -1;
  }
}
.ctmn-bag .dec-tr {
  right: -4rem;
  top: 5%;
}
.ctmn-bag .dec-ml {
  top: 30%;
  left: -4rem;
}
.ctmn-bag .dec-bl {
  bottom: 10%;
  left: 0;
}
.ctmn-bag .dec-rb {
  right: -3rem;
  bottom: 5%;
}
@media screen and (max-width: 650px) {
  .ctmn-bag__list {
    --col-gap: 2rem;
    --row-gap: 2rem;
  }
  .ctmn-bag__list .col {
    width: 50%;
  }
  .ctmn-bag__list .col:nth-child(2)::before {
    display: none;
  }
  .ctmn-bag__list .col:last-child {
    width: 70%;
  }
  .ctmn-bag__item {
    aspect-ratio: unset;
  }
  .ctmn-bag__item .inner {
    padding-left: 0rem;
  }
}

.ctmn-diet {
  --model: calc(561/1728 * 100%);
  position: relative;
}
.ctmn-diet .dec-tl {
  left: 15%;
  top: -6%;
  z-index: -1;
}
.ctmn-diet .dec-tr {
  right: 15%;
  top: -6%;
}
@media screen and (max-width: 1300px) {
  .ctmn-diet .dec-tl {
    left: 5%;
    top: -6%;
    z-index: -1;
  }
  .ctmn-diet .dec-tr {
    right: 5%;
    top: -6%;
  }
}
.ctmn-diet__box {
  max-width: 172.8rem;
  margin: 0 auto;
}
.ctmn-diet__model {
  height: var(--model);
  width: 100%;
  margin-top: calc(-1 * var(--model));
  position: relative;
  z-index: 2;
}
.ctmn-diet__model::before {
  content: "";
  position: absolute;
  height: 20%;
  width: 100%;
  background-color: white;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.ctmn-diet__model img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ctmn-diet__block {
  background: linear-gradient(360deg, #fbae17 34.03%, #f2cd5c 75.68%);
  padding-top: 6rem;
  border-radius: 1.6rem;
  padding-bottom: calc(var(--model) / 1.4);
  width: 153rem;
  max-width: calc(100vw - 6rem);
  margin: 0 auto;
}
.ctmn-diet__list .col {
  width: 50%;
}
.ctmn-diet__item {
  position: relative;
  z-index: 2;
}
.ctmn-diet__item::before {
  content: "";
  position: absolute;
  z-index: -1;
  aspect-ratio: 567/400;
  width: 100%;
  background: linear-gradient(90deg, #fbae17 0%, #f27405 82.05%);
  mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-bag-frame.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  top: 7%;
  left: 0;
}
.ctmn-diet__item .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.ctmn-diet__item .inner .tt {
  font-size: 100%;
  color: white;
  font-family: "UTM Trajan Pro", sans-serif;
  mask-image: url("../assets/images/page-new/ctmn-diet-tt-mask.png");
  -webkit-mask-image: url("../assets/images/page-new/ctmn-diet-tt-mask.png");
  -moz-mask-image: url("../assets/images/page-new/ctmn-diet-tt-mask.png");
  -ms-mask-image: url("../assets/images/page-new/ctmn-diet-tt-mask.png");
  -o-mask-image: url("../assets/images/page-new/ctmn-diet-tt-mask.png");
  mask-position: center;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-position: center;
  -moz-mask-size: cover;
  -moz-mask-repeat: no-repeat;
  -ms-mask-position: center;
  -ms-mask-size: cover;
  -ms-mask-repeat: no-repeat;
  -o-mask-position: center;
  -o-mask-size: cover;
  -o-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  background-color: var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 5%;
  text-align: center;
}
.ctmn-diet__item .inner .img {
  aspect-ratio: 1;
  width: 70%;
}
.ctmn-diet__item .inner .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media screen and (max-width: 768px) {
  .ctmn-diet__item .inner .tt {
    font-size: 60%;
  }
}
@media screen and (max-width: 500px) {
  .ctmn-diet__item .inner .tt {
    font-size: 50%;
    width: 80%;
  }
}

.ctmn-culture {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: var(--rds) var(--rds) 0 0;
  display: block;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --rds: 10rem;
}
@media screen and (max-width: 1200px) {
  .ctmn-culture {
    --rds: 4rem;
  }
}
.ctmn-culture__head {
  position: relative;
  z-index: 2;
}
.ctmn-culture__head::after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #fee4b2;
  top: 0;
  left: 0;
  z-index: -1;
}
.ctmn-culture__head {
  padding-top: 6.4rem;
}
.ctmn-culture__body {
  position: relative;
}
.ctmn-culture__body .model::after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: #fee4b2;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  border-radius: 0 0 var(--rds) var(--rds);
}
.ctmn-culture__body .decor {
  z-index: 3;
}
.ctmn-culture__body .dec-bl {
  left: -3rem;
  bottom: 0;
}
.ctmn-culture__body .dec-br {
  right: -3rem;
  bottom: 0;
}
.ctmn-culture__block {
  padding-bottom: var(--pd-sc);
}
.ctmn-culture__block .x-title-gr {
  margin-bottom: 7rem !important;
}
@media screen and (max-width: 600px) {
  .ctmn-culture__block .x-title-gr {
    margin-bottom: 3.2rem !important;
  }
}
.ctmn-culture__box {
  position: relative;
}
.ctmn-culture__box .model {
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ctmn-culture__box .model-in {
  display: block;
  padding-top: calc(570 / 480 * 100%);
  position: relative;
  overflow: hidden;
}
.ctmn-culture__box .model-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 600px) {
  .ctmn-culture__box .model {
    position: relative;
    transform: none;
    left: unset;
    top: unset;
    margin: 0 auto;
  }
  .ctmn-culture__box .model::after {
    bottom: 41%;
  }
}
.ctmn-culture__box .ctmn-culture__list {
  --row-gap: 0;
}
.ctmn-culture__box .ctmn-culture__list .row {
  margin-bottom: 0;
}
.ctmn-culture__box .ctmn-culture__list .col:nth-child(even) .ctmn-culture__item {
  margin-left: auto;
}
.ctmn-culture__box .ctmn-culture__list .col:nth-child(1), .ctmn-culture__box .ctmn-culture__list .col:nth-child(2) {
  margin-bottom: 12rem;
}
@media screen and (max-width: 820px) {
  .ctmn-culture__box .ctmn-culture__list .col:nth-child(1), .ctmn-culture__box .ctmn-culture__list .col:nth-child(2) {
    margin-bottom: 4rem;
  }
}
.ctmn-culture__box .ctmn-culture__list .col:nth-child(3), .ctmn-culture__box .ctmn-culture__list .col:nth-child(4) {
  margin-bottom: 0;
}
.ctmn-culture__box .ctmn-culture__list .ctmn-culture__item {
  width: 68%;
}
@media screen and (max-width: 600px) {
  .ctmn-culture__box .ctmn-culture__list .ctmn-culture__item {
    width: 100%;
  }
}
.ctmn-culture__list {
  position: relative;
  z-index: 2;
}
.ctmn-culture__list .col {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .ctmn-culture__list .col {
    width: 50%;
  }
}
.ctmn-culture__item .inner {
  display: flex;
  gap: 1rem;
}
.ctmn-culture__item .inner .num {
  aspect-ratio: 77/88;
  height: 8rem;
  flex-shrink: 0;
}
.ctmn-culture__item .inner .num img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.ctmn-culture__item .inner .content-tt {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-culture__item .inner .content-tt {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-culture__item .inner .content-tt {
    font-size: 2.2rem;
  }
}
.ctmn-culture__item .inner .content-tt {
  font-weight: 700;
}
.ctmn-culture__item .inner .content-des {
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .ctmn-culture__item .inner .content-des {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .ctmn-culture__item .inner .content-des {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 820px) {
  .ctmn-culture__item .inner .num {
    height: 5rem;
  }
  .ctmn-culture__item .inner .content-tt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 820px) and (max-width: 1200px) {
  .ctmn-culture__item .inner .content-tt {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 820px) and (max-width: 800px) {
  .ctmn-culture__item .inner .content-tt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 820px) {
  .ctmn-culture__item .inner .content-des {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .ctmn-culture__item .inner .num {
    height: 3rem;
  }
  .ctmn-culture__item .inner .content-tt {
    font-size: 1.4rem;
  }
  .ctmn-culture__item .inner .content-des {
    font-size: 1.2rem;
  }
}
.ctmn-culture__vector {
  position: relative;
  z-index: 2;
}
.ctmn-culture__vector img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.ctmn-culture__menu {
  padding-top: calc(var(--pd-sc) / 2);
}
@media screen and (max-width: 1200px) {
  .ctmn-culture__menu {
    padding-bottom: 4rem;
  }
}
.ctmn-culture__menu .x-title-gr {
  margin-bottom: 2rem !important;
}
.ctmn-culture .mona-content p,
.ctmn-culture .mona-content em {
  text-align: center;
}

.footer {
  position: relative;
}
@keyframes carMove {
  0% {
    transform: translateX(0vw) scaleX(1);
  }
  49% {
    transform: translateX(-80vw) translateY(-10%) scaleX(1);
  }
  50% {
    transform: translateX(-80vw) translateY(-10%) scaleX(-1);
  }
  99% {
    transform: translateX(0vw) scaleX(-1);
  }
  100% {
    transform: translateX(0vw) scaleX(1);
  }
}
.footer .decor-in {
  transform: translateY(50%);
}
.footer .decor:nth-child(2) .decor-in {
  transform: translateY(30%);
}
.footer .decor:nth-child(2) .decor-in::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 50%;
  left: 90%;
  bottom: 10%;
  background-image: url("../assets/images/page-new/ctmn-smoke-gif.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: brightness(0.5) invert(1);
}
.footer .dec-tl {
  bottom: 100%;
  left: 0;
  z-index: -1;
}
.footer .dec-tr {
  bottom: 100%;
  right: 0;
  animation: carMove 20s linear infinite;
}

.pn-news-box {
  position: relative;
  z-index: 2;
}
.pn-news-box > .container {
  position: relative;
  z-index: 3;
}
.pn-news-bn {
  background-color: #122138;
  padding-top: calc(var(--pd-sc) + var(--size-hd));
  position: relative;
}
.pn-news-bn::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 30%;
  background-image: url("../assets/images/page-new/pn-blur.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.pn-news-bn .container > .x-title-gr {
  max-width: 59.2rem;
}
.pn-news-nb {
  position: relative;
  padding: var(--pd-sc) 0;
  margin-top: 3.2rem;
}
.pn-news-nb::after {
  overflow: hidden;
  content: "";
  position: absolute;
  height: 100%;
  width: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10rem;
  background: linear-gradient(180deg, rgba(251, 174, 23, 0) 0%, #fbae17 100%);
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .pn-news-nb::after {
    border-radius: 5rem;
  }
}
.pn-news-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background: linear-gradient(-90deg, #ffffff 0%, rgba(255, 255, 255, 0) 76.33%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  transform: scale(-1);
  text-transform: uppercase;
  font-size: clamp(9rem, 7.4426rem + 3.1148vw, 12.8rem);
  white-space: nowrap;
  font-weight: 700;
  line-height: 1;
}
.pn-news-grid .grids {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  --gap: 2.4rem;
  margin: calc(-1 * var(--gap) / 2);
}
@media screen and (max-width: 1200px) {
  .pn-news-grid .grids {
    --gap: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .pn-news-grid .grids {
    display: flex;
    flex-wrap: wrap;
  }
  .pn-news-grid .grids .grid:nth-child(1) {
    width: 100%;
  }
  .pn-news-grid .grids .grid:nth-child(2), .pn-news-grid .grids .grid:nth-child(3) {
    width: 50%;
  }
  .pn-news-grid .grids .grid:last-child {
    width: 100%;
    aspect-ratio: 4/3;
  }
  .pn-news-grid .grids .grid:last-child:has(.ver2) {
    aspect-ratio: unset;
  }
}
@media screen and (min-width: 769px) {
  .pn-news-grid .grids.grids-event .grid:nth-child(1) {
    grid-area: 1/3/3/5;
  }
  .pn-news-grid .grids.grids-event .grid:nth-child(2) {
    grid-area: 2/2/3/3;
  }
  .pn-news-grid .grids.grids-event .grid:nth-child(3) {
    grid-area: 2/1/3/2;
  }
  .pn-news-grid .grids.grids-event .grid:nth-child(4) {
    grid-area: 1/1/2/3;
  }
}
.pn-news-grid .grid {
  padding: calc(var(--gap) / 2);
}
.pn-news-grid .grid:nth-child(1) {
  grid-area: 1/1/3/3;
}
.pn-news-grid .grid:nth-child(2) {
  grid-area: 1/3/2/4;
}
.pn-news-grid .grid:nth-child(3) {
  grid-area: 1/4/2/5;
}
.pn-news-grid .grid:nth-child(4) {
  grid-area: 2/3/3/5;
}
.pn-news-grid .grid:nth-child(1) .pn-news__item .inner {
  padding: 2.4rem;
}
@media screen and (max-width: 1000px) {
  .pn-news-grid .grid:nth-child(1) .pn-news__item .inner {
    padding: 1rem;
  }
}
.pn-news-grid .grid:nth-child(1) .pn-news__item .inner .img-inner {
  padding-top: 93.3823529412%;
}
.pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
  font-size: 3.6rem;
}
@media only screen and (max-width: 1200px) {
  .pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
    font-size: 3.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
    font-size: 2.6rem;
  }
}
.pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
  font-family: "UTM Trajan Pro", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
  .pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1200px) {
  .pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 800px) {
  .pn-news-grid .grid:nth-child(1) .pn-news__item .inner .info-tt {
    font-size: 1.6rem;
  }
}
.pn-news__item {
  height: 100%;
}
.pn-news__item .inner {
  height: 100%;
  background-color: white;
  padding: 1.3rem 1.4rem;
  border-radius: 1.6rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.pn-news__item .inner .hover-zone {
  display: none;
}
.pn-news__item .inner .img-inner {
  display: block;
  padding-top: calc(153 / 252 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}
.pn-news__item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pn-news__item .inner .info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.pn-news__item .inner .info-tt {
  font-size: 1.4rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: uppercase;
  transition: 0.4s;
}
@media (hover: hover) {
  .pn-news__item .inner .info-tt:hover {
    color: var(--yellow-color);
  }
}
.pn-news__item .inner .info-des {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: auto;
}
@media screen and (max-width: 1000px) {
  .pn-news__item .inner {
    padding: 1rem;
  }
}
.pn-news__intro {
  height: 100%;
  position: relative;
}
.pn-news__intro .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.pn-news__intro .bg::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  background-image: url("../assets/images/page-new/pn-news-corner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 2.4rem;
  bottom: 2.4rem;
  z-index: 2;
  width: 20%;
}
.pn-news__intro .bg .model {
  aspect-ratio: 398/405;
  width: 60%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.pn-news__intro .bg .model img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.pn-news__intro .inner {
  height: 100%;
  background: linear-gradient(90deg, #f27405 27.26%, #ffffff 100%);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.pn-news__intro .inner .content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 2;
}
.pn-news__intro .inner .content .tt {
  font-family: "UTM Trajan Pro", sans-serif;
  color: white;
}
.pn-news__intro .inner .content-tags {
  --col-gap: 1rem;
  --row-gap: 1rem;
}
.pn-news__intro .inner .content-tag {
  width: 33.3333333333%;
}
@media screen and (max-width: 500px) {
  .pn-news__intro .inner .content-tag {
    width: 50%;
  }
}
.pn-news__intro .inner .content-tag {
  display: block;
}
.pn-news__intro .inner .content-tag .txt {
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .pn-news__intro .inner .content-tag .txt {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .pn-news__intro .inner .content-tag .txt {
    font-size: 1.5rem;
  }
}
.pn-news__intro .inner .content-tag .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.4rem;
  border-radius: 100rem;
  font-weight: 600;
  transition: 0.4s;
}
@media (hover: hover) {
  .pn-news__intro .inner .content-tag .txt:hover {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 900px) {
  .pn-news__intro .inner .content-tag .txt {
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
  }
}
.pn-news__intro .inner .content-tag:nth-child(1) .txt, .pn-news__intro .inner .content-tag:nth-child(3) .txt, .pn-news__intro .inner .content-tag:nth-child(7) .txt {
  background-color: #fbae17;
  color: var(--text-color);
}
.pn-news__intro .inner .content-tag:nth-child(2) .txt, .pn-news__intro .inner .content-tag:nth-child(4) .txt, .pn-news__intro .inner .content-tag:nth-child(6) .txt, .pn-news__intro .inner .content-tag:nth-child(8) .txt {
  background-color: #122138;
  color: white;
}
.pn-news__intro .inner .content-tag:nth-child(5) .txt {
  background-color: #1f3961;
  color: white;
}
.pn-news__intro.ver1 .inner .content {
  width: 55%;
}
.pn-news__intro.ver1 .inner .content .tt {
  font-size: 3.6rem;
}
@media only screen and (max-width: 1200px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 3.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 2.6rem;
  }
}
.pn-news__intro.ver1 .inner .content .tt {
  text-shadow: 2px 0px 0px var(--text-color);
}
@media screen and (max-width: 1000px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1200px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 800px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 1.6rem;
  }
}
@media (min-width: 501px) and (max-width: 768px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 3.6rem;
  }
}
@media only screen and (min-width: 501px) and (max-width: 768px) and (max-width: 1200px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 3.1rem;
  }
}
@media only screen and (min-width: 501px) and (max-width: 768px) and (max-width: 800px) {
  .pn-news__intro.ver1 .inner .content .tt {
    font-size: 2.6rem;
  }
}
.pn-news__intro.ver2 .bg {
  display: none;
}
.pn-news__intro.ver2 .inner .content .tt {
  font-size: 4.6rem;
}
@media only screen and (max-width: 1200px) {
  .pn-news__intro.ver2 .inner .content .tt {
    font-size: 4.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .pn-news__intro.ver2 .inner .content .tt {
    font-size: 3.1rem;
  }
}
.pn-news__intro.ver2 .inner .content .tt {
  max-width: 37rem;
}
.pn-news-all {
  background-color: #0b2239;
}
.pn-news-all__list .col {
  width: 25%;
}
@media screen and (max-width: 800px) {
  .pn-news-all__list .col {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 550px) {
  .pn-news-all__list .col {
    width: 50%;
  }
}

body:has(.page-achie) {
  background-color: #122138;
}

.pn-achie-bn {
  background-color: #122138;
  padding-top: calc(var(--pd-sc) + var(--size-hd));
  --half: calc((100vw - 123rem) / 2);
}
.pn-achie-bn__box {
  position: relative;
  z-index: 2;
}
.pn-achie-bn__box::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  right: 0;
  background-image: url("../assets/images/page-new/pn-achie-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-size: 100% 100%;
  right: var(--half);
  z-index: -1;
  overflow: hidden;
  border-radius: 0 0 0 10rem;
}
@media screen and (max-width: 1300px) {
  .pn-achie-bn__box::after {
    right: 1.5rem;
    border-radius: 0 0 0 0;
  }
}
.pn-achie-bn__content {
  padding-top: var(--pd-sc);
  margin-bottom: calc(var(--pd-sc) / 2);
  max-width: 59.2rem;
}
@media screen and (max-width: 900px) {
  .pn-achie-bn__content {
    width: 40rem;
  }
}
@media screen and (max-width: 600px) {
  .pn-achie-bn__content {
    width: 70%;
  }
}
.pn-achie-bn__img {
  width: 100%;
  position: relative;
}
.pn-achie-bn__img::after {
  content: "";
  position: absolute;
  aspect-ratio: 208/190;
  background-image: url("../assets/images/page-new/bn-achie-dec.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 0;
  bottom: 0;
  width: 20%;
  transform: translateY(15%);
}
.pn-achie-bn__img img {
  width: 100%;
  height: auto;
  display: block;
}
.pn-achie-bn__build {
  aspect-ratio: 713/798;
  position: absolute;
  right: 0;
  width: 45%;
  z-index: -1;
  bottom: 0;
}
.pn-achie-bn__build img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pn-achie-rate__list .col {
  width: 33.3333333333%;
}
@media screen and (max-width: 500px) {
  .pn-achie-rate__list .col {
    width: 50%;
  }
}
.pn-achie-rate__item {
  height: 100%;
  color: white;
}
.pn-achie-rate__item .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.pn-achie-rate__item .inner .txt {
  color: var(--yellow-color);
  font-size: 6rem;
}
@media only screen and (max-width: 1200px) {
  .pn-achie-rate__item .inner .txt {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .pn-achie-rate__item .inner .txt {
    font-size: 2.5rem;
  }
}
.pn-achie-rate__item .inner .txt {
  font-family: "UTM Trajan Pro", sans-serif;
}
.pn-achie-rate__item .inner .txt-in {
  font-size: 1em;
}
.pn-achie-rate__item .inner .txt-sym {
  font-size: 0.8em;
}
.pn-achie-rate__item .inner .des {
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .pn-achie-rate__item .inner .des {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .pn-achie-rate__item .inner .des {
    font-size: 1.6rem;
  }
}
.pn-achie-rate__item .inner .img {
  aspect-ratio: 1549/40;
  width: 40%;
}
.pn-achie-rate__item .inner .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1200px) {
  .header-action {
    align-items: center;
  }
  .header .switch {
    height: 3rem;
  }
}

/*# sourceMappingURL=page-new.css.map */