html {
  margin-top: 0 !important;
}
.nojq {
  display: none;
}
@keyframes shineMove {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes nav-rotate {
  0% {
    left: 0%;
    transform: translate(-50%, 0) rotate(90deg);
  }
  1% {
    transform: translate(-50%, 0) rotate(90deg);
  }
  2% {
    transform: translate(-50%, 0) rotate(180deg);
  }
  48% {
    transform: translate(-50%, 0) rotate(180deg);
  }
  49% {
    left: 100%;
    transform: translate(-50%, 0) rotate(270deg);
  }
  50% {
    left: 100%;
    transform: translate(-50%, 0) rotate(270deg);
  }
  51% {
    transform: translate(-50%, 0) rotate(270deg);
  }
  52% {
    transform: translate(-50%, 0) rotate(360deg);
  }
  98% {
    transform: translate(-50%, 0) rotate(360deg);
  }
  99% {
    transform: translate(-50%, 0) rotate(450deg);
  }
  100% {
    left: 0%;
    transform: translate(-50%, 0) rotate(450deg);
  }
}
@keyframes nav-rotate-sp {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(720deg);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-1.49%);
  }
  100% {
    transform: translateX(100%);
  }
}
.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}
.fadein.show {
  opacity: 1;
  transform: translateY(0);
}
body {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #eee;
  background-color: #111;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.button-item {
  display: block;
  width: min(300px, 20.833vw);
  height: min(63px, 4.375vw);
  position: relative;
}
@media (max-width: 767px) {
  .button-item {
    width: min(300px, 76.923vw);
    height: min(63px, 16.154vw);
  }
}
.button-item::before {
  content: "";
  width: calc(100% + min(4px, 0.278vw));
  height: calc(100% + min(4px, 0.278vw));
  position: absolute;
  top: calc(-1 * min(2px, 0.139vw));
  left: calc(-1 * min(2px, 0.139vw));
  border-radius: 50px;
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  z-index: 1;
}
@media (max-width: 767px) {
  .button-item::before {
    width: calc(100% + min(4px, 1.026vw));
    height: calc(100% + min(4px, 1.026vw));
    top: calc(-1 * min(2px, 0.513vw));
    left: calc(-1 * min(2px, 0.513vw));
  }
}
.button-item .button-item-inner {
  position: relative;
  z-index: 2;
  border-radius: min(50px, 3.472vw);
  background: #111111;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
@media (max-width: 767px) {
  .button-item .button-item-inner {
    border-radius: min(50px, 12.821vw);
  }
}
@media (hover: none) {
  .button-item .button-item-inner {
    transition: none !important;
  }
}
.button-item .button-item-inner span {
  font-size: min(16px, 1.111vw);
  font-weight: 700;
}
@media (max-width: 767px) {
  .button-item .button-item-inner span {
    font-size: min(16px, 4.103vw);
  }
}
.button-item .button-item-inner .deco-arrow {
  width: min(22px, 1.528vw);
  height: min(22px, 1.528vw);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd411c;
  border-radius: 50%;
  margin-left: min(10px, 0.694vw);
}
@media (max-width: 767px) {
  .button-item .button-item-inner .deco-arrow {
    width: min(22px, 5.641vw);
    height: min(22px, 5.641vw);
    margin-left: min(10px, 2.564vw);
  }
}
.button-item .button-item-inner .deco-arrow img {
  width: min(11.5px, 0.799vw);
  height: min(11.5px, 0.799vw);
  object-fit: contain;
}
@media (max-width: 767px) {
  .button-item .button-item-inner .deco-arrow img {
    width: min(11.5px, 2.949vw);
    height: min(11.5px, 2.949vw);
  }
}
.button-item:hover {
  transition: 0.5s;
}
.button-item:hover .button-item-inner {
  background: transparent;
}
.button-item:hover .button-item-inner span {
  color: #111111;
}
.button-item:hover .button-item-inner .deco-arrow {
  background: #111111;
}
.button-item-none-responsive {
  display: block;
  width: 300px;
  height: 63px;
  position: relative;
}
@media (max-width: 767px) {
  .button-item-none-responsive {
    width: min(300px, 76.923vw);
    height: min(63px, 16.154vw);
  }
}
.button-item-none-responsive::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: calc(-1 * 2px);
  left: calc(-1 * 2px);
  border-radius: 50px;
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  z-index: 1;
}
@media (max-width: 767px) {
  .button-item-none-responsive::before {
    width: calc(100% + min(4px, 1.026vw));
    height: calc(100% + min(4px, 1.026vw));
    top: calc(-1 * min(2px, 0.513vw));
    left: calc(-1 * min(2px, 0.513vw));
  }
}
.button-item-none-responsive .button-item-inner {
  position: relative;
  z-index: 2;
  border-radius: 50px;
  background: #111111;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
@media (hover: none) {
  .button-item-none-responsive .button-item-inner {
    transition: none !important;
  }
}
.button-item-none-responsive .button-item-inner span {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .button-item-none-responsive .button-item-inner span {
    font-size: min(16px, 4.103vw);
  }
}
.button-item-none-responsive .button-item-inner .deco-arrow {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd411c;
  border-radius: 50%;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .button-item-none-responsive .button-item-inner .deco-arrow {
    width: min(22px, 5.641vw);
    height: min(22px, 5.641vw);
    margin-left: min(10px, 2.564vw);
  }
}
.button-item-none-responsive .button-item-inner .deco-arrow img {
  width: 11.5px;
  height: 11.5px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .button-item-none-responsive .button-item-inner .deco-arrow img {
    width: min(11.5px, 2.949vw);
    height: min(11.5px, 2.949vw);
  }
}
.button-item-none-responsive:hover .button-item-inner {
  background: transparent;
  transition: 0.5s;
}
.button-item-none-responsive:hover .button-item-inner span {
  color: #111111;
}
.button-item-none-responsive:hover .button-item-inner .deco-arrow {
  background: #111111;
}
.header-padding {
  padding-top: min(121px, 8.403vw);
}
@media (max-width: 767px) {
  .header-padding {
    padding-top: min(72px, 18.462vw);
  }
}
.page-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: min(60px, 4.167vw);
}
@media (max-width: 767px) {
  .page-title-wrapper {
    margin-bottom: min(32px, 8.205vw);
  }
}
.page-title {
  position: relative;
}
.page-title img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-title::before {
  content: "";
  display: block;
  position: absolute;
  width: min(76.76px, 5.331vw);
  height: min(124.72px, 8.661vw);
  background: url(../imgs/deco/deco-title1.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .page-title::before {
    width: min(36.84px, 9.446vw);
    height: min(59.87px, 15.351vw);
  }
}
.page-title::after {
  content: "";
  display: block;
  position: absolute;
  width: min(115.06px, 7.99vw);
  height: min(124.62px, 8.654vw);
  background: url(../imgs/deco/deco-title2.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .page-title::after {
    width: min(55.23px, 14.162vw);
    height: min(59.82px, 15.338vw);
  }
}
.pagination-wrapper {
  margin: min(60px, 4.167vw) 0;
}
@media (max-width: 767px) {
  .pagination-wrapper {
    margin: min(60px, 15.385vw) 0 min(44px, 11.282vw);
  }
}
.pagination-wrapper .pagination-list {
  display: flex;
  justify-content: center;
}
.pagination-wrapper .pagination-list .pagination-item {
  width: min(48px, 3.333vw);
  height: min(48px, 3.333vw);
  position: relative;
}
@media (max-width: 767px) {
  .pagination-wrapper .pagination-list .pagination-item {
    width: min(48px, 12.308vw);
    height: min(48px, 12.308vw);
  }
}
.pagination-wrapper .pagination-list .pagination-item:not(:first-child) {
  margin-left: min(10px, 0.694vw);
}
@media (max-width: 767px) {
  .pagination-wrapper .pagination-list .pagination-item:not(:first-child) {
    margin-left: min(10px, 2.564vw);
  }
}
.pagination-wrapper .pagination-list .pagination-item .pagination-item-link {
  font-size: min(13px, 0.903vw);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: min(1px, 0.069vw) solid #333;
  background: #222;
  transform: skew(-15deg);
  transition: 0.1s;
}
@media (max-width: 767px) {
  .pagination-wrapper .pagination-list .pagination-item .pagination-item-link {
    font-size: min(13px, 3.333vw);
  }
}
.pagination-wrapper .pagination-list .pagination-item .pagination-item-link span {
  font-weight: 700;
  transform: skew(15deg);
}
.pagination-wrapper .pagination-list .pagination-item:hover .pagination-item-link {
  border: none;
  background: linear-gradient(75deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  transition: 0.1s;
}
.pagination-wrapper .pagination-list .pagination-item:hover .pagination-item-link span {
  color: #111;
}
.pagination-wrapper .pagination-list .pagination-item .current-page {
  pointer-events: none;
  border: none;
  background: linear-gradient(75deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
}
.pagination-wrapper .pagination-list .pagination-item .current-page span {
  color: #111;
}
.display-pc {
  display: block !important;
}
@media (max-width: 767px) {
  .display-pc {
    display: none !important;
  }
}
.display-sp {
  display: none !important;
}
@media (max-width: 767px) {
  .display-sp {
    display: block !important;
  }
}
.hover-action {
  transition: opacity 0.2s ease-in-out;
}
.hover-action:hover {
  opacity: 0.8;
}
.bg-pt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../imgs/pt/pt-cross.png);
  background-size: 107px 185px;
  background-repeat: repeat;
}
@media (max-width: 767px) {
  .bg-pt {
    background-size: 85.6px 148px;
  }
}
.deco-frame-img-left-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 10.069vw;
  height: 20.694vw;
  z-index: 100;
}
@media (max-width: 767px) {
  .deco-frame-img-left-top {
    width: 87px;
    height: 178.8px;
  }
}
.deco-frame-img-left-top img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.deco-frame-img-left-top .shine-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../imgs/deco/deco-frame-left-top.png);
  mask-image: url(../imgs/deco/deco-frame-left-top.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: linear-gradient(80deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%);
  background-size: 300% 300%;
}
.deco-frame-img-right-top {
  position: fixed;
  top: 0;
  right: 0;
  width: 18.362vw;
  height: 11.111vw;
  z-index: 100;
}
@media (max-width: 767px) {
  .deco-frame-img-right-top {
    width: 158.64px;
    height: 96px;
  }
}
.deco-frame-img-right-top img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.deco-frame-img-left-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 18.604vw;
  height: 22.153vw;
  z-index: 100;
}
@media (max-width: 767px) {
  .deco-frame-img-left-bottom {
    width: 160.74px;
    height: 191.4px;
  }
}
.deco-frame-img-left-bottom img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.deco-frame-img-right-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 20.921vw;
  height: 12.361vw;
  z-index: 0;
}
@media (max-width: 767px) {
  .deco-frame-img-right-bottom {
    width: 180.75px;
    height: 106.8px;
  }
}
.deco-frame-img-right-bottom img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.deco-frame-img-right-bottom .shine-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../imgs/deco/deco-frame-right-bottom.png);
  mask-image: url(../imgs/deco/deco-frame-right-bottom.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: linear-gradient(80deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%);
  background-size: 300% 300%;
}
.header {
  position: fixed;
  z-index: 103;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: min(121px, 8.403vw);
  padding: min(32px, 2.222vw) min(40px, 2.778vw) 0;
}
@media (max-width: 767px) {
  .header {
    height: min(72px, 18.462vw);
    padding: min(16px, 4.103vw) min(16px, 4.103vw) min(10px, 2.564vw) min(12px, 3.077vw);
  }
}
.header .header-logo {
  position: relative;
  width: min(308px, 21.389vw);
  height: min(89px, 6.181vw);
  z-index: 1;
}
@media (max-width: 767px) {
  .header .header-logo {
    width: min(138px, 35.385vw);
    height: min(40px, 10.256vw);
  }
}
.header .header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.9));
}
.header .header-nav-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3.472vw;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
  opacity: 0;
}
@media (max-width: 767px) {
  .header .header-nav-wrapper {
    border-radius: 12.821vw;
    opacity: 1;
  }
}
.header .header-nav-wrapper.is-visible {
  visibility: visible;
  opacity: 1;
}
.header .header-nav-wrapper::before {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #48bab0 42%, #76b537 46%, #f2b637 54%, #fd411c 58%, rgba(255, 255, 255, 0) 100%);
  height: 3.472vw;
  width: 6.25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: nav-rotate 5s linear forwards infinite;
  transform-origin: top center;
}
@media (max-width: 767px) {
  .header .header-nav-wrapper::before {
    height: min(30px, 7.692vw);
    width: min(30px, 7.692vw);
    transform-origin: top left;
    animation: nav-rotate-sp 2s linear forwards infinite;
  }
}
.header .header-nav-wrapper .header-nav {
  position: relative;
  margin: 1px;
  z-index: 1;
  background: #222222;
  padding: 0 min(32px, 2.222vw);
  border-radius: 3.472vw;
  height: min(58px, 4.028vw);
  display: flex;
  align-items: center;
}
.header .header-nav-wrapper .header-nav .header-ul {
  display: flex;
  align-items: center;
  gap: min(32px, 2.222vw);
}
.header .header-nav-wrapper .header-nav .header-ul .header-li {
  font-size: min(14px, 0.972vw);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ccc;
  position: relative;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li a {
  display: inline;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li a span {
  opacity: 0;
  display: block;
  height: min(58px, 4.028vw);
}
.header .header-nav-wrapper .header-nav .header-ul .header-li a::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(1em);
  -webkit-transform: translateY(1em);
  transition: 0.5s;
  height: min(58px, 4.028vw);
  place-content: center;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li a:hover::before {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: 0.5s;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: 0.5s;
  height: min(58px, 4.028vw);
  place-content: center;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li a:hover::after {
  opacity: 0;
  transform: translateY(-1em);
  -webkit-transform: translateY(-1em);
  transition: 0.5s;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li-audition {
  background: #fd411c;
  overflow: hidden;
  padding: min(6px, 0.417vw);
}
.header .header-nav-wrapper .header-nav .header-ul .header-li-audition a::before {
  top: auto;
  left: 50%;
  transform: translate(-50%, 1em);
  -webkit-transform: translate(-50%, 1em);
  color: #ffffffe5;
  width: 100%;
  height: 100%;
  text-align: center;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li-audition a:hover::before {
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: 0.5s;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li-audition a span {
  width: 100%;
  height: 100%;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li-audition a::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffffe5;
  width: 100%;
  height: 100%;
  text-align: center;
}
.header .header-nav-wrapper .header-nav .header-ul .header-li-audition a:hover::after {
  top: 0;
  transform: translate(-50%, -1em);
  -webkit-transform: translate(-50%, -1em);
  transition: 0.5s;
}
.header .header-nav-wrapper .hamburger-menu {
  display: block;
  width: min(60px, 15.385vw);
  height: min(52px, 13.333vw);
  background: #222;
  border-radius: min(50px, 12.821vw);
  position: relative;
  margin: 1px;
  z-index: 103;
}
.header .header-nav-wrapper .hamburger-menu span {
  display: block;
  width: min(28px, 7.179vw);
  height: min(1px, 0.256vw);
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}
.header .header-nav-wrapper .hamburger-menu span:nth-child(1) {
  top: calc(50% - min(8px, 2.051vw));
}
.header .header-nav-wrapper .hamburger-menu span:nth-child(2) {
  top: 50%;
}
.header .header-nav-wrapper .hamburger-menu span:nth-child(3) {
  top: calc(50% + min(8px, 2.051vw));
}
.header .header-nav-wrapper .hamburger-menu.active span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.header .header-nav-wrapper .hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}
.header .header-nav-wrapper .hamburger-menu.active span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header-nav-wrapper-sp {
  display: none;
}
.header-nav-wrapper-sp.active {
  display: flex;
}
@media (max-width: 767px) {
  .header-nav-wrapper-sp {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    background: #000;
    padding-top: min(72px, 18.462vw);
  }
}
.header-nav-wrapper-sp .header-nav-sp {
  margin-top: min(16px, 4.103vw);
}
.header-nav-wrapper-sp .header-nav-sp .header-ul .header-li {
  display: block;
  margin: 0 auto;
  width: fit-content;
  font-size: min(22px, 5.641vw);
  font-weight: 700;
}
.header-nav-wrapper-sp .header-nav-sp .header-ul .header-li:not(:last-child) {
  margin-bottom: min(22px, 5.641vw);
}
.header-nav-wrapper-sp .header-nav-sp .header-ul .header-li a {
  transition: opacity 0.2s ease-in-out;
}
.header-nav-wrapper-sp .header-nav-sp .header-ul .header-li a:hover {
  opacity: 0.7;
}
.header-nav-wrapper-sp .header-nav-sp .header-ul .header-li-audition {
  background: #fd411c;
  padding: min(6px, 1.538vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-link-wrapper {
  display: block;
  margin: 0 auto min(24px, 6.154vw);
  width: fit-content;
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-link-wrapper .header-link {
  font-size: min(13px, 3.333vw);
  font-weight: 700;
  transition: color 0.2s ease-in-out;
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-link-wrapper .header-link:hover {
  color: #fd411c;
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-link-wrapper span {
  margin: 0 min(16px, 4.103vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .follow-us-text {
  font-size: min(13px, 3.333vw);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: min(8px, 2.051vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .follow-us-text span {
  display: block;
  width: fit-content;
}
.header-nav-wrapper-sp .header-bottom-wrapper .follow-us-text::before, .header-nav-wrapper-sp .header-bottom-wrapper .follow-us-text::after {
  content: "";
  position: relative;
  width: min(63px, 16.154vw);
  height: 1px;
  background: #ccc;
  display: block;
}
.header-nav-wrapper-sp .header-bottom-wrapper .follow-us-text::before {
  margin-right: min(10px, 2.564vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .follow-us-text::after {
  margin-left: min(10px, 2.564vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-sns-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: min(16px, 4.103vw);
  margin-bottom: min(24px, 6.154vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-sns-wrapper .header-sns-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(96px, 24.615vw);
  height: min(24px, 6.154vw);
  border: 1px solid #333;
  border-radius: 50px;
  background: #111;
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-sns-wrapper .header-sns-link img {
  width: min(16px, 4.103vw);
  height: min(16px, 4.103vw);
}
.header-nav-wrapper-sp .header-bottom-wrapper .header-sns-wrapper .header-sns-link:hover {
  background: #2b2b2b;
}
.top-kv {
  position: relative;
  z-index: -1;
}
.top-kv .float-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .top-kv .float-wrapper {
    height: 100%;
  }
}
.top-kv .float-wrapper .pv-wrapper .pv-sp {
  display: none;
}
@media (max-width: 767px) {
  .top-kv .float-wrapper .pv-wrapper .pv-sp {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
}
.top-kv .float-wrapper .pv-wrapper .pv-pc {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media (max-width: 767px) {
  .top-kv .float-wrapper .pv-wrapper .pv-pc {
    display: none;
  }
}
.top-kv .float-wrapper .kv-wrapper .kv-sp {
  display: none;
}
@media (max-width: 767px) {
  .top-kv .float-wrapper .kv-wrapper .kv-sp {
    display: block;
    width: 100%;
    height: 100vh;
  }
}
.top-kv .float-wrapper .kv-wrapper .kv-sp img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.top-kv .float-wrapper .kv-wrapper .kv-pc {
  width: 100%;
  height: 100vh;
}
@media (max-width: 767px) {
  .top-kv .float-wrapper .kv-wrapper .kv-pc {
    display: none;
  }
}
.top-kv .float-wrapper .kv-wrapper .kv-pc img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.top-kv .top-kv-padding {
  padding-top: 100vh;
}
.kv-btn-wrapper {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 71.111vw;
  max-height: 100vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .kv-btn-wrapper {
    height: 100%;
    min-height: auto;
  }
}
.kv-btn-wrapper .kv-btn-positioner {
  position: absolute;
  width: 24.028vw;
  height: 20.764vw;
  bottom: 6.25vw;
  right: 3.25vw;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner {
    width: 207.3px;
    height: 180px;
    bottom: 30px;
    right: 0;
  }
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn {
  width: 10.484vw;
  height: 10.134vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 7.986vw;
  z-index: 2;
  transform: rotate(8.21deg);
  filter: drop-shadow(0 0 16.9px black);
  -webkit-filter: drop-shadow(0 0 16.9px black);
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .youtube-btn {
    width: 90.58px;
    height: 87.56px;
    top: 0;
    left: 104px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn img {
  width: 9.615vw;
  height: 9.183vw;
  object-fit: cover;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .youtube-btn img {
    width: 83.08px;
    height: 79.34px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../imgs/deco/deco-pentagon.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn .mask-star {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask-image: url(../imgs/mask/mask-star.png);
  mask-size: 9.615vw 9.183vw;
  mask-repeat: no-repeat;
  mask-position: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .youtube-btn .mask-star {
    mask-size: 83.08px 79.34px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn .mask-star .deco-hologram-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20.833vw;
  height: 20.833vw;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .youtube-btn .mask-star .deco-hologram-wrapper {
    width: 180px;
    height: 180px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn .mask-star .deco-hologram-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: rotate 8s linear infinite;
}
.kv-btn-wrapper .kv-btn-positioner .youtube-btn:hover .mask-star .deco-hologram-wrapper img {
  animation-play-state: paused;
}
.kv-btn-wrapper .kv-btn-positioner .official-store-btn {
  width: 24.028vw;
  height: 10.625vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 9.167vw;
  left: 0;
  z-index: 1;
  transform: rotate(-7.28deg);
  filter: drop-shadow(0 0 16.9px black);
  -webkit-filter: drop-shadow(0 0 16.9px black);
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .official-store-btn {
    width: 207.3px;
    height: 91.6px;
    top: 87px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .official-store-btn img {
  width: 22.639vw;
  height: 9.306vw;
  object-fit: contain;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .official-store-btn img {
    width: 195.46px;
    height: 79.92px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .official-store-btn .mask-store-text {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask-image: url(../imgs/mask/mask-store-text.png);
  mask-size: 24.028vw 10.625vw;
  mask-repeat: no-repeat;
  mask-position: center;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .official-store-btn .mask-store-text {
    mask-size: 207.3px 91.6px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .official-store-btn .mask-store-text .deco-hologram-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 27.778vw;
  height: 27.778vw;
}
@media (max-width: 767px) {
  .kv-btn-wrapper .kv-btn-positioner .official-store-btn .mask-store-text .deco-hologram-wrapper {
    width: 267px;
    height: 267px;
  }
}
.kv-btn-wrapper .kv-btn-positioner .official-store-btn .mask-store-text .deco-hologram-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: rotate 8s linear infinite;
}
.kv-btn-wrapper .kv-btn-positioner .official-store-btn:hover .mask-store-text .deco-hologram-wrapper img {
  animation-play-state: paused;
}
.about-section {
  position: relative;
}
.about-section .deco-triangle-top img {
  width: 100%;
}
.about-section .about-content-wrapper {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, black 70%, black 100%);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper {
    padding: min(100px, 25.641vw) 0;
  }
}
.about-section .about-content-wrapper .about-title {
  width: min(236.84px, 16.447vw);
  height: min(51.33px, 3.565vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-title {
    width: 181.9px;
    height: 39.42px;
  }
}
.about-section .about-content-wrapper .about-title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-section .about-content-wrapper .about-layer-wrapper {
  position: relative;
  height: min(862px, 59.861vw);
  display: block;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper {
    overflow: hidden;
    height: 678.84px;
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .light-effect {
  position: absolute;
  top: calc(50% - min(60px, 4.167vw));
  left: calc(50% + min(211px, 14.653vw));
  width: min(482.5px, 33.507vw);
  height: min(446px, 30.972vw);
  transform: translate(-50%, -50%);
  z-index: 4;
  mix-blend-mode: screen;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .light-effect {
    top: calc(50% - min(114px, 29.231vw));
    left: calc(50% + min(124px, 31.795vw));
    width: min(190.8px, 48.923vw);
    height: min(176.4px, 45.231vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .light-effect img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-section .about-content-wrapper .about-layer-wrapper .about-catch-copy {
  position: absolute;
  top: calc(50% + min(70px, 4.861vw));
  left: 50%;
  width: min(356px, 24.722vw);
  height: min(464.5px, 32.257vw);
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-catch-copy {
    top: 50%;
    width: min(244.63px, 62.726vw);
    height: min(318.84px, 81.754vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-catch-copy img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item1 {
  position: absolute;
  top: calc(50% - min(230px, 15.972vw));
  left: calc(50% - min(228px, 15.833vw));
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item1 {
    top: calc(50% - min(220px, 56.41vw));
    left: calc(50% - min(68px, 17.436vw));
    width: min(197.77px, 50.71vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item1 img {
  position: absolute;
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(-32deg);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item1 img {
    width: min(197.77px, 50.71vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item2 {
  position: absolute;
  top: calc(50% - min(380px, 26.389vw));
  left: calc(50% + min(430px, 29.861vw));
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item2 img {
  position: absolute;
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(-32deg);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item2 {
    display: none;
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item3 {
  position: absolute;
  top: calc(50% - min(50px, 3.472vw));
  left: calc(50% - min(296px, 20.556vw));
  width: min(120.85px, 8.392vw);
  height: min(3px, 0.208vw);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item3 {
    top: calc(50% + min(170px, 43.59vw));
    left: calc(50% - min(140px, 35.897vw));
    width: min(81.58px, 20.918vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item3 img {
  position: absolute;
  width: min(120.85px, 8.392vw);
  height: min(3px, 0.208vw);
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(-32deg);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item3 img {
    width: min(81.58px, 20.918vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item4 {
  position: absolute;
  top: calc(50% - min(140px, 9.722vw));
  left: calc(50% + min(370px, 25.694vw));
  width: min(125.52px, 8.717vw);
  height: min(3px, 0.208vw);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item4 {
    top: calc(50% + min(80px, 20.513vw));
    left: calc(50% + min(120px, 30.769vw));
    width: min(84.72px, 21.723vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item4 img {
  position: absolute;
  width: min(125.52px, 8.717vw);
  height: min(3px, 0.208vw);
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(-32deg);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item4 img {
    width: min(84.72px, 21.723vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item5 {
  position: absolute;
  top: calc(50% + min(102px, 7.083vw));
  left: calc(50% - min(360px, 25vw));
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item5 img {
  position: absolute;
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(-32deg);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item5 {
    display: none;
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item6 {
  position: absolute;
  top: calc(50% + min(90px, 6.25vw));
  left: calc(50% + min(220px, 15.278vw));
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item6 {
    top: calc(50% + min(170px, 43.59vw));
    left: calc(50% + min(80px, 20.513vw));
    width: min(197.77px, 50.71vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item6 img {
  position: absolute;
  width: min(293px, 20.347vw);
  height: min(3px, 0.208vw);
  object-fit: cover;
  transform: translate(-50%, -50%) rotate(-32deg);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-deco-line .line-item6 img {
    width: min(197.77px, 50.71vw);
    height: min(2.03px, 0.521vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-bg {
  position: absolute;
  z-index: 1;
  top: calc(50% - min(140px, 9.722vw));
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(779px, 54.097vw);
  height: min(723px, 50.208vw);
  mix-blend-mode: color-dodge;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-layer-wrapper .about-bg {
    top: calc(50% - min(120px, 30.769vw));
    width: min(464.83px, 119.187vw);
    height: min(431.41px, 110.618vw);
  }
}
.about-section .about-content-wrapper .about-layer-wrapper .about-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-section .about-content-wrapper .about-text-wrapper {
  margin: 0 auto;
  width: min(840px, 58.333vw);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-text-wrapper {
    width: min(366px, 93.846vw);
  }
}
.about-section .about-content-wrapper .about-text-wrapper .about-text-separator {
  width: min(840px, 58.333vw);
  padding: min(52px, 3.611vw) 0;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-text-wrapper .about-text-separator {
    width: min(366px, 93.846vw);
  }
}
.about-section .about-content-wrapper .about-text-wrapper .about-text-separator img {
  width: 100%;
}
.about-section .about-content-wrapper .about-text-wrapper .about-text {
  font-size: min(20px, 1.389vw);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-text-wrapper .about-text {
    font-size: min(20px, 5.128vw);
  }
}
.about-section .about-content-wrapper .about-text-wrapper .about-text::selection {
  background-color: #fd411c;
  color: #fff;
}
.about-section .about-content-wrapper .about-text-wrapper .about-text:not(:last-child) {
  margin-bottom: min(20px, 1.389vw);
}
@media (max-width: 767px) {
  .about-section .about-content-wrapper .about-text-wrapper .about-text:not(:last-child) {
    margin-bottom: min(20px, 5.128vw);
  }
}
.news-section {
  position: relative;
  background: url(../imgs/pt/pt-cross.png) #545454;
  background-size: 107px 185px;
  background-repeat: repeat;
  padding-bottom: min(300px, 20.833vw);
}
@media (max-width: 767px) {
  .news-section {
    background-size: 85.6px 148px;
    padding-bottom: min(100px, 25.641vw);
  }
}
.news-section .deco-triangle-bottom img {
  width: 100%;
}
.news-section .news-content-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: -8.333vw auto 0;
  max-width: 1440px;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper {
    margin: 0;
    justify-content: space-between;
    padding-top: min(42px, 10.769vw);
  }
}
.news-section .news-content-wrapper .news-title-wrapper {
  width: min(567px, 39.375vw);
  height: auto;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-title-wrapper {
    width: min(78px, 20vw);
  }
}
.news-section .news-content-wrapper .news-title-wrapper .news-title {
  width: min(102.52px, 7.119vw);
  height: min(401.55px, 27.885vw);
  margin: 0 min(40px, 2.778vw) 0 auto;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-title-wrapper .news-title {
    width: 14.762vw;
    height: 57.815vw;
    margin: 0;
  }
}
.news-section .news-content-wrapper .news-title-wrapper .news-title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list {
  display: flex;
  flex-direction: column;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item {
  width: min(996px, 69.167vw);
  background: #181818;
  color: #eee;
  position: relative;
  transition: 0.5s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item {
    width: 80vw;
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item:not(:last-child) {
  border: 1px solid #333;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .deco-yellow-star {
  width: min(18px, 1.25vw);
  height: min(18px, 1.25vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: min(40px, 2.778vw);
  transform-origin: center;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .deco-yellow-star {
    width: min(18px, 4.615vw);
    height: min(18px, 4.615vw);
    left: min(20px, 5.128vw);
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .deco-yellow-star img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.5s;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner {
  padding: 2.222vw 2.778vw 2.222vw 5vw;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner {
    padding: min(32px, 8.205vw) min(20px, 5.128vw) min(32px, 8.205vw) min(54px, 13.846vw);
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: min(14px, 0.972vw);
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper {
    align-items: flex-start;
    gap: min(16px, 4.103vw);
    margin-bottom: min(14px, 3.59vw);
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper .news-date {
  font-size: min(13px, 0.903vw);
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper .news-date {
    font-size: min(13px, 3.333vw);
  }
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper .category-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: min(8px, 2.051vw);
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper .category-wrapper .news-category {
  font-size: min(13px, 0.903vw);
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 0 min(10px, 0.694vw);
  margin-left: min(16px, 1.111vw);
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-date-category-wrapper .category-wrapper .news-category {
    font-size: min(13px, 3.333vw);
    padding: 0 min(10px, 2.564vw);
    margin-left: 0;
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-content-title {
  display: block;
  font-weight: 700;
  font-size: min(16px, 1.111vw);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item .news-link .news-link-inner .news-content-title {
    font-size: min(16px, 4.103vw);
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item::before {
  content: "";
  width: 110%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  transform: skew(-25deg) scale(0, 1);
  transform-origin: left top;
  transition: 0.5s;
  z-index: 1;
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item::before {
    width: 140%;
  }
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item:hover {
  transition: 0.5s;
  color: #111;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item:hover .news-link .news-link-inner .news-date-category-wrapper .news-category {
  border: 1px solid #111;
}
.news-section .news-content-wrapper .news-list-button-wrapper .news-list .news-item:hover::before {
  transform: skew(-25deg) scale(1, 1);
  transform-origin: left top;
}
.news-section .news-content-wrapper .news-list-button-wrapper .button-item {
  margin-top: min(24px, 1.667vw);
}
@media (max-width: 767px) {
  .news-section .news-content-wrapper .news-list-button-wrapper .button-item {
    margin-top: min(24px, 6.154vw);
  }
}
.kv-parallax {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 6.25vw;
  margin-top: calc(-1 * min(300px, 20.833vw));
}
@media (max-width: 767px) {
  .kv-parallax {
    padding-top: 2.564vw;
    margin-top: calc(-1 * min(100px, 25.641vw));
  }
}
.kv-parallax .deco-yellow-triangle-top {
  width: 36.806vw;
  height: 11.875vw;
}
@media (max-width: 767px) {
  .kv-parallax .deco-yellow-triangle-top {
    width: 49.744vw;
    height: 16.154vw;
  }
}
.kv-parallax .deco-yellow-triangle-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv-parallax .scroll-text-wrapper {
  width: 100%;
  position: relative;
  z-index: 1;
}
.kv-parallax .scroll-text-wrapper .scroll-text-inner {
  height: 8.125vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #111;
  width: 110%;
  transform: rotate(-9.5deg) skew(-9.5deg);
  transform-origin: left top;
}
@media (max-width: 767px) {
  .kv-parallax .scroll-text-wrapper .scroll-text-inner {
    height: 20.769vw;
  }
}
.kv-parallax .scroll-text-wrapper .scroll-text-inner::before, .kv-parallax .scroll-text-wrapper .scroll-text-inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
}
.kv-parallax .scroll-text-wrapper .scroll-text-inner::before {
  top: 0.694vw;
  left: 0;
}
@media (max-width: 767px) {
  .kv-parallax .scroll-text-wrapper .scroll-text-inner::before {
    top: 2.564vw;
  }
}
.kv-parallax .scroll-text-wrapper .scroll-text-inner::after {
  bottom: 0.694vw;
  left: 0;
}
@media (max-width: 767px) {
  .kv-parallax .scroll-text-wrapper .scroll-text-inner::after {
    bottom: 2.564vw;
  }
}
.kv-parallax .scroll-text-wrapper .scroll-text-inner .scroll-text {
  font-size: 4.444vw;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .kv-parallax .scroll-text-wrapper .scroll-text-inner .scroll-text {
    font-size: 9.231vw;
  }
}
.kv-parallax .scroll-text-wrapper .scroll-text-inner .scroll-text span {
  animation-name: scroll-right;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  display: inline-block;
  letter-spacing: 0.05em;
}
.kv-parallax .kv-parallax-img {
  position: relative;
  background: #fff;
  margin-top: -16.667vw;
  mask-image: url(../imgs/mask/mask-diamond-shape.png);
  mask-size: 100vw 56.181vw;
  mask-repeat: no-repeat;
  mask-position: 0 0;
  width: 100vw;
  height: 56.181vw;
}
.kv-parallax .kv-parallax-img img {
  position: absolute;
  top: -140px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .kv-parallax .kv-parallax-img img {
    top: -6.51vw;
  }
}
@media (max-width: 575px) {
  .kv-parallax .kv-parallax-img img {
    top: -50px;
  }
}
.videos-section {
  position: relative;
  z-index: 2;
  margin-top: -16.944vw;
}
.videos-section .deco-yellow-orange-triangle img {
  width: 100%;
}
.videos-section .videos-content-wrapper {
  background: #fd411c;
  padding-bottom: 120px;
  position: relative;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper {
    padding-top: min(28.1px, 7.205vw);
    padding-bottom: 100px;
  }
}
.videos-section .videos-content-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 31.736vw;
  height: 20.833vw;
  background: url(../imgs/deco/deco-geometric-videos.png);
  background-size: 31.736vw 20.833vw;
  background-repeat: no-repeat;
  z-index: 0;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper::before {
    width: min(274.2px, 70.308vw);
    height: min(180px, 46.154vw);
    background-size: min(274.2px, 70.308vw) min(180px, 46.154vw);
    bottom: min(10px, 2.564vw);
  }
}
.videos-section .videos-content-wrapper::after {
  content: "";
  position: absolute;
  top: -9.028vw;
  right: 0;
  width: 31.736vw;
  height: 20.833vw;
  background: url(../imgs/deco/deco-geometric-videos.png);
  background-size: 31.736vw 20.833vw;
  background-repeat: no-repeat;
  z-index: 0;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper::after {
    width: min(274.2px, 70.308vw);
    height: min(180px, 46.154vw);
    background-size: min(274.2px, 70.308vw) min(180px, 46.154vw);
    top: 0;
  }
}
.videos-section .videos-content-wrapper .videos-title {
  width: min(260.78px, 18.11vw);
  height: min(51.33px, 3.565vw);
  margin: 0 auto min(60px, 4.167vw);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .videos-title {
    width: min(208.63px, 53.495vw);
    height: min(41.6px, 10.667vw);
    margin: 0 auto min(60px, 15.385vw);
  }
}
.videos-section .videos-content-wrapper .videos-title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.videos-section .videos-content-wrapper .custom-scrollbar-container {
  position: relative;
  width: 100%;
  z-index: 1;
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list {
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list::-webkit-scrollbar {
  display: none;
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item {
  position: relative;
  margin-right: min(40px, 2.778vw);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item {
    margin-right: min(20px, 5.128vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item:first-child {
  margin-left: min(40px, 2.778vw);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item:first-child {
    margin-left: min(12px, 3.077vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link {
  position: relative;
  display: block;
  width: min(404px, 28.056vw);
  height: min(227px, 15.764vw);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link {
    width: min(242px, 62.051vw);
    height: min(136px, 34.872vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .video-img {
  width: min(404px, 28.056vw);
  height: min(227px, 15.764vw);
  border: 1px solid #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .video-img {
    width: min(242px, 62.051vw);
    height: min(136px, 34.872vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .video-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-pin {
  position: absolute;
  top: min(14px, 0.972vw);
  right: min(18.15px, 1.26vw);
  width: min(16px, 1.111vw);
  height: min(26px, 1.806vw);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-pin {
    top: min(8.4px, 2.154vw);
    right: min(6.53px, 1.674vw);
    width: min(14px, 3.59vw);
    height: min(22.75px, 5.833vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-pin img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star1 {
  position: absolute;
  z-index: 2;
  width: min(92.5px, 6.424vw);
  height: min(92.5px, 6.424vw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star1 {
    width: min(54px, 13.846vw);
    height: min(54px, 13.846vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star2 {
  position: absolute;
  z-index: 1;
  width: min(92.5px, 6.424vw);
  height: min(92.5px, 6.424vw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: 0.2s;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star2 {
    width: min(54px, 13.846vw);
    height: min(54px, 13.846vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link:hover .video-img img {
  transition: 0.5s;
  transform-origin: center;
  transform: scale(1.1);
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-link:hover .deco-play-star2 {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: 0.2s;
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-title {
  font-size: min(16px, 1.111vw);
  margin-top: min(8px, 0.556vw);
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-title {
    font-size: min(16px, 4.103vw);
    margin-top: min(8px, 2.051vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-date {
  font-size: min(13px, 0.903vw);
  margin-top: min(8px, 0.556vw);
  line-height: 1.4;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .videos-list .video-item .video-item-date {
    font-size: min(13px, 3.333vw);
    margin-top: min(8px, 2.051vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track {
  position: absolute;
  bottom: calc(-1 * min(38px, 2.639vw));
  left: 50%;
  transform: translateX(-50%);
  width: min(694px, 48.194vw);
  height: min(12px, 0.833vw);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track {
    bottom: calc(-1 * min(44px, 11.282vw));
    width: min(366px, 93.846vw);
    height: min(12px, 3.077vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track::before {
  content: "";
  position: absolute;
  top: calc(-1 * min(3px, 0.208vw));
  left: calc(-1 * min(4px, 0.278vw));
  width: calc(100% + min(8px, 0.556vw));
  border-radius: min(10px, 0.694vw);
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track::before {
    top: calc(-1 * min(3px, 0.769vw));
    left: calc(-1 * min(4px, 1.026vw));
    width: calc(100% + min(8px, 2.051vw));
    border-radius: min(10px, 2.564vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track .custom-scrollbar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: min(395px, 27.431vw);
  height: min(6px, 0.417vw);
  border-radius: min(10px, 0.694vw);
  background: #ffc54a;
  cursor: pointer;
  transition: background 0.3s;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track .custom-scrollbar-thumb {
    width: min(188px, 48.205vw);
    height: min(6px, 1.538vw);
    border-radius: min(10px, 2.564vw);
  }
}
.videos-section .videos-content-wrapper .custom-scrollbar-container .custom-scrollbar-track .custom-scrollbar-thumb:hover {
  background: rgba(255, 197, 74, 0.5);
}
.videos-section .videos-content-wrapper .button-item {
  margin: min(76px, 5.278vw) auto 0;
}
@media (max-width: 767px) {
  .videos-section .videos-content-wrapper .button-item {
    margin: min(72px, 18.462vw) auto 0;
  }
}
.talents-section {
  position: relative;
  background: url(../imgs/pt/pt-cross.png) #111111;
  background-size: 107px 185px;
  background-repeat: repeat;
  padding: 8.333vw 0;
}
@media (max-width: 767px) {
  .talents-section {
    background-size: 85.6px 148px;
    padding: 25.641vw 0;
  }
}
.talents-section .talents-title {
  width: min(302.69px, 21.02vw);
  height: min(55.8px, 3.875vw);
  margin: 0 auto min(60px, 4.167vw);
}
@media (max-width: 767px) {
  .talents-section .talents-title {
    width: min(242.15px, 62.09vw);
    height: min(44.64px, 11.446vw);
    margin: 0 auto min(60px, 15.385vw);
  }
}
.talents-section .talents-title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.talents-section .talents-list-wrapper {
  overflow: hidden;
  width: 100%;
  height: 47.222vw;
  display: flex;
  align-items: center;
  cursor: grab;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper {
    height: 88.205vw;
  }
}
.talents-section .talents-list-wrapper .talents-list {
  width: 100%;
  height: 46.181vw;
  position: relative;
  display: flex;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list {
    height: 85.256vw;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 17.778vw;
  height: 46.181vw;
  margin-right: 2.778vw;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll {
    width: 32.821vw;
    height: 85.256vw;
    margin-right: 5.128vw;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item {
  width: 17.778vw;
  height: 46.181vw;
  position: relative;
  transform: rotateX(calc((var(--ratio-x) - 0.5) * 30deg)) rotateY(calc((var(--ratio-y) - 0.5) * -30deg));
  transition: 0.1s;
  display: inline-block;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item {
    width: 32.821vw;
    height: 85.256vw;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link {
  display: block;
  width: 17.778vw;
  height: 46.181vw;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link {
    width: 32.821vw;
    height: 85.256vw;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 17.778vw;
  height: 46.181vw;
  mask-image: url(../imgs/deco/deco-talents-bg.png);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: 0 0;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-bg {
    width: 32.821vw;
    height: 85.256vw;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-bg::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-img {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17.778vw;
  height: 36.875vw;
  filter: saturate(20%);
  transition: 0.5s;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-img {
    width: 32.692vw;
    height: 68.028vw;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .high-light {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  mask-image: url(../imgs/deco/deco-talents-bg.png);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: 0 0;
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  text-wrap: nowrap;
  padding: 8px 20px;
  background: #111;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.4;
  color: #fff;
  z-index: 4;
}
@media (max-width: 767px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item .talent-item-link .talent-item-name {
    font-size: 2.308vw;
    padding: 1.026vw 3.59vw;
  }
}
@media (min-width: 768px) {
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll:hover .talent-item {
    translate: calc((var(--ratio-x) - 0.5) * -5%) calc((var(--ratio-y) - 0.5) * -5%);
    transition: 0.1s;
  }
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll:hover .talent-item .talent-item-bg:after {
    background: linear-gradient(180deg, #fd411c 0%, #f2b637 38%, #76b537 66%, #48bab0 100%);
    mix-blend-mode: color-dodge;
  }
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll:hover .talent-item .talent-item-img {
    filter: saturate(100%);
  }
  .talents-section .talents-list-wrapper .talents-list .talent-item-scroll:hover .talent-item .high-light {
    background: radial-gradient(circle at calc(var(--ratio-x) * 100%) calc(var(--ratio-y) * 100%), rgba(255, 255, 255, 0.6), transparent 50%);
    background-repeat: no-repeat;
  }
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item-active {
  translate: calc((var(--ratio-x) - 0.5) * -5%) calc((var(--ratio-y) - 0.5) * -5%);
  transition: 0.1s;
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item-active .talent-item-link .talent-item-bg:after {
  background: linear-gradient(180deg, #fd411c 0%, #f2b637 38%, #76b537 66%, #48bab0 100%);
  mix-blend-mode: color-dodge;
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item-active .talent-item-link .talent-item-img {
  filter: saturate(100%);
}
.talents-section .talents-list-wrapper .talents-list .talent-item-scroll .talent-item-active .talent-item-link .high-light {
  background: radial-gradient(circle at calc(var(--ratio-x) * 100%) calc(var(--ratio-y) * 100%), rgba(255, 255, 255, 0.6), transparent 50%);
  background-repeat: no-repeat;
}
.talents-section .button-item {
  margin: 4.167vw auto 0;
}
@media (max-width: 767px) {
  .talents-section .button-item {
    margin: 8.205vw auto 0;
  }
}
.backdrop-kv-section {
  position: relative;
  display: block;
  width: 100%;
  height: 71.111vw;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .backdrop-kv-section {
    height: 100vh;
  }
}
.footer-minus-margin {
  margin-top: -13.194vw;
}
@media (max-width: 767px) {
  .footer-minus-margin {
    margin-top: -12.821vw;
  }
}
.footer {
  position: relative;
}
.footer .deco-triangle-footer {
  width: 100%;
  height: auto;
}
.footer .deco-triangle-footer img {
  width: 100%;
}
.footer .footer-content-wrapper {
  background: #000;
  margin-top: -1px;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper {
    padding-top: min(21px, 5.385vw);
  }
}
.footer .footer-content-wrapper .footer-link-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .footer-content-wrapper .footer-link-wrapper .footer-link {
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .footer-link-wrapper .footer-link {
    font-size: min(13px, 3.333vw);
  }
}
.footer .footer-content-wrapper .footer-link-wrapper .footer-link:hover {
  color: #fd411c;
}
.footer .footer-content-wrapper .footer-link-wrapper span {
  margin: 0 16px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .footer-link-wrapper span {
    margin: 0 min(16px, 4.103vw);
  }
}
.footer .footer-content-wrapper .follow-us-text {
  font-size: 13px;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .follow-us-text {
    font-size: min(13px, 3.333vw);
    margin-top: min(24px, 6.154vw);
  }
}
.footer .footer-content-wrapper .follow-us-text span {
  display: block;
  width: fit-content;
}
.footer .footer-content-wrapper .follow-us-text::before, .footer .footer-content-wrapper .follow-us-text::after {
  content: "";
  position: relative;
  width: 63px;
  height: 1px;
  background: #ccc;
  display: block;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .follow-us-text::before, .footer .footer-content-wrapper .follow-us-text::after {
    width: min(63px, 16.154vw);
  }
}
.footer .footer-content-wrapper .follow-us-text::before {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .follow-us-text::before {
    margin-right: min(10px, 2.564vw);
  }
}
.footer .footer-content-wrapper .follow-us-text::after {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .follow-us-text::after {
    margin-left: min(10px, 2.564vw);
  }
}
.footer .footer-content-wrapper .footer-sns-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .footer-sns-wrapper {
    column-gap: min(16px, 4.103vw);
    margin-top: min(8px, 2.051vw);
  }
}
.footer .footer-content-wrapper .footer-sns-wrapper .footer-sns-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 24px;
  border: 1px solid #333;
  border-radius: 50px;
  background: #111;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .footer-sns-wrapper .footer-sns-link {
    width: min(96px, 24.615vw);
    height: min(24px, 6.154vw);
    border-radius: min(50px, 12.821vw);
  }
}
.footer .footer-content-wrapper .footer-sns-wrapper .footer-sns-link img {
  width: 16px;
  height: 16px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .footer-sns-wrapper .footer-sns-link img {
    width: min(16px, 4.103vw);
    height: min(16px, 4.103vw);
  }
}
.footer .footer-content-wrapper .footer-sns-wrapper .footer-sns-link:hover {
  background: #2b2b2b;
}
.footer .footer-content-wrapper .footer-logo {
  width: min(610px, 42.361vw);
  height: min(177px, 12.292vw);
  margin: min(40px, 2.778vw) auto 0;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .footer-logo {
    width: min(260px, 66.667vw);
    height: min(75px, 19.231vw);
    margin: min(24px, 6.154vw) auto 0;
  }
}
.footer .footer-content-wrapper .footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .footer-content-wrapper .copyright {
  font-size: 13px;
  color: #ccc;
  text-align: center;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .footer .footer-content-wrapper .copyright {
    font-size: min(13px, 3.333vw);
    margin-top: min(16px, 4.103vw);
  }
}
.page-wrapper {
  padding-top: min(40px, 2.778vw);
}
@media (max-width: 767px) {
  .page-wrapper {
    padding: min(10px, 2.564vw) 0 min(38px, 9.744vw);
  }
}
.page-wrapper .content-wrapper {
  margin: 0 auto;
  max-width: 902px;
}
.page-wrapper .page-separator {
  display: block;
  margin: 0 auto;
  width: min(840px, 58.333vw);
}
@media (max-width: 767px) {
  .page-wrapper .page-separator {
    width: min(366px, 93.846vw);
  }
}
.page-wrapper .page-separator img {
  width: 100%;
}
.page-wrapper .page-separator-none-responsive {
  display: block;
  margin: 0 auto;
  width: min(100%, 840px);
}
.page-wrapper .page-separator-none-responsive img {
  width: 100%;
}
.page-wrapper .button-item {
  margin: min(60px, 4.167vw) auto 0;
}
@media (max-width: 767px) {
  .page-wrapper .button-item {
    margin: min(32px, 8.205vw) auto 0;
  }
}
.page-wrapper .button-item .button-item-inner .deco-arrow {
  margin-left: 0;
  margin-right: min(10px, 0.694vw);
}
@media (max-width: 767px) {
  .page-wrapper .button-item .button-item-inner .deco-arrow {
    margin-right: min(10px, 2.564vw);
  }
}
.page-wrapper .button-item .button-item-inner .deco-arrow img {
  transform: rotate(180deg);
}
.page-wrapper .button-item-none-responsive {
  margin: 60px auto 0;
}
@media (max-width: 767px) {
  .page-wrapper .button-item-none-responsive {
    margin: 32px auto 0;
  }
}
.page-wrapper .button-item-none-responsive .button-item-inner .deco-arrow {
  margin-left: 0;
  margin-right: 10px;
}
.page-wrapper .button-item-none-responsive .button-item-inner .deco-arrow img {
  transform: rotate(180deg);
}
.page-wrapper .page-margin {
  margin-top: min(44px, 3.056vw);
}
@media (max-width: 767px) {
  .page-wrapper .page-margin {
    margin-top: min(32px, 8.205vw);
  }
}
.page-wrapper .page-margin-none-responsive {
  margin-top: 44px;
}
.talent-list-page-wrapper .page-title-wrapper {
  height: min(215.8px, 14.986vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .page-title-wrapper {
    height: min(103.62px, 26.569vw);
  }
}
.talent-list-page-wrapper .page-title-wrapper .page-title::before {
  bottom: min(11.8px, 0.819vw);
  left: calc(-1 * min(84.04px, 5.836vw));
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .page-title-wrapper .page-title::before {
    bottom: min(13.85px, 3.551vw);
    left: calc(-1 * min(37.9px, 9.718vw));
  }
}
.talent-list-page-wrapper .page-title-wrapper .page-title::after {
  top: min(11px, 0.764vw);
  right: calc(-1 * min(126.75px, 8.802vw));
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .page-title-wrapper .page-title::after {
    top: min(5.8px, 1.487vw);
    right: calc(-1 * min(57.05px, 14.628vw));
  }
}
.talent-list-page-wrapper .page-title-wrapper .talent-list-page-title {
  width: min(302.69px, 21.02vw);
  height: min(55.8px, 3.875vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .page-title-wrapper .talent-list-page-title {
    width: min(193.72px, 49.672vw);
    height: min(35.71px, 9.156vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper {
  margin: 0 auto;
  max-width: min(1145px, 79.514vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper {
    max-width: none;
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper:not(:last-child) {
  margin-bottom: min(64px, 4.444vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper:not(:last-child) {
    margin-bottom: min(64px, 16.41vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .group-name-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: min(32px, 2.222vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .group-name-wrapper {
    margin-bottom: min(32px, 8.205vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .group-name-wrapper img {
  width: min(345px, 23.958vw);
  height: min(15.3px, 1.063vw);
  object-fit: cover;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .group-name-wrapper img {
    width: 27.179vw;
    height: 3.923vw;
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .group-name-wrapper .group-name {
  margin: 0 min(12px, 0.833vw);
  font-size: min(20px, 1.389vw);
  font-weight: 700;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .group-name-wrapper .group-name {
    margin: 0 min(12px, 3.077vw);
    font-size: min(20px, 5.128vw);
    max-width: 30.769vw;
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(40px, 2.778vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list {
    gap: min(20px, 5.128vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item {
  position: relative;
  width: min(256px, 17.778vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item {
    width: min(250px, 41.538vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img {
  display: block;
  width: min(256px, 17.778vw);
  height: min(256px, 17.778vw);
  filter: saturate(20%);
  transition: 0.1s;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img {
    width: min(250px, 41.538vw);
    height: min(250px, 41.538vw);
    filter: saturate(100%);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img .talent-list-section-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: min(256px, 17.778vw);
  height: min(256px, 17.778vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img .talent-list-section-bg {
    width: min(250px, 41.538vw);
    height: min(250px, 41.538vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img .talent-list-section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img .talent-list-section-bg::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img:hover {
  filter: saturate(100%);
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-img:hover .talent-list-section-bg::after {
  background: linear-gradient(-135deg, #fd411c 0%, #f2b637 34%, #76b537 65%, #48bab0 100%);
  mix-blend-mode: color-dodge;
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-name {
  margin-top: min(8px, 0.556vw);
  font-weight: 700;
  line-height: 1.575;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-name {
    margin-top: min(12px, 2.051vw);
    font-size: min(24.68px, 4.103vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper {
  margin-top: min(8px, 0.556vw);
  display: flex;
  justify-content: center;
  column-gap: min(10px, 0.694vw);
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper {
    margin-top: min(12px, 2.051vw);
    column-gap: min(15.43px, 2.564vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon {
  position: relative;
  width: min(31px, 2.153vw);
  height: min(31px, 2.153vw);
  background: #111;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon {
    width: min(47.83px, 7.949vw);
    height: min(47.83px, 7.949vw);
  }
}
@media (hover: none) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon {
    transition: none !important;
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon::before {
  content: "";
  width: calc(100% + min(2px, 0.139vw));
  height: calc(100% + min(2px, 0.139vw));
  position: absolute;
  top: calc(-1 * min(1px, 0.069vw));
  left: calc(-1 * min(1px, 0.069vw));
  border-radius: 50px;
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  z-index: -1;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon::before {
    width: calc(100% + min(2px, 0.513vw));
    height: calc(100% + min(2px, 0.513vw));
    top: calc(-1 * min(1px, 0.256vw));
    left: calc(-1 * min(1px, 0.256vw));
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon img {
  width: min(16px, 1.111vw);
  height: min(16px, 1.111vw);
  object-fit: contain;
}
@media (max-width: 767px) {
  .talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon img {
    width: min(24.68px, 4.103vw);
    height: min(24.68px, 4.103vw);
  }
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon:hover {
  background: transparent;
}
.talent-list-page-wrapper .talent-list-section .talent-list-section-wrapper .talent-list-section-list .talent-list-section-item .talent-list-section-sns-wrapper .social-icon:hover img {
  filter: brightness(0);
}
.talent-detail-page-wrapper .talent-detail-section {
  position: relative;
  z-index: 1;
  min-height: 49.722vw;
}
@media (min-width: 2000px) {
  .talent-detail-page-wrapper .talent-detail-section {
    height: 43.2vw;
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section {
    min-height: auto;
    margin-bottom: min(40px, 10.256vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-mask-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 45.972vw;
  z-index: -1;
  background: #545454;
  background-image: url(../imgs/pt/pt-cross.png);
  background-size: 107px 185px;
  mask-image: url(../imgs/mask/mask-bg-talent-detail.png);
  mask-size: 100% 45.972vw;
  mask-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-mask-bg {
    height: 114.103vw;
    background-size: 85.6px 148px;
    mask-size: 100% min(445px, 114.103vw);
    mask-image: url(../imgs/mask/mask-bg-talent-detail-sp.png);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-mask-bg .talent-detail-mask-bg-img {
  width: 100%;
  object-fit: cover;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-mask-bg .talent-detail-shadow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(-1 * 6.25vw);
  width: 62.5vw;
  height: 62.5vw;
  object-fit: cover;
  filter: saturate(0);
  mix-blend-mode: multiply;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-mask-bg .talent-detail-shadow {
    top: -9%;
    transform: translateY(0);
    right: calc(-1 * min(280px, 71.795vw));
    width: min(650px, 166.667vw);
    height: min(650px, 166.667vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper {
  width: min(1057px, 73.403vw);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper {
    width: min(366px, 93.846vw);
    flex-direction: column-reverse;
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info {
  width: min(429px, 29.792vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info {
    width: min(366px, 93.846vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .talent-detail-name {
  font-weight: 700;
  font-size: min(48px, 3.333vw);
  margin-bottom: min(24px, 1.667vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .talent-detail-name {
    font-size: min(32px, 8.205vw);
    margin-bottom: min(24px, 6.154vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .talent-detail-text {
  margin-bottom: min(24px, 1.667vw);
  font-size: min(16px, 1.111vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .talent-detail-text {
    font-size: min(16px, 4.103vw);
    margin-bottom: min(24px, 6.154vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list {
  margin-bottom: min(32px, 2.222vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list {
    margin-bottom: min(24px, 6.154vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list .character-profile-list-item {
  display: flex;
  align-items: center;
  column-gap: min(8px, 0.556vw);
  font-size: min(13px, 0.903vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list .character-profile-list-item {
    column-gap: min(8px, 2.051vw);
    font-size: min(13px, 3.333vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list .character-profile-list-item .profile-genre {
  padding: 0 min(4px, 0.278vw);
  background: #eee;
  color: #111;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list .character-profile-list-item .profile-genre {
    padding: 0 min(4px, 1.026vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list .character-profile-list-item:not(:last-child) {
  margin-bottom: min(10px, 0.694vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .character-profile-list .character-profile-list-item:not(:last-child) {
    margin-bottom: min(10px, 2.564vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item {
  display: block;
  width: min(300px, 20.833vw);
  height: min(44px, 3.056vw);
  position: relative;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item {
    width: min(300px, 76.923vw);
    height: min(44px, 11.282vw);
    margin: 0 auto;
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item::before {
  content: "";
  width: calc(100% + min(4px, 0.278vw));
  height: calc(100% + min(4px, 0.278vw));
  position: absolute;
  top: calc(-1 * min(2px, 0.139vw));
  left: calc(-1 * min(2px, 0.139vw));
  border-radius: 50px;
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  z-index: 1;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item::before {
    width: calc(100% + min(4px, 1.026vw));
    height: calc(100% + min(4px, 1.026vw));
    top: calc(-1 * min(2px, 0.513vw));
    left: calc(-1 * min(2px, 0.513vw));
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item .sns-button-item-inner {
  position: relative;
  z-index: 2;
  border-radius: min(50px, 3.472vw);
  background: #111111;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item .sns-button-item-inner {
    border-radius: min(50px, 12.821vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item .sns-button-item-inner img {
  width: min(20px, 1.389vw);
  height: min(20px, 1.389vw);
  object-fit: contain;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item .sns-button-item-inner img {
    width: min(20px, 5.128vw);
    height: min(20px, 5.128vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item:hover {
  transition: 0.5s;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item:hover .sns-button-item-inner {
  background: transparent;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item .sns-button-item:hover .sns-button-item-inner img {
  filter: brightness(0);
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item:not(:last-child) {
  margin-bottom: min(14px, 0.972vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-info .sns-list .sns-list-item:not(:last-child) {
    margin-bottom: min(14px, 3.59vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper {
  display: flex;
  justify-content: space-between;
  width: min(616px, 42.778vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper {
    width: min(366px, 93.846vw);
    flex-direction: column;
    margin-bottom: min(52px, 13.333vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-main-img-wrapper {
  width: min(496px, 34.444vw);
  height: min(686px, 47.639vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-main-img-wrapper {
    width: min(366px, 93.846vw);
    height: min(540px, 138.462vw);
    margin-bottom: min(12px, 3.077vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-main-img-wrapper .talent-detail-main-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-main-img-wrapper .talent-detail-main-img.active {
  display: block;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper {
  width: min(104px, 7.222vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper {
    width: min(366px, 93.846vw);
    display: flex;
    justify-content: center;
    column-gap: min(16px, 4.103vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item {
  width: min(104px, 7.222vw);
  height: min(122px, 8.472vw);
  position: relative;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item {
    width: min(62.4px, 16vw);
    height: min(73.2px, 18.769vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item::before {
  mask-image: url(../imgs/mask/mask-talent-detail-select-1.svg);
  mask-size: min(108px, 7.5vw) min(126px, 8.75vw);
  mask-repeat: no-repeat;
  content: "";
  position: absolute;
  width: calc(100% + min(4px, 0.278vw));
  height: calc(100% + min(4px, 0.278vw));
  top: calc(-1 * min(2px, 0.139vw));
  left: calc(-1 * min(2px, 0.139vw));
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  z-index: -1;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item::before {
    mask-size: min(64.8px, 16.615vw) min(75.6px, 19.385vw);
    width: min(64.8px, 16.615vw);
    height: min(75.6px, 19.385vw);
    top: calc(-1 * min(1.2px, 0.308vw));
    left: calc(-1 * min(1.2px, 0.308vw));
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item::after {
  mask-image: url(../imgs/mask/mask-talent-detail-select-2.svg);
  mask-size: min(104px, 7.222vw) min(122px, 8.472vw);
  mask-repeat: no-repeat;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #545454;
  z-index: 0;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item::after {
    mask-size: min(62.4px, 16vw) min(73.2px, 18.769vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item .talent-detail-select-button {
  position: relative;
  z-index: 1;
  mask-image: url(../imgs/mask/mask-talent-detail-select-2.svg);
  mask-size: min(104px, 7.222vw) min(122px, 8.472vw);
  mask-repeat: no-repeat;
  filter: saturate(20%);
  transition: 0.1s;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item .talent-detail-select-button {
    mask-size: min(62.4px, 16vw) min(73.2px, 18.769vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item .talent-detail-select-button img {
  width: min(104px, 7.222vw);
  height: min(122px, 8.472vw);
  object-fit: cover;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item .talent-detail-select-button img {
    width: min(62.4px, 16vw);
    height: min(73.2px, 18.769vw);
  }
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item.active::after {
  background: linear-gradient(190deg, #fd411c 0%, #f2b637 60%, #76b537 65%, #48bab0 100%);
  mix-blend-mode: color-dodge;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item.active .talent-detail-select-button {
  filter: saturate(100%);
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item:hover::after {
  background: linear-gradient(190deg, #fd411c 0%, #f2b637 60%, #76b537 65%, #48bab0 100%);
  mix-blend-mode: color-dodge;
}
.talent-detail-page-wrapper .talent-detail-section .talent-detail-section-wrapper .talent-detail-img-select-wrapper .talent-detail-select-wrapper .talent-detail-select-item:hover .talent-detail-select-button {
  filter: saturate(100%);
}
.talent-detail-page-wrapper .videos-section {
  margin-top: -2.778vw;
  z-index: 0;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .videos-section {
    margin-top: 0;
  }
}
.talent-detail-page-wrapper .videos-section .videos-content-wrapper .button-item .button-item-inner .deco-arrow {
  margin-left: min(10px, 0.694vw);
  margin-right: 0;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .videos-section .videos-content-wrapper .button-item .button-item-inner .deco-arrow {
    margin-left: min(10px, 2.564vw);
  }
}
.talent-detail-page-wrapper .videos-section .videos-content-wrapper .button-item .button-item-inner .deco-arrow img {
  transform: none;
}
.talent-detail-page-wrapper .talent-sub-list-section {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-sub-list-section {
    padding-top: 32px;
  }
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: min(20px, 1.389vw);
  width: min(749px, 52.014vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper {
    gap: min(16px, 4.103vw);
    width: min(307.2px, 78.769vw);
  }
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link {
  position: relative;
  display: block;
  width: min(108px, 7.5vw);
  height: min(126px, 8.75vw);
  mask-image: url(../imgs/mask/mask-talent-detail-select-1.svg);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link {
    width: min(64.8px, 16.615vw);
    height: min(75.6px, 19.385vw);
  }
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link .talent-sub-list-img {
  width: min(108px, 7.5vw);
  height: min(126px, 8.75vw);
  object-fit: cover;
  filter: saturate(20%);
  transition: 0.1s;
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link .talent-sub-list-img {
    width: min(64.8px, 16.615vw);
    height: min(75.6px, 19.385vw);
    filter: saturate(100%);
  }
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link .talent-sub-list-bg-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: min(108px, 7.5vw);
  height: min(126px, 8.75vw);
}
@media (max-width: 767px) {
  .talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link .talent-sub-list-bg-wrapper {
    width: min(64.8px, 16.615vw);
    height: min(75.6px, 19.385vw);
  }
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link .talent-sub-list-bg-wrapper .talent-sub-list-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link .talent-sub-list-bg-wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link:hover .talent-sub-list-img {
  filter: saturate(100%);
  transition: 0.1s;
}
.talent-detail-page-wrapper .talent-sub-list-section .talent-sub-list-section-wrapper .talent-sub-list-link:hover .talent-sub-list-bg-wrapper::after {
  background: linear-gradient(-135deg, #fd411c 0%, #f2b637 34%, #76b537 65%, #48bab0 100%);
  mix-blend-mode: color-dodge;
  transition: 0.5s;
}
@media (max-width: 530px) {
  .archive-article-page-wrapper {
    max-width: 500px;
    margin: 0 auto;
  }
}
.archive-article-page-wrapper .page-title-wrapper {
  height: min(211.26px, 14.671vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .page-title-wrapper {
    height: min(98.82px, 25.338vw);
  }
}
.archive-article-page-wrapper .page-title-wrapper .page-title::before {
  bottom: min(6.53px, 0.453vw);
  left: calc(-1 * min(75.99px, 5.277vw));
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .page-title-wrapper .page-title::before {
    bottom: min(8.94px, 2.292vw);
    left: calc(-1 * min(37.75px, 9.679vw));
  }
}
.archive-article-page-wrapper .page-title-wrapper .page-title::after {
  top: min(6px, 0.417vw);
  right: calc(-1 * min(105.14px, 7.301vw));
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .page-title-wrapper .page-title::after {
    top: min(3px, 0.769vw);
    right: calc(-1 * min(56.43px, 14.469vw));
  }
}
.archive-article-page-wrapper .page-title-wrapper .archive-article-page-title {
  width: min(200.77px, 13.942vw);
  height: min(51.26px, 3.56vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .page-title-wrapper .archive-article-page-title {
    width: min(128.49px, 32.946vw);
    height: min(32.8px, 8.41vw);
  }
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .category-scroll-wrapper {
    margin: 0 auto;
    width: fit-content;
  }
}
@media (max-width: 530px) {
  .archive-article-page-wrapper .archive-article-section .category-scroll-wrapper {
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .archive-article-page-wrapper .archive-article-section .category-scroll-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper {
  width: fit-content;
  margin: 0 auto min(60px, 4.167vw);
  border-radius: 50px;
  background: #000;
  border: 1px solid #333;
  padding: min(4px, 0.278vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper {
    margin: 0 min(12px, 3.077vw) min(32px, 8.205vw);
    padding: min(4px, 1.026vw);
  }
}
.archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper .category-list {
  display: flex;
  align-items: center;
  height: min(31px, 2.153vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper .category-list {
    height: min(31px, 7.949vw);
  }
}
.archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper .category-list .category-item {
  font-size: min(13px, 0.903vw);
  padding: 0 min(32px, 2.222vw);
  height: min(31px, 2.153vw);
  line-height: min(31px, 2.153vw);
  border-radius: 50px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper .category-list .category-item {
    font-size: min(13px, 3.333vw);
    padding: 0 min(32px, 8.205vw);
    height: min(31px, 7.949vw);
    line-height: min(31px, 7.949vw);
  }
}
.archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper .category-list .category-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.archive-article-page-wrapper .archive-article-section .category-scroll-wrapper .category-wrapper .category-list .category-item.active {
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  color: #111;
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper {
  width: min(1142px, 79.306vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper {
    width: min(500px, 90.769vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(40px, 2.778vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list {
    grid-template-columns: repeat(1, 1fr);
    gap: min(28.24px, 5.128vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link {
  display: block;
  height: 100%;
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-img {
  width: 100%;
  height: min(199.12px, 13.828vw);
  margin-bottom: min(8px, 0.556vw);
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-img {
    height: min(281.15px, 51.056vw);
    margin-bottom: min(11.296px, 2.051vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: min(8px, 0.556vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper {
    align-items: flex-start;
    margin-bottom: min(11.296px, 2.051vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper .archive-article-item-date {
  font-size: min(13px, 0.903vw);
  margin-right: min(16px, 1.111vw);
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper .archive-article-item-date {
    font-size: min(18.356px, 3.333vw);
    margin-right: min(22.59px, 4.103vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper .archive-article-item-category-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: min(4px, 0.278vw) min(8px, 0.556vw);
  align-items: center;
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper .archive-article-item-category-wrapper {
    gap: min(5.648px, 1.026vw) min(11.296px, 2.051vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper .archive-article-item-category-wrapper .archive-article-item-category {
  font-size: min(13px, 0.903vw);
  padding: 0 min(10px, 0.694vw);
  border-radius: 20px;
  border: min(1px, 0.069vw) solid #ccc;
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-date-category-wrapper .archive-article-item-category-wrapper .archive-article-item-category {
    font-size: min(18.356px, 3.333vw);
    padding: 0 min(14.12px, 2.564vw);
    border: 1px solid #ccc;
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-title {
  font-size: min(16px, 1.111vw);
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item .archive-article-item-link .archive-article-item-title {
    font-size: min(22.592px, 4.103vw);
  }
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item:hover .archive-article-item-link .archive-article-item-img img {
  transform: scale(1.1);
  transition: 0.5s;
}
.archive-article-page-wrapper .archive-article-section .archive-article-list-wrapper .archive-article-list .archive-article-item:hover .archive-article-item-link .archive-article-item-img::after {
  background: linear-gradient(-135deg, #fd411c 0%, #f2b637 38%, #76b537 74%, #48bab0 100%);
  mix-blend-mode: color-dodge;
}
.article-page-wrapper .article-section {
  padding: 0 12px;
}
.article-page-wrapper .article-section .article-content {
  max-width: 850px;
  margin: 0 auto;
}
.article-page-wrapper .article-section .article-content .article-date-category-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .article-page-wrapper .article-section .article-content .article-date-category-wrapper {
    justify-content: flex-end;
  }
}
.article-page-wrapper .article-section .article-content .article-date-category-wrapper .article-content-date {
  font-size: 13px;
  margin-right: 16px;
}
.article-page-wrapper .article-section .article-content .article-date-category-wrapper .article-content-category-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  align-items: center;
}
.article-page-wrapper .article-section .article-content .article-date-category-wrapper .article-content-category-wrapper .article-content-category {
  font-size: 13px;
  padding: 0 10px;
  border-radius: 20px;
  border: 1px solid #ccc;
}
.article-page-wrapper .article-section .article-content .article-content-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 32px;
}
.article-page-wrapper .article-section .article-content .article-content-img {
  width: 100%;
  margin-bottom: 32px;
}
.article-page-wrapper .article-section .article-content .article-content-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.video-list-page-wrapper .page-title-wrapper {
  height: min(211.33px, 14.676vw);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .page-title-wrapper {
    height: min(98.82px, 25.338vw);
  }
}
.video-list-page-wrapper .page-title-wrapper .page-title::before {
  bottom: min(6.6px, 0.458vw);
  left: calc(-1 * min(76.99px, 5.347vw));
}
@media (max-width: 767px) {
  .video-list-page-wrapper .page-title-wrapper .page-title::before {
    bottom: min(8.98px, 2.303vw);
    left: calc(-1 * min(38.55px, 9.885vw));
  }
}
.video-list-page-wrapper .page-title-wrapper .page-title::after {
  top: min(6px, 0.417vw);
  right: calc(-1 * min(117.14px, 8.135vw));
}
@media (max-width: 767px) {
  .video-list-page-wrapper .page-title-wrapper .page-title::after {
    top: min(3px, 0.769vw);
    right: calc(-1 * min(56.23px, 14.418vw));
  }
}
.video-list-page-wrapper .page-title-wrapper .video-list-page-title {
  width: min(260.78px, 18.11vw);
  height: min(51.33px, 3.565vw);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .page-title-wrapper .video-list-page-title {
    width: min(166.99px, 42.818vw);
    height: min(32.85px, 8.423vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper {
  width: min(1142px, 79.306vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper {
    width: min(500px, 90.769vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(40px, 2.778vw);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper .video-list {
    grid-template-columns: repeat(1, 1fr);
    gap: min(28.24px, 5.128vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link {
  position: relative;
  display: block;
  height: min(199.12px, 13.828vw);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link {
    height: min(281.15px, 51.056vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link .video-img {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  overflow: hidden;
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link .video-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star1 {
  position: absolute;
  z-index: 2;
  width: min(92.5px, 6.424vw);
  height: min(92.5px, 6.424vw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star1 {
    width: min(127.08px, 23.077vw);
    height: min(127.08px, 23.077vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star2 {
  position: absolute;
  z-index: 1;
  width: min(92.5px, 6.424vw);
  height: min(92.5px, 6.424vw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transition: 0.2s;
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link .deco-play-star-wrapper .deco-play-star2 {
    width: min(127.08px, 23.077vw);
    height: min(127.08px, 23.077vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link:hover .video-img img {
  transition: 0.5s;
  transform-origin: center;
  transform: scale(1.1);
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-link:hover .deco-play-star2 {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: 0.2s;
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-title {
  font-size: min(16px, 1.111vw);
  font-weight: 700;
  line-height: 1.4;
  margin-top: min(8px, 0.556vw);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-title {
    font-size: min(22.592px, 4.103vw);
    margin-top: min(11.296px, 2.051vw);
  }
}
.video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-date {
  font-size: min(13px, 0.903vw);
  line-height: 1.4;
  margin-top: min(8px, 0.556vw);
}
@media (max-width: 767px) {
  .video-list-page-wrapper .video-list-section .video-list-wrapper .video-list .video-item .video-item-date {
    font-size: min(18.356px, 3.333vw);
    margin-top: min(11.296px, 2.051vw);
  }
}
.guideline-page-wrapper {
  padding: 0 12px;
}
@media (max-width: 767px) {
  .guideline-page-wrapper {
    padding: 12px 12px 38px;
  }
}
.guideline-page-wrapper .page-title-wrapper {
  height: min(213.62px, 14.835vw);
}
@media (max-width: 767px) {
  .guideline-page-wrapper .page-title-wrapper {
    height: min(96.82px, 24.826vw);
  }
}
.guideline-page-wrapper .page-title-wrapper .page-title::before {
  bottom: min(8.9px, 0.618vw);
  left: calc(-1 * min(76.76px, 5.331vw));
}
@media (max-width: 767px) {
  .guideline-page-wrapper .page-title-wrapper .page-title::before {
    bottom: min(7.13px, 1.828vw);
    left: calc(-1 * min(37px, 9.487vw));
  }
}
.guideline-page-wrapper .page-title-wrapper .page-title::after {
  top: min(9px, 0.625vw);
  right: calc(-1 * min(116.75px, 8.108vw));
}
@media (max-width: 767px) {
  .guideline-page-wrapper .page-title-wrapper .page-title::after {
    top: min(1px, 0.256vw);
    right: calc(-1 * min(55.68px, 14.277vw));
  }
}
.guideline-page-wrapper .page-title-wrapper .guideline-page-title {
  width: min(415.55px, 28.858vw);
  height: min(53.62px, 3.724vw);
}
@media (max-width: 767px) {
  .guideline-page-wrapper .page-title-wrapper .guideline-page-title {
    width: min(240px, 61.538vw);
    height: min(31px, 7.949vw);
  }
}
.guideline-page-wrapper .guideline-section .guideline-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 36px;
}
.guideline-page-wrapper .guideline-section .guideline-subtitle {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  padding: 32px 0 30px;
  margin-bottom: 10px;
}
.guideline-page-wrapper .guideline-section .guideline-text {
  line-height: 1.75;
}
.guideline-page-wrapper .guideline-section .guideline-text-bold {
  font-weight: 700;
}
.guideline-page-wrapper .guideline-section .guideline-mb16 {
  margin-bottom: 16px;
  display: block;
}
.guideline-page-wrapper .guideline-section .guideline-mb26 {
  margin-bottom: 26px;
  display: block;
}
.guideline-page-wrapper .guideline-section .guideline-list {
  list-style: decimal;
  padding-left: 20px;
  line-height: 1.75;
}
.guideline-page-wrapper .guideline-section .guideline-list li:not(:last-child) {
  margin-bottom: 30px;
}
.guideline-page-wrapper .guideline-section .guideline-list li:last-child {
  margin-bottom: 16px;
}
.guideline-page-wrapper .guideline-section .page-margin-none-responsive {
  margin-top: 112px;
}
@media (max-width: 767px) {
  .guideline-page-wrapper .guideline-section .page-margin-none-responsive {
    margin-top: 48px;
  }
}
.privacy-policy-page-wrapper {
  padding: 0 12px;
}
@media (max-width: 767px) {
  .privacy-policy-page-wrapper {
    padding: 12px 12px 38px;
  }
}
.privacy-policy-page-wrapper .page-title-wrapper {
  height: min(211.33px, 14.676vw);
}
@media (max-width: 767px) {
  .privacy-policy-page-wrapper .page-title-wrapper {
    height: min(88.82px, 22.774vw);
  }
}
.privacy-policy-page-wrapper .page-title-wrapper .page-title::before {
  bottom: min(6.6px, 0.458vw);
  left: calc(-1 * min(78.37px, 5.442vw));
}
@media (max-width: 767px) {
  .privacy-policy-page-wrapper .page-title-wrapper .page-title::before {
    bottom: calc(-1 * min(0.87px, 0.223vw));
    left: calc(-1 * min(38px, 9.744vw));
  }
}
.privacy-policy-page-wrapper .page-title-wrapper .page-title::after {
  top: min(6px, 0.417vw);
  right: calc(-1 * min(117.52px, 8.161vw));
}
@media (max-width: 767px) {
  .privacy-policy-page-wrapper .page-title-wrapper .page-title::after {
    top: calc(-1 * min(7px, 1.795vw));
    right: calc(-1 * min(56.68px, 16.841vw));
  }
}
.privacy-policy-page-wrapper .page-title-wrapper .privacy-policy-page-title {
  width: min(546.02px, 37.918vw);
  height: min(51.33px, 3.565vw);
}
@media (max-width: 767px) {
  .privacy-policy-page-wrapper .page-title-wrapper .privacy-policy-page-title {
    width: min(252px, 64.615vw);
    height: min(23px, 5.897vw);
  }
}
.privacy-policy-page-wrapper .privacy-policy-section .privacy-policy-subtitle {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  padding: 32px 0 30px;
  margin-bottom: 10px;
}
.privacy-policy-page-wrapper .privacy-policy-section .privacy-policy-text {
  line-height: 1.75;
}
.privacy-policy-page-wrapper .privacy-policy-section .privacy-policy-mb16 {
  margin-bottom: 16px;
  display: block;
}
.privacy-policy-page-wrapper .privacy-policy-section .privacy-policy-list {
  list-style: decimal;
  padding-left: 16px;
  line-height: 1.75;
}
.privacy-policy-page-wrapper .privacy-policy-section .privacy-policy-list li:not(:last-child) {
  margin-bottom: 30px;
}
.privacy-policy-page-wrapper .privacy-policy-section .privacy-policy-list li:last-child {
  margin-bottom: 16px;
}
.privacy-policy-page-wrapper .privacy-policy-section .section-button-wrapper .section-button {
  width: 320px;
  height: 72px;
  border-radius: 40px;
  padding: 24px 0;
  gap: 16px;
  font-size: 20px;
}
.privacy-policy-page-wrapper .privacy-policy-section .section-button-wrapper .section-button img {
  transform: rotate(180deg);
}
.privacy-policy-page-wrapper .privacy-policy-section .section-button-wrapper .section-button::after {
  content: "";
  width: min(82.051vw, 320px);
  height: min(18.462vw, 72px);
  border-radius: min(10.256vw, 40px);
  border: 1px solid #fff;
  top: -1px;
  left: -1px;
}
.privacy-policy-page-wrapper .privacy-policy-section .section-button-wrapper .section-button:hover::after {
  top: min(2.564vw, 10px);
  transition: all 0.1s ease-in-out;
}
.privacy-policy-page-wrapper .privacy-policy-section .section-button-wrapper .section-button img {
  width: min(3.462vw, 13.5px);
  height: min(2.666vw, 10.4px);
}
.privacy-policy-page-wrapper .privacy-policy-section .page-margin-none-responsive {
  margin-top: 112px;
}
@media (max-width: 767px) {
  .privacy-policy-page-wrapper .privacy-policy-section .page-margin-none-responsive {
    margin-top: 48px;
  }
}
.contact-page-wrapper {
  padding: 0 12px 60px;
}
@media (max-width: 767px) {
  .contact-page-wrapper {
    padding: 12px 12px 38px;
  }
}
.contact-page-wrapper .page-title-wrapper {
  height: min(213.54px, 14.829vw);
}
@media (max-width: 767px) {
  .contact-page-wrapper .page-title-wrapper {
    height: min(99.82px, 25.595vw);
  }
}
.contact-page-wrapper .page-title-wrapper .page-title::before {
  bottom: min(8.82px, 0.613vw);
  left: calc(-1 * min(78.77px, 5.47vw));
}
@media (max-width: 767px) {
  .contact-page-wrapper .page-title-wrapper .page-title::before {
    bottom: min(10.4px, 2.667vw);
    left: calc(-1 * min(37.44px, 9.6vw));
  }
}
.contact-page-wrapper .page-title-wrapper .page-title::after {
  top: min(9px, 0.625vw);
  right: calc(-1 * min(115.92px, 8.05vw));
}
@media (max-width: 767px) {
  .contact-page-wrapper .page-title-wrapper .page-title::after {
    top: min(4px, 1.026vw);
    right: calc(-1 * min(55.23px, 14.162vw));
  }
}
.contact-page-wrapper .page-title-wrapper .contact-page-title {
  width: min(339.22px, 23.557vw);
  height: min(53.54px, 3.718vw);
}
@media (max-width: 767px) {
  .contact-page-wrapper .page-title-wrapper .contact-page-title {
    width: min(217.1px, 55.667vw);
    height: min(34.27px, 8.787vw);
  }
}
.contact-page-wrapper .contact-section .form_detail:not(:first-child) {
  margin-top: 3rem;
}
.contact-page-wrapper .contact-section .label_name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1rem;
  display: block;
}
.contact-page-wrapper .contact-section .req {
  margin-left: 4px;
  color: #fd411c;
}
.contact-page-wrapper .contact-section .wpcf7-not-valid-tip {
  color: #fd411c;
  margin-top: 6px;
  font-size: 14px;
}
.contact-page-wrapper .contact-section .wpcf7-list-item label {
  display: flex;
}
.contact-page-wrapper .contact-section .radio input[type="radio"], .contact-page-wrapper .contact-section .c-radio input[type="radio"] {
  opacity: 0;
  width: 0;
  margin: 0;
}
.contact-page-wrapper .contact-section .radio_btn .wpcf7-list-item {
  display: block;
  margin-top: 1rem;
  margin-left: 36px;
}
.contact-page-wrapper .contact-section .radio_btn input[type="radio"]:checked + .wpcf7-list-item-label::after {
  background: #fd411c;
}
.contact-page-wrapper .contact-section .radio_btn .wpcf7-list-item-label {
  opacity: 1;
  width: auto;
  height: auto;
  background: transparent;
  border-radius: initial;
  position: relative;
  display: flex;
}
.contact-page-wrapper .contact-section .radio_btn .wpcf7-list-item-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -36px;
  margin-right: 1rem;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #dcdcdc;
  border: dashed 2px transparent;
}
.contact-page-wrapper .contact-section .radio_btn .wpcf7-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 1;
  top: 50%;
  left: -32px;
  transform: translate(0%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  z-index: 1;
}
.contact-page-wrapper .contact-section .wpcf7-text {
  width: 100%;
  height: 56px;
  border-radius: 10px;
  padding: 0 16px;
  font-size: 16px;
  background: #fff;
  color: #000;
}
.contact-page-wrapper .contact-section .wpcf7-text::placeholder {
  color: #ccc;
}
.contact-page-wrapper .contact-section .wpcf7-text:focus {
  outline: 2px solid #f2b637;
}
.contact-page-wrapper .contact-section .wpcf7-textarea {
  width: 100%;
  height: 288px;
  border-radius: 10px;
  padding: 16px;
  font-size: 16px;
  background: #fff;
  color: #000;
  resize: none;
}
.contact-page-wrapper .contact-section .wpcf7-textarea:focus {
  outline: 2px solid #f2b637;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput {
  margin: 0 auto;
  display: flex;
  width: fit-content;
  font-size: 16px;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput a {
  text-decoration: underline;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
  background: #fd411c;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
  background: #eeeeee;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
  background: #eeeeee;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: #f5f5f5;
  border-radius: 4px;
  border: solid 2px #fff;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35%;
  height: 3px;
  transform: translate(-3px, 3px) rotate(-135deg);
  transform-origin: 1px 1px;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-DummyInput::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 3px;
  transform: translate(-3px, 3px) rotate(-45deg);
  transform-origin: 1px 1px;
}
.contact-page-wrapper .contact-section .ECM_CheckboxInput .ECM_CheckboxInput-LabelText {
  margin-left: 12px;
}
.contact-page-wrapper .contact-section .contact-submit-button {
  margin: 48px auto 0;
  display: block;
  width: 300px;
  height: 63px;
  position: relative;
}
.contact-page-wrapper .contact-section .contact-submit-button::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: calc(-1 * 2px);
  left: calc(-1 * 2px);
  border-radius: 50px;
  background: linear-gradient(90deg, #48bab0 0%, #76b537 25%, #f2b637 50%, #fd411c 100%);
  z-index: 1;
}
.contact-page-wrapper .contact-section .contact-submit-button .contact-submit-button-inner {
  position: relative;
  z-index: 2;
  border-radius: 50px;
  background: #111111;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.contact-page-wrapper .contact-section .contact-submit-button:hover {
  transition: 0.5s;
}
.contact-page-wrapper .contact-section .contact-submit-button:hover .contact-submit-button-inner {
  background: transparent;
  color: #111111;
}
.contact-page-wrapper .contact-section .disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.contact-page-wrapper .contact-section .wpcf7-response-output {
  border: none;
  color: #fd411c;
  text-align: center;
}
.contact-page-wrapper .contact-section .privacy-policy-link {
  transition: color 0.2s ease-in-out;
}
.contact-page-wrapper .contact-section .privacy-policy-link:hover {
  color: #fd411c;
}