@charset "UTF-8";
@import url(../assets/library/splide/splide.min.css);
.rows {
  --cg: 2.4rem;
  --rg: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--cg) / 2 * -1) calc(var(--rg) * -1);
}

.cols {
  width: 100%;
  padding: 0 calc(var(--cg) / 2);
  margin-bottom: var(--rg);
}

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

:root {
  --filter-pri: brightness(0) saturate(100%) invert(77%) sepia(53%)
    saturate(321%) hue-rotate(149deg) brightness(91%) contrast(86%);
  --color-bd: #c8c8c8;
}

.ft .ft-dec .inner img {
  display: none;
}
@media (hover: hover) {
  .ft .ft-social .social-link:hover img {
    filter: var(--filter-pri);
  }
}

.breadscrumb {
  padding: 1rem 0;
}
.breadscrumb.center .breadscrumb-list {
  justify-content: center;
}
.breadscrumb-list {
  display: flex;
}
.breadscrumb-item:not(:first-child) {
  margin-left: 1rem;
  display: flex;
  gap: 1rem;
}
.breadscrumb-item:not(:first-child)::before {
  content: "/";
  font-weight: 400;
}
.breadscrumb-item:last-child {
  font-weight: 600;
  pointer-events: none;
}

body:has(.page-rmk) .main {
  position: relative;
  overflow: hidden;
}

.title-gr.center {
  text-align: center;
}
.title-gr.center .mona-content {
  max-width: 71.5rem;
  margin: 0 auto;
}
.title-gr.white {
  color: white;
}

.txt-pri {
  color: var(--color-pri);
}

.rmk-title {
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Space Mono", sans-serif;
}
.rmk-title__36 {
  --f-sz: clamp(2.6rem, calc(2.0262rem + 0.8197vw), 3.6rem);
  font-size: var(--f-sz);
}

.rmk-services__item:not(:first-child) {
  margin-top: 2.4rem;
}
.rmk-services__item .flex .left {
  width: 55%;
}
.rmk-services__item .flex .left .img-inner {
  display: block;
  padding-top: calc(1 / 1 * 100%);
  position: relative;
  overflow: hidden;
}
.rmk-services__item .flex .left .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-services__item .flex .right {
  width: 45%;
}
.rmk-services__item .flex .right .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rmk-services__item .flex .right .works-v {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 520px) {
  .rmk-services__item .flex {
    flex-direction: column;
  }
  .rmk-services__item .flex .left,
  .rmk-services__item .flex .right {
    width: 100%;
  }
  .rmk-services__item .flex .right .works-v {
    gap: 0.5rem;
  }
}
.rmk-services__item:nth-child(even) .flex {
  flex-direction: row-reverse;
}

.rmk-craft__list .cols {
  width: 33.3333333333%;
}
@media screen and (max-width: 800px) {
  .rmk-craft__list .cols {
    width: 50%;
  }
}
.rmk-craft__item {
  height: 100%;
}
.rmk-craft__item .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2.8rem;
  text-align: center;
  border: 0.1rem solid var(--color-bd);
}
@media screen and (max-width: 500px) {
  .rmk-craft__item .inner {
    padding: 1rem;
  }
}
.rmk-craft__item .inner .icon {
  aspect-ratio: 1;
  width: 30%;
}
.rmk-craft__item .inner .icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: block;
}
.rmk-craft__item .inner .inner-tt {
  --f-sz: clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 700;
  font-family: "Space Mono", sans-serif;
}
.rmk-craft__item .inner .inner-desc {
  font-size: 1.4rem;
}

