@charset "UTF-8";
/*
    Theme Name: Yên Lạc
    Theme URI: 
    Author: Mai Dung
    Author URI: 
    Description: A starter theme
    Version: 1.0
    Text Domain: corex
    Tags: theme, starter theme,
*/
@font-face {
  font-family: "SVN-Gotham Book.otf";
  src: url("./assets/fonts/SVN-Gotham Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham Regular.otf";
  src: url("./assets/fonts/SVN-Gotham Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham Light.otf";
  src: url("./assets/fonts/SVN-Gotham Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham Bold.otf";
  src: url("./assets/fonts/SVN-Gotham Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "1FTV-VIP-ALVERICH.OTF";
  src: url("./assets/fonts/1FTV-VIP-ALVERICH.OTF") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "1FTV-Photograph-Signature.otf";
  src: url("./assets/fonts/1FTV-Photograph-Signature.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #65000E;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #65000E;
}

button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

* {
  box-sizing: border-box;
}

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

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 140%;
  color: #2D0006;
  font-family: "SVN-Gotham Book.otf";
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.14px;
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

.typography html,
.typography body,
.typography p,
.typography ol,
.typography ul,
.typography li,
.typography dl,
.typography dt,
.typography dd,
.typography blockquote,
.typography figure,
.typography fieldset,
.typography legend,
.typography textarea,
.typography pre,
.typography iframe,
.typography hr,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0;
  padding: 0;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  font-size: 100%;
  font-weight: normal;
}
.typography ul {
  list-style: none;
}

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3);
    /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1);
    /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3);
    /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1);
    /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1500;
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
@keyframes scrollDownHint {
  0% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, 8px);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-moz-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-o-keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes shakeX2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.c-title {
  display: inline-block;
  font-family: "1FTV-VIP-ALVERICH.OTF";
  font-size: 4.8rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.c-title--red {
  background: var(--RED, linear-gradient(180deg, #780414 0%, #780414 45%, #A00E1C 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-title--golden {
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
  .c-title {
    font-size: 4.2rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .c-title {
    font-size: 3.6rem !important;
  }
}
@media only screen and (max-width: 576px) {
  .c-title {
    font-size: 3.2rem !important;
  }
}

.c-subtitle {
  font-family: "1FTV-Photograph-Signature.otf";
  font-size: 6rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.c-subtitle--red {
  color: #780414;
}
.c-subtitle--white {
  color: #FFF;
}
@media only screen and (max-width: 1024px) {
  .c-subtitle {
    font-size: 5.4rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .c-subtitle {
    font-size: 4.8rem !important;
  }
}
@media only screen and (max-width: 576px) {
  .c-subtitle {
    font-size: 4.2rem !important;
  }
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 2.56rem 2.7777777778%;
  transition: transform 0.3s ease, background 0.3s ease, padding 0.3s ease;
}
@media (min-width: 1025px) {
  .site-header.is-hidden {
    transform: translateY(-100%);
  }
}
@media (min-width: 1025px) {
  .site-header.is-scrolled {
    background: linear-gradient(180deg, #A00E1C 20.6%, #780414 64.27%, #780414 100%);
    padding: 1.5rem 2.7777777778%;
  }
}
.site-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.site-header__logo {
  display: block;
  width: 21.3rem;
}
.site-header__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.site-header__menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4rem;
}
.site-header__menu li a {
  color: #FFF;
  font-family: "SVN-Gotham Regular.otf";
  font-size: 1.3rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.39px;
  transition: color 0.3s, font-weight 0.3s;
  position: relative;
}
.site-header__menu li a:hover, .site-header__menu li a.current-menu-item > a {
  color: #FFD48E;
}
.site-header__hamburger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0;
}
.site-header__hamburger span {
  display: block;
  width: 2.4rem;
  height: 0.2rem;
  background: #FFF;
  transition: 0.3s;
}

@media (max-width: 1024px) {
  .site-header {
    padding: 1.6rem 3rem;
    background: #780414;
  }
  .site-header__inner {
    position: relative;
  }
  .site-header__logo {
    width: 16rem;
  }
  .site-header__menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 320px;
    height: 100vh;
    background: #780414;
    flex-direction: column;
    align-items: flex-start;
    padding: 8rem 2.4rem 4rem;
    gap: 2rem;
    transition: right 0.3s ease;
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.5);
    z-index: 10;
  }
  .site-header__menu li {
    width: 100%;
  }
  .site-header__menu li a {
    display: block;
    width: 100%;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .site-header__hamburger {
    display: flex;
    position: relative;
    z-index: 20;
  }
  .site-header.is-open .site-header__menu {
    right: 0;
  }
  .site-header.is-open .site-header__hamburger span:nth-child(1) {
    transform: translateY(0.7rem) rotate(45deg);
  }
  .site-header.is-open .site-header__hamburger span:nth-child(2) {
    opacity: 0;
  }
  .site-header.is-open .site-header__hamburger span:nth-child(3) {
    transform: translateY(-0.7rem) rotate(-45deg);
  }
}
@media (max-width: 576px) {
  .site-header {
    padding: 1.5rem 1.5rem;
  }
}
.site-footer {
  position: relative;
  background: #65000E;
  color: #FFF;
  overflow: hidden;
  border-top: 1px solid #FFD48E;
}
.site-footer__inner {
  position: relative;
  padding: 6rem 8.3333333333%;
}
@media only screen and (max-width: 1024px) {
  .site-footer__inner {
    padding: 6rem 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .site-footer__inner {
    padding: 4rem 1.5rem;
  }
}
.site-footer__inner .decor {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5.4861111111%;
  max-width: 7.9rem;
  pointer-events: none;
}
.site-footer__top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .site-footer__top {
    flex-direction: column;
    padding-bottom: 3rem;
  }
}
.site-footer__logo {
  display: block;
  width: 41rem;
  max-width: 45%;
}
.site-footer__logo img {
  width: 30.2rem;
  max-width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .site-footer__logo {
    width: 100%;
    max-width: 100%;
  }
  .site-footer__logo img {
    width: 24rem;
    margin: 0 0 3rem;
  }
}
@media only screen and (max-width: 768px) and (max-width: 576px) {
  .site-footer__logo img {
    margin: 0 auto 3rem;
  }
}
.site-footer__partners {
  width: 49rem;
  max-width: 50%;
  display: flex;
  align-items: flex-start;
  gap: 6%;
}
@media only screen and (max-width: 768px) {
  .site-footer__partners {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .site-footer__partners {
    flex-direction: column;
    gap: 2.5rem;
  }
}
.site-footer__partner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.site-footer__partner img {
  width: auto;
  display: block;
}
.site-footer__partner:nth-of-type(1) {
  gap: 2rem;
}
@media only screen and (max-width: 576px) {
  .site-footer__partner:nth-of-type(1) {
    gap: 1rem;
  }
}
.site-footer__partner:nth-of-type(2) img {
  margin: 0 auto;
}
@media only screen and (max-width: 576px) {
  .site-footer__partner:nth-of-type(2) img {
    margin: 0;
  }
}
.site-footer__label {
  color: var(--White, #FFF);
  font-family: "SVN-Gotham Bold.otf";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3rem; /* 214.286% */
  letter-spacing: 0.14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .site-footer__label {
    font-size: 1.2rem;
  }
}
.site-footer__bottom {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .site-footer__bottom {
    flex-direction: column;
    gap: 3rem;
  }
}
.site-footer__contact {
  width: 41rem;
  max-width: 45%;
}
@media only screen and (max-width: 768px) {
  .site-footer__contact {
    width: 100%;
    max-width: 100%;
  }
}
.site-footer__heading {
  margin: 0 0 1.4rem;
  color: var(--Coloryellow, #FFD48E);
  font-family: "SVN-Gotham Bold.otf";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 214.286% */
  letter-spacing: 0.14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .site-footer__heading {
    font-size: 1.2rem;
  }
}
.site-footer__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 0;
}
.site-footer__list li {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.site-footer__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #FFFCE1;
}
@media only screen and (max-width: 768px) {
  .site-footer__icon {
    width: 3.6rem;
    height: 3.5rem;
  }
}
.site-footer__text {
  font-family: "SVN-Gotham Book.otf";
  font-size: 1.4rem;
  line-height: 150%;
  color: #fff;
}
.site-footer__note {
  width: 49rem;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.2rem;
}
@media only screen and (max-width: 768px) {
  .site-footer__note {
    width: 100%;
    max-width: 100%;
  }
}
.site-footer__disclaimer {
  margin: 0;
  font-family: "SVN-Gotham Book.otf";
  font-style: italic;
  font-size: 1.3rem;
  line-height: 150%;
  font-style: italic;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 768px) {
  .site-footer__disclaimer {
    order: 2;
  }
}
.site-footer__social {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .site-footer__social {
    order: 1;
  }
}
.site-footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
}
.site-footer__social a:hover {
  opacity: 0.7;
}
.site-footer__social .site-footer__heading {
  margin-bottom: 0;
}
.site-footer__copyright {
  padding: 1.2rem 1.5rem 1.1rem;
  background: #5A000D;
  text-align: center;
}
.site-footer__copyright p {
  margin: 0;
  font-family: "SVN-Gotham Book.otf";
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.12px;
}

/*-----*/
.h_ss1 {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 {
    margin-top: 6.8rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 {
    margin-top: 6.6rem;
  }
}
.h_ss1 .img {
  width: 100%;
  height: auto;
  display: block;
}
.h_ss1 .abs {
  position: absolute;
  left: 22.1527777778%;
  top: 20.0808625337%;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs {
    left: 17%;
    top: 9%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs {
    background: #780414;
    padding-top: 3rem;
    text-align: center;
    position: relative;
    top: unset;
    left: unset;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs {
    padding-bottom: 2rem;
  }
}
.h_ss1 .abs > .c-title {
  padding: 0.8rem 0 0 3.7rem;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs > .c-title {
    padding: 0.8rem 0 1rem 0;
  }
}
.h_ss1 .abs p {
  color: #FFF;
  font-family: "SVN-Gotham Regular.otf";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 0 0 0 3.7rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss1 .abs p {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs p {
    padding: 0;
  }
}
.h_ss1 .abs div {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs div {
    justify-content: center;
  }
}
.h_ss1 .abs div .c-title {
  padding: 0 0 1.2rem 1.5rem;
}

.h_ss2 {
  position: relative;
  overflow: hidden;
}
.h_ss2 .content {
  z-index: 2;
  position: absolute;
  top: 10.3rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 4.8611111111% 0 5.5555555556%;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content {
    padding: 0 3rem;
    top: 6rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content {
    position: relative;
    top: unset;
    left: unset;
    flex-direction: column;
    background: #780414;
    padding: 5rem 3rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content {
    padding: 5rem 1.5rem 0;
  }
}
.h_ss2 .content .left {
  width: 44.1860465116%;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content .left {
    width: 54.2635658915%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .left {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.h_ss2 .content .left .c-title {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content .left .c-title {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .left .c-title {
    display: block;
    text-align: center;
  }
}
.h_ss2 .content .left p {
  margin-bottom: 1rem;
  color: #fff;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 .content .left p {
    margin-bottom: 0.5rem;
  }
}
.h_ss2 .content .left p:last-child {
  margin-bottom: 0;
}
.h_ss2 .content .right {
  width: 39.5348837209%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .content .right {
    width: 100%;
  }
}
.h_ss2 .content .right div {
  padding: 1.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
  display: flex;
}
.h_ss2 .content .right div:first-child {
  padding-top: 0;
}
.h_ss2 .content .right div:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.h_ss2 .content .right div p {
  color: #fff;
}
.h_ss2 .content .right div p:nth-child(1) {
  width: 20rem;
  font-family: "SVN-Gotham Regular.otf";
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .right div p:nth-child(1) {
    width: 16rem;
  }
}
.h_ss2 .content .right div p:nth-child(2) {
  width: calc(100% - 20rem);
}
@media only screen and (max-width: 576px) {
  .h_ss2 .content .right div p:nth-child(2) {
    width: calc(100% - 16rem);
  }
}
.h_ss2 .decor_ss2 {
  position: absolute;
  top: -25%;
  left: 0;
  width: 100%;
  mix-blend-mode: screen;
  display: block;
}
.h_ss2 .img {
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .img {
    margin-top: -6rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .img {
    margin-top: -3rem;
  }
}

.h_ss3 {
  background: #FFF6E7;
  padding: 8.4rem 5.5555555556% 9.6rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 {
    padding: 6rem 3rem 6rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 {
    padding: 5rem 0rem 5rem;
  }
}
.h_ss3 .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top {
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding: 0 1.5rem;
  }
}
.h_ss3 .top .title .line {
  display: flex;
  align-items: center;
  margin-bottom: -1rem;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .title .line {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .title .line {
    flex-direction: column;
  }
}
.h_ss3 .top .title .line:nth-child(2) {
  padding-left: 4rem;
  padding-top: 0.5rem;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .title .line:nth-child(2) {
    padding-left: 0;
    padding-top: 0;
    margin-top: 3rem;
  }
}
.h_ss3 .top .title .line .c-title {
  margin-left: 1.5rem;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .top .title .line .c-title {
    margin-left: 0;
    margin-top: -0.75rem;
  }
}
.h_ss3 .top .desc {
  width: 36.71875%;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .top .desc {
    width: 100%;
  }
}
.h_ss3 .top .desc p {
  color: #2D0006;
  text-align: justify;
  line-height: 140%;
  /* 19.6px */
}
.h_ss3 .map {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 1.2rem;
  background: #fff;
}
.h_ss3 .map .map-wrapper {
  width: 100%;
  height: 100%;
  cursor: grab;
}
.h_ss3 .map .map-wrapper:active {
  cursor: grabbing;
}
.h_ss3 .map .map-wrapper img,
.h_ss3 .map .map-wrapper svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.h_ss3 .map .map-controls {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .map .map-controls {
    right: 1.5rem;
    bottom: 1.5rem;
  }
}
.h_ss3 .map .map-controls .ctrl-btn {
  width: 4rem;
  height: 4rem;
  background: #FFD48E;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
  position: relative;
  border: 0;
  outline: none;
}
@media only screen and (max-width: 768px) {
  .h_ss3 .map .map-controls .ctrl-btn {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .map .map-controls .ctrl-btn {
    width: 3rem;
    height: 3rem;
  }
}
.h_ss3 .map .map-controls .ctrl-btn::before, .h_ss3 .map .map-controls .ctrl-btn::after {
  content: "";
  position: absolute;
  background: #780414;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.h_ss3 .map .map-controls .ctrl-btn::before {
  width: 1.4rem;
  height: 0.28rem;
  border-radius: 1rem;
}
.h_ss3 .map .map-controls .ctrl-btn--in::after {
  width: 0.28rem;
  height: 1.4rem;
  border-radius: 1rem;
}
.h_ss3 .timeline {
  background: linear-gradient(180deg, #A00E1C 20.6%, #780414 64.27%, #780414 100%);
  padding: 4.5rem 4rem 3.4rem;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .timeline {
    padding: 2.5rem 2rem 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .timeline {
    padding: 1.5rem 1rem 1rem;
  }
}
.h_ss3 .timeline .timeline-inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.h_ss3 .timeline .timeline-inner .timeline-line {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  z-index: 0;
  object-fit: cover;
  pointer-events: none;
}
.h_ss3 .timeline .timeline-car {
  flex-shrink: 0;
  width: 5.6rem;
  position: relative;
  z-index: 2;
  padding-bottom: 8rem;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .timeline .timeline-car {
    padding-bottom: 6rem;
  }
}
.h_ss3 .timeline .timeline-car img {
  width: 100%;
  height: auto;
  display: block;
}
.h_ss3 .timeline .timeline-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.h_ss3 .timeline .timeline-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.h_ss3 .timeline .timeline-swiper .swiper-slide .time {
  color: #FFF;
  font-family: "SVN-Gotham Regular.otf" !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-family: Inter;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.16px;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h_ss3 .timeline .timeline-swiper .swiper-slide .dot {
  width: 1rem;
  height: 1rem;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  border-radius: 50%;
  margin: 0.9rem auto 1.4rem;
  position: relative;
  z-index: 2;
}
.h_ss3 .timeline .timeline-swiper .swiper-slide .place {
  color: #fff;
  text-align: center;
}

.h_ss4 {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    flex-direction: column-reverse;
  }
}
.h_ss4 .left {
  width: 73.0555555556%;
  position: relative;
  background: #000;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .left {
    width: 100%;
  }
}
.h_ss4 .left .map-wrapper {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  cursor: grab;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .left .map-wrapper {
    position: relative !important;
  }
}
.h_ss4 .left .map-wrapper:active {
  cursor: grabbing;
}
.h_ss4 .left .map-wrapper img {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .left .map-wrapper img {
    position: relative !important;
  }
}
.h_ss4 .left .map-controls {
  position: absolute;
  bottom: 2.4rem;
  left: 2.4rem;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .left .map-controls {
    bottom: 1.5rem;
    right: 1.5rem;
    left: auto;
  }
}
.h_ss4 .left .map-controls .ctrl-btn {
  width: 4rem;
  height: 4rem;
  background: #FFD48E;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
  position: relative;
  border: 0;
  outline: none;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .left .map-controls .ctrl-btn {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .left .map-controls .ctrl-btn {
    width: 3rem;
    height: 3rem;
  }
}
.h_ss4 .left .map-controls .ctrl-btn::before, .h_ss4 .left .map-controls .ctrl-btn::after {
  content: "";
  position: absolute;
  background: #780414;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.h_ss4 .left .map-controls .ctrl-btn::before {
  width: 1.4rem;
  height: 0.28rem;
  border-radius: 1rem;
}
.h_ss4 .left .map-controls .ctrl-btn--in::after {
  width: 0.28rem;
  height: 1.4rem;
  border-radius: 1rem;
}
.h_ss4 .right {
  width: 26.9444444444%;
  background: linear-gradient(0deg, #780414 0%, #780414 45%, #A00E1C 100%);
  padding: 6rem 0rem 6rem 4rem;
  color: #fff;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .right {
    padding: 4rem 0rem 4rem 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .right {
    width: 100%;
    padding: 5rem 3rem 2rem 3rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 .right {
    padding: 5rem 1.5rem 2rem 1.5rem;
  }
}
.h_ss4 .right .decor_ss4 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  mix-blend-mode: screen;
}
.h_ss4 .right .title-group {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .right .title-group {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .right .title-group {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: center;
  }
}
.h_ss4 .right .title-group .c-title {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 0 !important;
  padding: 0 !important;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .right .title-group .c-title br {
    display: none;
  }
}
.h_ss4 .right .sidebar-subtitle {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
  font-weight: 450;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  font-family: "SVN-Gotham Regular.otf";
}
.h_ss4 .right .amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss4 .right .amenities-list {
    gap: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .right .amenities-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }
}
.h_ss4 .right .amenities-list li {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .right .amenities-list li {
    width: 50%;
    margin-bottom: 0.75rem;
  }
}
.h_ss4 .right .amenities-list li .num {
  width: 2.4rem;
  height: 2.4rem;
  background: linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%);
  color: #780414;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: "SVN-Gotham Regular.otf";
}
.h_ss4 .right .amenities-list li .text {
  width: calc(100% - 2.4rem);
  padding-left: 1rem;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .right .amenities-list li .text {
    padding-left: 0.5rem;
  }
}

.ss56 {
  background: linear-gradient(0deg, #780414 0%, #780414 45%, #A00E1C 100%);
}

.h_ss5 {
  position: relative;
  padding: 8.8rem 0 4rem;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 {
    padding: 6rem 0 4rem;
  }
}
.h_ss5 .decor {
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.h_ss5 .decor-left {
  left: 0;
}
.h_ss5 .decor-right {
  right: 0;
}
.h_ss5 .top {
  position: relative;
  z-index: 1;
  margin-bottom: 3.2rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .top {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .top {
    margin-bottom: 1rem;
  }
}
.h_ss5 .top .title-group {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h_ss5 .top .title-group .c-title {
  margin-bottom: 0.5rem;
}
.h_ss5 .slider {
  position: relative;
  z-index: 1;
}
.h_ss5 .slider .ss5-swiper {
  width: 100%;
  padding: 0;
  position: relative;
}
.h_ss5 .slider .ss5-swiper .swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.h_ss5 .slider .ss5-swiper .swiper-slide.swiper-slide-active .slide-content {
  opacity: 1 !important;
}
.h_ss5 .slider .ss5-swiper .swiper-slide.swiper-slide-active .slide-inner:before {
  opacity: 1 !important;
}
.h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1016/570;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner {
    aspect-ratio: 1016/770;
  }
}
.h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, #3E000A 0%, rgba(62, 0, 10, 0.05) 100.31%);
  z-index: 1;
  pointer-events: none;
  height: 16%;
  opacity: 0;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner::before {
    height: 31.914893617%;
    opacity: 1;
  }
}
.h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4rem 3.2rem;
  z-index: 2;
  opacity: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-content {
    padding: 2rem 1.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-content {
    opacity: 1;
  }
}
.h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-content .slide-title {
  font-family: "SVN-Gotham Bold.otf", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: 0.18px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-content .slide-title {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
  }
}
.h_ss5 .slider .ss5-swiper .swiper-slide .slide-inner .slide-content .slide-desc {
  color: #FFF;
}
.h_ss5 .slider .ss5-swiper .swiper-btn-prev,
.h_ss5 .slider .ss5-swiper .swiper-btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  background: #FFD48E;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .slider .ss5-swiper .swiper-btn-prev,
  .h_ss5 .slider .ss5-swiper .swiper-btn-next {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss5 .slider .ss5-swiper .swiper-btn-prev,
  .h_ss5 .slider .ss5-swiper .swiper-btn-next {
    width: 3rem;
    height: 3rem;
  }
}
.h_ss5 .slider .ss5-swiper .swiper-btn-prev:hover,
.h_ss5 .slider .ss5-swiper .swiper-btn-next:hover {
  background: #e5be7f;
}
@media only screen and (max-width: 576px) {
  .h_ss5 .slider .ss5-swiper .swiper-btn-prev svg,
  .h_ss5 .slider .ss5-swiper .swiper-btn-next svg {
    width: 0.8rem;
  }
}
.h_ss5 .slider .ss5-swiper .swiper-btn-prev {
  left: 6.3888888889%;
}
.h_ss5 .slider .ss5-swiper .swiper-btn-next {
  right: 6.3888888889%;
}

.h_ss6 {
  position: relative;
  padding: 6rem 5.5555555556% 9.6rem;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 {
    padding: 4rem 3rem 4rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 {
    padding: 4rem 1.5rem;
  }
}
.h_ss6 .decor {
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: screen;
}
.h_ss6 .decor-right {
  right: 0;
}
.h_ss6 .decor-bottom {
  bottom: -45rem;
  left: 0;
  top: auto;
}
.h_ss6 .top {
  position: relative;
  z-index: 1;
  margin-bottom: 5.6rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .top {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .top {
    margin-bottom: 1.5rem;
  }
}
.h_ss6 .top .title-group {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h_ss6 .top .title-group .line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -1rem;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .top .title-group .line {
    flex-direction: column;
  }
}
.h_ss6 .top .title-group .line:nth-child(2) {
  padding-left: 6rem;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .top .title-group .line:nth-child(2) {
    padding-left: 0rem;
    margin-top: 4rem;
  }
}
.h_ss6 .top .title-group .line .c-title {
  margin-left: 1.5rem;
}
@media only screen and (max-width: 576px) {
  .h_ss6 .top .title-group .line .c-title {
    margin-left: 0rem;
    margin-top: -0.5rem;
  }
}
.h_ss6 .main {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .main {
    flex-direction: column;
  }
}
.h_ss6 .main .left {
  width: 38.125%;
  background: rgba(101, 0, 14, 0.5019607843);
  padding: 4rem 6rem 4rem 4rem;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .main .left {
    padding: 2rem 3rem 2rem 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss6 .main .left {
    padding: 2rem 2rem 4rem;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss6 .main .left {
    padding: 2rem 1.5rem 2rem;
  }
}
.h_ss6 .main .left .acc-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding: 1rem 0;
}
.h_ss6 .main .left .acc-item:first-child {
  padding-top: 0;
}
.h_ss6 .main .left .acc-item .acc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.h_ss6 .main .left .acc-item .acc-head .num {
  font-family: "1FTV-VIP-ALVERICH.OTF";
  font-size: 4.8rem;
  font-weight: 400;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: normal;
}
@media only screen and (max-width: 1280px) {
  .h_ss6 .main .left .acc-item .acc-head .num {
    font-size: 3rem;
  }
}
.h_ss6 .main .left .acc-item .acc-head .icon {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFD48E;
  transition: transform 0.3s ease;
}
.h_ss6 .main .left .acc-item .acc-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.h_ss6 .main .left .acc-item .acc-content p {
  color: #FFF;
  padding: 2rem 0;
}
.h_ss6 .main .left .acc-item.is-active {
  padding: 1rem 0 0;
}
.h_ss6 .main .left .acc-item.is-active .acc-head .icon {
  transform: rotate(180deg);
}
.h_ss6 .main .left .acc-item.is-active .acc-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.h_ss6 .main .right {
  width: 61.875%;
  aspect-ratio: 792/457;
}
@media only screen and (max-width: 768px) {
  .h_ss6 .main .right {
    width: 100%;
  }
}
.h_ss6 .main .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
  will-change: opacity;
}

.h_ss11 {
  position: relative;
  z-index: 0;
  padding: 9.6rem 5.5555555556% 0;
  background: #FFF6E7;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 {
    padding: 8rem 3rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss11 {
    padding: 4.5rem 1.5rem 0;
  }
}
.h_ss11 .top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .h_ss11 .top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
  }
}
.h_ss11 .tab {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .h_ss11 .tab {
    margin: 2.5rem 0 0;
  }
}
.h_ss11 .tab .item {
  position: relative;
  margin-left: 2.4rem;
  padding-left: 2.5rem;
  color: rgba(120, 4, 20, 0.69);
  font-family: "SVN-Gotham Bold.otf";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5rem; /* 156.25% */
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .h_ss11 .tab .item {
    font-size: 1.5rem;
  }
}
.h_ss11 .tab .item::before {
  position: absolute;
  content: "";
  top: 0.6rem;
  opacity: 0.69;
  left: 0;
  background: rgba(120, 4, 20, 0.69);
  width: 0.2rem;
  height: 1.4rem;
}
.h_ss11 .tab .item:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
}
.h_ss11 .tab .item:nth-of-type(1)::before {
  display: none;
}
.h_ss11 .tab .item.active {
  color: #780414;
}
@media (max-width: 576px) {
  .h_ss11 .tab .item {
    font-size: 1.4rem;
    margin-left: 1.5rem;
    padding-left: 1.6rem;
  }
}
.h_ss11 .tab_content {
  display: none;
}
.h_ss11 .slide_image {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .h_ss11 .slide_image {
    margin-bottom: 10px;
  }
}
.h_ss11 .slide_image .swiper-slide {
  line-height: 0;
  position: relative;
}
.h_ss11 .slide_image .swiper-slide:after {
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(26, 0, 4, 0) 12.5%, #1A0004 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 28.4615384615%;
}
.h_ss11 .slide_image .swiper-slide img:not(.icon) {
  width: 100%;
  aspect-ratio: 1280/520;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 .slide_image .swiper-slide img:not(.icon) {
    aspect-ratio: 16/9;
  }
}
.h_ss11 .slide_image .swiper-slide .icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_image .swiper-slide .icon {
    width: 5rem;
  }
}
.h_ss11 .slide_image .swiper-slide p {
  position: absolute;
  display: inline-block;
  padding: 0 3.2rem 2.4rem;
  width: fit-content;
  left: 0;
  bottom: 0;
  font-family: "SVN-Gotham Regular.otf";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_image .swiper-slide p {
    padding: 0 1.5rem 1rem;
    font-size: 1.5rem;
    text-transform: capitalize;
  }
}
.h_ss11 .slide_thumbs {
  position: relative;
  line-height: 0;
}
.h_ss11 .slide_thumbs .swiper-slide {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.h_ss11 .slide_thumbs .swiper-slide:after {
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(26, 0, 4, 0) 12.5%, #1A0004 100%);
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  height: 55%;
}
.h_ss11 .slide_thumbs .swiper-slide img {
  width: 100%;
  aspect-ratio: 332/180;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 1024px) {
  .h_ss11 .slide_thumbs .swiper-slide img {
    aspect-ratio: 16/9;
  }
}
.h_ss11 .slide_document .swiper-slide {
  box-sizing: border-box;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  transition: all 0.3s ease;
}
.h_ss11 .slide_document .swiper-slide .thumbnail {
  background: linear-gradient(0deg, #780414 0%, #780414 45%, #A00E1C 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 418/249;
}
.h_ss11 .slide_document .swiper-slide .thumbnail img {
  width: 24rem;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_document .swiper-slide .thumbnail img {
    width: 17rem;
  }
}
.h_ss11 .slide_document .swiper-slide .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #780414;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 160%; /* 24px */
  text-transform: uppercase;
  padding: 2.6rem 2.4rem 2.2rem;
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_document .swiper-slide .text {
    padding: 1.5rem 1rem 1.2rem;
    font-size: 1.4rem;
  }
}
.h_ss11 .slide_document .swiper-slide .text img {
  filter: brightness(0);
}
@media only screen and (max-width: 768px) {
  .h_ss11 .slide_document .swiper-slide .text img {
    width: 1.5rem;
  }
}
.h_ss11 .slide_document .swiper-slide:hover .thumbnail img {
  transform: scale(1.1);
}

.h_ss12 {
  position: relative;
  padding: 9.6rem 5.5555555556%;
  background: #FFF6E7;
}
@media only screen and (max-width: 1024px) {
  .h_ss12 {
    padding: 8rem 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss12 {
    padding: 4.5rem 1.5rem;
  }
  .h_ss12 .c-title {
    text-align: center;
  }
}
.h_ss12_swipers {
  margin: 4rem -6.25% 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss12_swipers {
    padding: 4rem -3rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss12_swipers {
    padding: 3rem -1.5rem 0;
  }
}
.h_ss12_slide {
  width: auto !important;
}
.h_ss12_card {
  width: 24.8rem;
  height: 14.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Dark, #65000E);
}
@media only screen and (max-width: 768px) {
  .h_ss12_card {
    width: 20rem;
    height: 12rem;
  }
}
.h_ss12_card img {
  max-width: 70%;
  max-height: 70%;
  filter: brightness(0) invert(1);
}

.h_ss10 {
  position: relative;
  background: linear-gradient(0deg, #780414 0%, #780414 45%, #A00E1C 100%);
  padding: 9.6rem 3rem;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 {
    padding: 8rem 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 {
    padding: 4.5rem 1.5rem;
  }
}
.h_ss10 .decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
}
.h_ss10 .inner_wrap {
  display: block;
  margin: 0 auto;
  width: 101.6rem;
  max-width: 100%;
  text-align: center;
}
.h_ss10 .inner_wrap .des {
  text-align: center;
  color: #fff;
  margin: 2rem 0 2.5rem;
}
.h_ss10 .inner_wrap form .form-field-all {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem 4rem;
  flex-wrap: wrap;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .inner_wrap form .form-field-all {
    gap: 2.4rem 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 .inner_wrap form .form-field-all {
    flex-direction: column;
    margin-bottom: 4rem;
  }
}
.h_ss10 .inner_wrap form ._form_group {
  position: relative;
  width: calc((100% - 4rem) / 2);
  display: flex;
  gap: 1.6rem;
  align-items: center;
  height: 4.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .h_ss10 .inner_wrap form ._form_group {
    width: calc((100% - 2.4rem) / 2);
  }
}
@media only screen and (max-width: 768px) {
  .h_ss10 .inner_wrap form ._form_group {
    width: 100%;
  }
}
.h_ss10 .inner_wrap form ._form_group label,
.h_ss10 .inner_wrap form ._form_group input {
  color: #FFF;
  font-family: "SVN-Gotham Regular.otf";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.14px;
}
.h_ss10 .inner_wrap form ._form_group label {
  width: 10.5rem;
  flex-shrink: 0;
  text-align: left;
}
.h_ss10 .inner_wrap form ._form_group input {
  flex: 1;
  height: 100%;
  border: 0;
  border-radius: none;
  box-shadow: 0;
  outline: none;
  background: transparent;
}
.h_ss10 .inner_wrap form ._form_group input::placeholder {
  opacity: 0.6;
}
.h_ss10 .inner_wrap form ._form_group ._error_msg {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 1.2rem;
  font-style: italic;
  color: #E3AB75;
}
.h_ss10 .inner_wrap form ._form_group:focus, .h_ss10 .inner_wrap form ._form_group:hover {
  border-bottom: 1px solid var(--Coloryellow, #FFD48E);
}
.h_ss10 .inner_wrap form .btn_submit_contact {
  width: 21rem;
  height: 4.8rem;
  border: 0;
  border-radius: none;
  box-shadow: 0;
  outline: none;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  color: #780414;
  text-align: center;
  font-family: "SVN-Gotham Bold.otf";
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
.h_ss10 .inner_wrap form .btn_submit_contact:hover {
  letter-spacing: 1px;
  background: var(--Gradient, linear-gradient(270deg, #FFD48E 0.03%, #E3AB75 99.97%));
}
@media only screen and (max-width: 768px) {
  .h_ss10 .inner_wrap form .btn_submit_contact {
    width: 19rem;
    height: 4.4rem;
    letter-spacing: 0.28px;
  }
}

.h_ss9 {
  position: relative;
  background: #780414;
  padding: 9.6rem 5.5555555556%;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 {
    padding: 8rem 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss9 {
    padding: 4.5rem 1.5rem;
  }
}
.h_ss9 .decor_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: screen;
}
.h_ss9 .inner_wrap {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .inner_wrap {
    gap: 3rem;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss9 .inner_wrap {
    flex-direction: column;
  }
}
.h_ss9 .left_col {
  flex: 1;
  flex-shrink: 0;
}
@media only screen and (max-width: 820px) {
  .h_ss9 .left_col {
    width: 100%;
    order: 2;
  }
}
.h_ss9 .left_col .image_main {
  width: 100%;
  height: auto;
  position: relative;
}
.h_ss9 .left_col .image_main img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 656/737;
}
.h_ss9 .right_col {
  width: 45.703125%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 820px) {
  .h_ss9 .right_col {
    width: 100%;
    order: 1;
  }
}
.h_ss9 .right_col .title_ss {
  margin-bottom: 4rem;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 820px) {
  .h_ss9 .right_col .title_ss {
    margin-bottom: 3rem;
  }
}
.h_ss9 .right_col .title_ss .c-subtitle {
  line-height: 1;
  margin-top: -1.8rem !important;
  display: block;
  margin-left: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .h_ss9 .right_col .title_ss .c-subtitle {
    margin-top: -1.5rem !important;
    margin-left: 2.8rem !important;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .right_col .title_ss .c-subtitle {
    margin-top: -1.2rem !important;
    margin-left: 1rem !important;
  }
}
.h_ss9 .right_col .title_ss .hide-pc {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .h_ss9 .right_col .title_ss .hide-pc {
    display: block;
  }
}
@media only screen and (max-width: 820px) {
  .h_ss9 .right_col .title_ss .hide-pc {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss9 .right_col .title_ss .hide-pc {
    display: block;
  }
}
.h_ss9 .right_col .description {
  color: #FFF;
  margin-bottom: 4rem;
  text-align: justify;
}
@media only screen and (max-width: 768px) {
  .h_ss9 .right_col .description {
    margin-bottom: 2.5rem;
  }
}
.h_ss9 .right_col .image_sub {
  width: 100%;
}
.h_ss9 .right_col .image_sub img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 585/364;
}

.h_ss7 {
  position: relative;
}
.h_ss7 .ss7_title_abs {
  position: absolute;
  top: 14.1772151899%;
  left: 5.5555555556%;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .ss7_title_abs {
    top: 6rem;
    left: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .ss7_title_abs {
    top: 4rem;
    left: 1.5rem;
  }
}
.h_ss7 .ss7_title_abs .c-subtitle {
  display: block;
  line-height: 0.92;
  margin-bottom: -1rem;
}
.h_ss7 .h_ss7_slider {
  width: 100%;
  position: relative;
}
.h_ss7 .h_ss7_slider .swiper-slide {
  position: relative;
}
.h_ss7 .h_ss7_slider .swiper-slide .bg_img {
  width: 100%;
  line-height: 0;
}
.h_ss7 .h_ss7_slider .swiper-slide .bg_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1440/790;
  max-height: 100vh;
  min-height: 60rem;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .swiper-slide .bg_img img {
    aspect-ratio: 9/12;
    min-height: 50rem;
  }
}
.h_ss7 .h_ss7_slider .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 33.9240506329%;
  opacity: 0.8;
  background: linear-gradient(15deg, #1F0004 9.82%, rgba(120, 4, 20, 0) 57.49%);
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .swiper-slide::after {
    background: linear-gradient(15deg, #1F0004 18%, rgba(120, 4, 20, 0) 57.49%);
  }
}
.h_ss7 .h_ss7_slider .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50.6329113924%;
  opacity: 0.8;
  background: linear-gradient(180deg, #1F0004 0%, rgba(120, 4, 20, 0) 57.49%);
  pointer-events: none;
  z-index: 1;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .h_ss7_slider .swiper-slide::before {
    display: block;
  }
}
.h_ss7 .h_ss7_slider .swiper-slide .slide_info {
  position: absolute;
  bottom: 7.5949367089%;
  left: 5.5555555556%;
  right: 5.5555555556%;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info {
    bottom: 3rem;
    left: 3rem;
    right: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info {
    bottom: 1.5rem;
    left: 1.5rem;
  }
}
.h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title .num {
  color: var(--White, #FFF);
  font-family: "SVN-Gotham Regular.otf";
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-top: 0.9rem;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title .num {
    margin-top: 0.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title .num {
    font-size: 1.4rem;
  }
}
.h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title .text {
  font-family: "1FTV-VIP-ALVERICH.OTF";
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title .text {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_title .text {
    font-size: 2.8rem;
  }
}
.h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_desc {
  color: #FFF;
  font-size: 1.6rem;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .swiper-slide .slide_info .info_desc {
    font-size: 1.4rem;
  }
}
.h_ss7 .h_ss7_slider .ss7_nav {
  position: absolute;
  bottom: 7.5949367089%;
  right: 5.5555555556%;
  z-index: 10;
  display: flex;
  gap: 1px;
}
@media only screen and (max-width: 1024px) {
  .h_ss7 .h_ss7_slider .ss7_nav {
    bottom: 3rem;
    right: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .ss7_nav {
    bottom: 1.5rem;
    right: 1.5rem;
  }
}
.h_ss7 .h_ss7_slider .ss7_nav .ss7-prev,
.h_ss7 .h_ss7_slider .ss7_nav .ss7-next {
  position: static;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  background: transparent;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
}
.h_ss7 .h_ss7_slider .ss7_nav .ss7-prev svg,
.h_ss7 .h_ss7_slider .ss7_nav .ss7-next svg {
  width: 10px;
}
@media only screen and (max-width: 768px) {
  .h_ss7 .h_ss7_slider .ss7_nav .ss7-prev,
  .h_ss7 .h_ss7_slider .ss7_nav .ss7-next {
    width: 3rem;
    height: 3rem;
  }
  .h_ss7 .h_ss7_slider .ss7_nav .ss7-prev svg,
  .h_ss7 .h_ss7_slider .ss7_nav .ss7-next svg {
    width: 8px;
  }
}
.h_ss7 .h_ss7_slider .ss7_nav .ss7-prev:hover,
.h_ss7 .h_ss7_slider .ss7_nav .ss7-next:hover {
  opacity: 0.75;
}
.h_ss7 .h_ss7_slider .ss7_nav .ss7-prev::after,
.h_ss7 .h_ss7_slider .ss7_nav .ss7-next::after {
  display: none;
}
.h_ss7 .h_ss7_slider .ss7_nav .ss7-prev {
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
}
.h_ss7 .h_ss7_slider .ss7_nav .ss7-next {
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
}

.h_ss8 {
  position: relative;
  padding: 9.6rem 0 0;
  background: #780414;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .h_ss8 {
    padding: 8rem 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8 {
    padding: 4.5rem 0 0;
  }
}
.h_ss8 .decor_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: screen;
}
.h_ss8__header {
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 768px) {
  .h_ss8__header {
    margin-bottom: 3rem;
  }
}
.h_ss8__title_wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.6rem;
}
.h_ss8__title_wrap .number {
  color: #FFF;
  font-family: "1FTV-Photograph-Signature.otf";
  font-size: 12rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9;
  margin-bottom: -0.7rem;
}
@media only screen and (max-width: 1024px) {
  .h_ss8__title_wrap .number {
    font-size: 10rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8__title_wrap .number {
    font-size: 8rem;
  }
}
.h_ss8__title_wrap .text_group .subtitle {
  font-family: "SVN-Gotham Regular.otf";
  font-size: 2rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 1024px) {
  .h_ss8__title_wrap .text_group .subtitle {
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8__title_wrap .text_group .subtitle {
    font-size: 1.4rem;
  }
}
.h_ss8__layout {
  position: relative;
  padding-left: 5.5555555556%;
}
@media only screen and (max-width: 1024px) {
  .h_ss8__layout {
    padding-left: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8__layout {
    padding-left: 1.5rem;
  }
}
.h_ss8__track {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 2.9411764706%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .h_ss8__track {
    gap: 2%;
  }
}
.h_ss8__track .h_ss8__slide {
  flex-shrink: 0;
  transform-origin: left top;
  transition: transform 0.8s ease, opacity 0.8s ease;
  width: 24.1176470588%;
  aspect-ratio: 328/293;
}
@media only screen and (max-width: 768px) {
  .h_ss8__track .h_ss8__slide {
    width: 37%;
  }
}
.h_ss8__track .h_ss8__thumbnail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 0;
}
.h_ss8__track .h_ss8__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}
.h_ss8__track .h_ss8__slide.is-next {
  width: 24.1176470588%;
}
@media only screen and (max-width: 768px) {
  .h_ss8__track .h_ss8__slide.is-next {
    width: 28%;
  }
}
.h_ss8__track .h_ss8__slide.is-active {
  width: 45.8823529412%;
  aspect-ratio: 624/430;
}
@media only screen and (max-width: 768px) {
  .h_ss8__track .h_ss8__slide.is-active {
    width: 70%;
    aspect-ratio: 624/480;
  }
}
.h_ss8__info {
  width: 43.3333333333%;
  flex-shrink: 0;
  margin-top: 1.2rem;
  margin-left: 5.5555555556%;
}
.h_ss8__info.hide-sp {
  display: none;
}
.h_ss8__info.hide-pc {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .h_ss8__info {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8__info {
    margin-left: 0;
    width: 70%;
  }
  .h_ss8__info.hide-sp {
    display: block;
  }
  .h_ss8__info.hide-pc {
    display: none;
  }
}
.h_ss8__name {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  margin-bottom: 1.6rem !important;
}
@media only screen and (max-width: 768px) {
  .h_ss8__name {
    margin-bottom: 0.8rem !important;
  }
}
.h_ss8__name .num {
  text-align: justify;
  font-family: "1FTV-VIP-ALVERICH.OTF";
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 56px */
  letter-spacing: 0.4px;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .h_ss8__name .num {
    font-size: 2.8rem;
  }
}
.h_ss8__name .text {
  text-align: justify;
  font-family: "SVN-Gotham Bold.otf";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.18px;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .h_ss8__name .text {
    font-size: 1.6rem;
  }
}
.h_ss8__desc {
  text-align: justify;
  color: #fff;
}
.h_ss8__controls {
  position: absolute;
  width: 42.3529411765%;
  left: 51.7647058824%;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .h_ss8__controls {
    left: 50.4411764706%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss8__controls {
    position: relative;
    margin-top: 1rem;
    left: 0;
    right: 1.5rem;
    width: calc(100% - 1.5rem);
  }
}
.h_ss8__nav {
  display: flex;
  gap: 1px;
}
.h_ss8__nav button {
  width: 4rem;
  height: 4rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.3s;
  padding: 0;
}
.h_ss8__nav button:hover {
  opacity: 0.75;
}
.h_ss8__nav button svg {
  width: 1rem;
  height: auto;
}
.h_ss8__nav button.h_ss8__prev {
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
}
.h_ss8__nav button.h_ss8__next {
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
}
@media only screen and (max-width: 768px) {
  .h_ss8__nav button {
    width: 3rem;
    height: 3rem;
  }
  .h_ss8__nav button svg {
    width: 8px;
  }
}
.h_ss8__fraction {
  display: flex;
  align-items: baseline;
  line-height: 1;
  width: max-content;
  font-family: "1FTV-VIP-ALVERICH.OTF";
}
.h_ss8__fraction .frac-current {
  text-align: justify;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 56px */
  letter-spacing: 0.4px;
  background: var(--Gradient, linear-gradient(270deg, #E3AB75 0.03%, #FFD48E 99.97%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 768px) {
  .h_ss8__fraction .frac-current {
    font-size: 3.2rem;
  }
}
.h_ss8__fraction .frac-sep,
.h_ss8__fraction .frac-total {
  color: var(--White, #FFF);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.24px;
}
@media only screen and (max-width: 768px) {
  .h_ss8__fraction .frac-sep,
  .h_ss8__fraction .frac-total {
    font-size: 2.2rem;
  }
}

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