.rmk-where {
  position: relative;
  min-height: 46.2962962963vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rmk-where::after {
  content: "";
  position: absolute;
  height: calc(100% - 1.6rem);
  width: calc(100% - 1.6rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border: 0.2rem solid var(--color-pri);
}
.rmk-where .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.rmk-where .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rmk-where__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem 0;
}
.rmk-where__box .icon {
  aspect-ratio: 1;
  width: 8rem;
}
.rmk-where__box .icon img {
  height: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rmk-where__box .tt {
  font-size: clamp(4rem, 2.3607rem + 3.2787vw, 8rem);
  font-family: "Space Mono", sans-serif;
  font-weight: 700;
  color: white;
  line-height: 1.2;
}
.rmk-where__box .btn.white {
  border-color: black;
}
.rmk-where__box .btn.white .txt {
  color: black;
}
@media (hover: hover) {
  .rmk-where__box .btn.white:hover .txt {
    color: white;
  }
}

.rmk-three .img-inner {
  display: block;
  padding-top: calc(625 / 588 * 100%);
  position: relative;
  overflow: hidden;
}
.rmk-three .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-three__flex .left {
  width: 50%;
}
.rmk-three__flex .right {
  width: 50%;
}
.rmk-three__flex .right .flex .col {
  width: 50%;
}
.rmk-three__flex .right .flex .col .img-inner {
  padding-top: 138.2978723404% !important;
}
@media screen and (max-width: 850px) {
  .rmk-three__flex .left {
    width: 100%;
  }
  .rmk-three__flex .right {
    width: 100%;
  }
}

.rmk-pricing {
  position: relative;
}
.rmk-pricing .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.rmk-pricing .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-pricing__table {
  overflow-x: auto;
  padding-bottom: 1rem;
}
.rmk-pricing__table * {
  color: white;
}
.rmk-pricing__table::-webkit-scrollbar {
  height: 0.1rem;
}
.rmk-pricing__table .pricing-table {
  min-width: 70rem;
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.rmk-pricing__table .pricing-table:not(:first-child), .rmk-pricing__table .pricing-table:not(:last-child) {
  margin: 0.5rem 0;
}
.rmk-pricing__table .pricing-table th {
  background-color: var(--color-pri); /* Màu xanh lơ giống hình */
  color: #ffffff;
  padding: 18px 15px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  font-family: "Space Mono", sans-serif;
  border-right: 1px solid var(--color-bd); /* Đường gạch dọc giữa các cột ở header */
}
@media screen and (max-width: 768px) {
  .rmk-pricing__table .pricing-table th {
    padding: 0.5rem;
  }
}
.rmk-pricing__table .pricing-table th:last-child {
  border-right: none;
}
.rmk-pricing__table .pricing-table td {
  padding: 18px 15px;
  text-align: center;
  color: #333333;
  font-size: 15px;
  border-bottom: 1px solid #eaeaea; /* Đường gạch ngang giữa các hàng */
  border-right: 1px solid #eaeaea; /* Đường gạch dọc giữa các cột ở body */
}
@media screen and (max-width: 768px) {
  .rmk-pricing__table .pricing-table td {
    padding: 0.5rem;
  }
}
.rmk-pricing__table .pricing-table td:last-child {
  border-right: none;
}
.rmk-pricing__table .pricing-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.rmk-pricing__table .pricing-table tbody tr:hover {
  background-color: #f1f1f1;
}
.rmk-pricing__desc {
  color: white;
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.rmk-pricing__desc .line {
  display: flex;
  gap: 0.5rem 2.4rem;
}
.rmk-pricing__desc .line .name {
  flex-shrink: 0;
  width: 28rem;
  --f-sz: clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);
  font-size: var(--f-sz);
  font-weight: 700;
  font-family: "Space Mono", sans-serif;
}
.rmk-pricing__desc .line .val ul {
  list-style: disc;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .rmk-pricing__desc .line {
    flex-direction: column;
  }
}

.rmk-ourWork__list .cols {
  width: 25%;
}
@media screen and (max-width: 500px) {
  .rmk-ourWork__list .cols {
    width: 50%;
  }
}
.rmk-ourWork__item {
  height: 100%;
}
.rmk-ourWork__item .img {
  position: relative;
}
.rmk-ourWork__item .img .txt {
  text-transform: uppercase;
  color: white;
  font-family: "Space Mono", sans-serif;
  font-weight: 700;
  --f-sz: clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  position: absolute;
  padding: 1rem;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .rmk-ourWork__item .img .txt {
    font-size: 1.2rem;
  }
}
.rmk-ourWork__item .img-inner {
  display: block;
  padding-top: calc(432 / 282 * 100%);
  position: relative;
  overflow: hidden;
}
.rmk-ourWork__item .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rmk-client__img {
  width: 100%;
}
.rmk-client__img img {
  width: 100%;
  display: block;
}
.rmk-client__splide .splide__arrows {
  display: none;
}
.rmk-client__img .img {
  aspect-ratio: 1/1.6;
}
.rmk-client__img .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rmk-studio__cls-item {
  border: 0.1rem solid transparent;
  padding: 1.6rem 2.4rem;
  transition: 0.4s;
}
.rmk-studio__cls-item.active {
  border-color: black;
  pointer-events: none;
}
.rmk-studio__cls-item.active .rmk-studio__cls-head {
  border-bottom-color: var(--color-bd);
}
.rmk-studio__cls-head {
  display: flex;
  gap: 1rem 2.4rem;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid transparent;
}
.rmk-studio__cls-head .txt {
  --f-sz: clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);
  font-size: var(--f-sz);
  font-weight: 700;
  font-family: "Space Mono", sans-serif;
}
.rmk-studio__cls-head .icon {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}
.rmk-studio__cls-head .icon i {
  font-size: 2.4rem;
}
.rmk-studio__cls-body {
  display: none;
}

.popup-main:has(.popup-contact) {
  width: 130rem;
}
.popup-main:has(.popup-contact) .popup-wrapper {
  padding: 4rem 2rem 2rem 2rem;
}
@media screen and (max-width: 768px) {
  .popup-main:has(.popup-contact) .popup-wrapper {
    padding: 2rem 1rem 1rem 1rem;
  }
}
.popup-main:has(.popup-contact) .popup-main-wrapper {
  border-radius: 0;
}
.popup-main:has(.popup-contact) .popup-over {
  max-height: 95vh;
  overflow-x: hidden;
}
.popup-main:has(.popup-contact) .popup-close {
  background-color: transparent;
}
.popup-main:has(.popup-contact) .flex {
  margin-bottom: 0;
}
.popup-main:has(.popup-contact) .flex > .cols {
  margin-bottom: 0;
}
.popup-main:has(.popup-contact) .flex .left {
  width: 50%;
}
.popup-main:has(.popup-contact) .flex .left .wrapper {
  padding-right: 4rem;
}
@media screen and (max-width: 768px) {
  .popup-main:has(.popup-contact) .flex .left {
    width: 100%;
  }
  .popup-main:has(.popup-contact) .flex .left .wrapper {
    padding-right: 0;
  }
}
.popup-main:has(.popup-contact) .flex .right {
  width: 50%;
}
.popup-main:has(.popup-contact) .flex .right .img-inner {
  display: block;
  padding-top: calc(673 / 588 * 100%);
  position: relative;
  overflow: hidden;
}
.popup-main:has(.popup-contact) .flex .right .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .popup-main:has(.popup-contact) .flex .right {
    display: none;
  }
}
.popup-main:has(.popup-contact) .popup-contact__tt {
  --f-sz: clamp(4rem, calc(2.1639rem + 2.623vw), 7.2rem);
  font-size: var(--f-sz);
  font-family: "Space Mono", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.popup-main:has(.popup-contact) .popup-contact__desc {
  margin-bottom: 1rem;
}
.popup-main:has(.popup-contact) .popup-contact__desc span {
  font-weight: 600;
}
.popup-main:has(.popup-contact) .popup-contact .form-ip .txt {
  margin-bottom: 0.5rem;
  display: block;
}
.popup-main:has(.popup-contact) .popup-contact .form-ip .txt.spe::after {
  content: "*";
  color: red;
}

.artist .tstroke {
  margin-top: -10vw;
  z-index: -1;
}
.artist .title-big + .tstroke {
  margin-top: 0;
}

.rmk-journey__head .title-gr {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 2.4rem;
}
.rmk-journey__head .title-gr .rmk-title {
  flex-shrink: 0;
}
.rmk-journey__head .title-gr .mona-content {
  max-width: 70rem;
}
@media screen and (max-width: 780px) {
  .rmk-journey__head .title-gr {
    align-items: center;
    gap: 0;
    flex-direction: column;
    text-align: center;
  }
  .rmk-journey__head .title-gr .mona-content * {
    margin: 0 !important;
  }
}
.rmk-journey__slider {
  border: 0.1rem solid black;
  padding: 2.4rem;
  display: flex;
  gap: 2.4rem;
}
.rmk-journey__slider-img {
  width: 60%;
}
.rmk-journey__slider-img .img-inner {
  display: block;
  padding-top: calc(439 / 666 * 100%);
  position: relative;
  overflow: hidden;
}
.rmk-journey__slider-img .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmk-journey__slider-content {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rmk-journey__slider-content .swiper-control-btn {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .rmk-journey__slider {
    flex-direction: column;
    padding: 1.5rem;
  }
  .rmk-journey__slider-img {
    width: 100%;
  }
  .rmk-journey__slider-content {
    width: 100%;
  }
}
.rmk-journey__content .tt {
  --f-sz: clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);
  font-size: var(--f-sz);
  font-weight: 700;
  font-family: "Space Mono", sans-serif;
}

.intro .intro-video {
  aspect-ratio: 443/657;
  height: unset;
  width: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 550px) {
  .intro .intro-right {
    display: none;
  }
}
.intro .intro-right .dec {
  height: auto;
  mix-blend-mode: unset;
  opacity: 0.25;
  bottom: -10%;
  display: none;
}
.intro .intro-right .wrapper {
  display: flex;
  flex-direction: column-reverse;
}
.intro .intro-right .wrapper .intro-logo {
  max-width: 67rem;
  height: unset;
  width: 80%;
  margin-top: -15vw;
  position: relative;
  z-index: 2;
  opacity: 0.5;
  transition: 0.4s;
}
.intro .intro-right .wrapper .intro-logo.hidden {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 1300px) {
  .intro .intro-right .wrapper .intro-logo {
    margin-top: -17vw;
  }
}
.intro .intro-right .wrapper .intro-logo img {
  object-fit: cover;
}

@keyframes growsCenter {
  0% {
    transform: translate(-50%, -50%) scale(0.9, 0.9);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5, 1.5);
    opacity: 0;
  }
}
.homes-studio-slider .img-inner {
  position: relative;
  cursor: pointer;
}
.homes-studio-slider .img-inner video, .homes-studio-slider .img-inner iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homes-studio-slider .img-inner:has(video)::after, .homes-studio-slider .img-inner:has(iframe)::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 5rem;
  background-image: url("../assets/images/rmk-ic-play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.homes-studio-slider .img-inner:has(video)::before, .homes-studio-slider .img-inner:has(iframe)::before {
  content: "";
  position: absolute;
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: growsCenter 1s linear infinite;
  border: 0.1rem solid white;
  z-index: 2;
  border-radius: 100%;
}

.rmk-switchs {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}
.rmk-switchs .rmk-switch {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rmk-switchs .rmk-switch .sqr {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  background-color: #fc0028;
  border: 0.2rem solid black;
}
.rmk-switchs .rmk-switch .txt {
  font-weight: 500;
  text-transform: uppercase;
}

.homes-bn-slider .swiper .swiper-wrapper .swiper-slide .homes-bn-item {
  transition: 0.4s;
}
@media screen and (min-width: 1201px) {
  .homes-bn-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .homes-bn-item {
    transform: scale(0.95) translateY(-5%) rotate(13deg);
  }
  .homes-bn-slider .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .homes-bn-item {
    transform: scale(0.95) translateY(-5%) rotate(-13deg);
  }
}

.faq-title {
  text-align: center;
  margin-bottom: 2.4rem;
}
.faq-title .sub {
  color: var(--color-pri);
  --f-sz: clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);
  font-size: var(--f-sz);
  font-weight: 600;
  display: none;
}
.faq-title .sub-txt {
  text-decoration: underline;
}
.faq-title .title {
  --f-sz: clamp(2.6rem, calc(2.0262rem + 0.8197vw), 3.6rem);
  font-size: var(--f-sz);
  font-weight: 600;
  text-transform: uppercase;
}

.faq-banner {
  position: relative;
  overflow: hidden;
}
.faq-banner .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.faq-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.faq-banner .bg::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
}
.faq-banner__content {
  padding: 25rem 0;
}
@media screen and (max-width: 1200px) {
  .faq-banner__content {
    padding: 10rem 0;
  }
}
.faq-banner__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
.faq-banner .title {
  --f-sz: clamp(2.5rem, calc(0.4918rem + 2.8689vw), 6rem);
  font-size: var(--f-sz);
  color: var(--color-pri);
  font-weight: 600;
}
.faq-banner .breadscrumb-item {
  color: white;
}

.faq-general__cls {
  padding: 1.2rem 1.6rem;
  border-radius: 0.8rem;
  background-color: rgba(0, 0, 0, 0.04);
}
.faq-general__cls.active {
  pointer-events: none;
}
.faq-general__cls.active .faq-general__cls-head .txt {
  color: var(--color-pri);
}
.faq-general__cls-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  cursor: pointer;
}
.faq-general__cls-head .txt {
  --f-sz: clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);
  font-size: var(--f-sz);
  font-weight: 600;
  transition: 0.4s;
  text-transform: uppercase;
}
.faq-general__cls-body {
  display: none;
}
.faq-general__cls-body .mona-content * {
  color: #535353;
}
.faq-general__side {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .faq-general__side {
    width: 100%;
  }
}
.faq-general__side .wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.faq-news__slider .cols {
  width: 25%;
}
@media screen and (max-width: 930px) {
  .faq-news__slider .cols {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 600px) {
  .faq-news__slider .cols {
    width: 50%;
  }
}
.faq-news__slider .swiper {
  padding: 2rem 0;
}
@media screen and (max-width: 1200px) {
  .faq-news__slider .swiper {
    padding-top: 0;
  }
}
.faq-news__slider .swiper-slide {
  overflow: visible;
}
.faq-news__item {
  height: 100%;
}
.faq-news__item .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: 0.4s;
}
.faq-news__item .inner .img-inner {
  display: block;
  padding-top: calc(240 / 288 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}
.faq-news__item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.faq-news__item .inner .info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.faq-news__item .inner .info-tt {
  --f-sz: clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);
  font-size: var(--f-sz);
  font-weight: 600;
  text-decoration: underline;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.4s;
}
@media (hover: hover) {
  .faq-news__item .inner .info-tt:hover {
    color: var(--color-pri);
  }
}
.faq-news__item .inner .info-date {
  font-size: 1.4rem;
  font-style: italic;
  color: #535353;
}
.faq-news__item .inner .info-link {
  display: flex;
  gap: 1rem;
  align-items: center;
  transition: 0.4s;
}
.faq-news__item .inner .info-link i {
  font-size: 1.2rem;
}
@media (hover: hover) {
  .faq-news__item .inner .info-link:hover {
    color: var(--color-pri);
  }
}
@media (hover: hover) {
  .faq-news__item .inner:hover {
    transform: scale(1.01);
  }
  .faq-news__item .inner:hover .img-inner img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}

.works-h .img {
  aspect-ratio: 354/531;
}
.works-h .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rmk-journey__slider-content .swiper {
  width: 100%;
}

.rmk-client__frame {
  margin-bottom: 2.4rem;
  padding: 0 1.5rem;
}

.sidefix-item::before, .sidefix-item::after {
  pointer-events: none !important;
}

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