/* common */
main { --common_padding-left: 58rem; }
.common__text { position: relative; padding-left: var(--common_padding-left); }
.common__text-small { position: absolute; inset: -6rem auto auto -6rem; transform: rotate(90deg); transform-origin: 0% 100%; font-size: 12rem; font-weight: 600; letter-spacing: 0.05em; color: var(--secondary); }
.common__h2 { font-size: var(--font_size42); font-weight: 400; line-height: 1.52380952; }
.common__h2-b { font-weight: 800; }
.common__h2-strong { color: var(--primary); }
.no_img { position: relative; }
.no_img::before { content: ""; position: absolute; inset: 0; background: #fff; }
.no_img::after { content: ""; position: absolute; inset: 0; background: url(/images/common/icon_no_image.png) no-repeat 50% / auto 60rem; filter: grayscale(1); opacity: 0.5; }

@media (max-width: 1279px) {
 .common_padding_y { padding: 80rem 0; }
}


/* visual */
.main_visual { position: relative; color: #fff; }
.main_visual .swiper-slide { position: relative; background: #000012; }
.main_visual .swiper-slide::before { content: ""; position: absolute; inset: 0; background: inherit no-repeat; }
.main_visual__inr {display: flex;box-sizing: border-box;}
.main_visual__text-h2 {font-size: var(--font_size55);font-weight: 700;font-family: 'Poppins';line-height: 1.42916667;letter-spacing: -0.0165em;text-shadow: 0.1em 0.13333333em 0.45em rgba(0, 0, 0, 0.1);}
.main_visual__text-p {margin-top: 0.833333em;font-size: var(--font_size18);line-height: 1.77777778;text-shadow: 0.33333333em 0.44444444em 1.5em rgba(0, 0, 0, 0.1);}
.main_visual__control {display: flex;align-items: center;gap: 52rem 40rem;position: absolute;inset: 0;box-sizing: border-box;pointer-events: none;z-index: 10;padding-left: 20rem;max-width: calc(1600 * 1rem);}
.main_visual__btn { position: relative; margin: 0 1rem; width: 10px; height: 10px; background: no-repeat 50%; pointer-events: auto; }
.main_visual__btn:not(.pause) { background-image: url(/images/main/icon_visual_pause.png); }
.main_visual__btn.pause { background-image: url(/images/main/icon_visual_play.png); }
.main_visual__btn-svg { position: absolute; margin: auto; inset: 50% auto auto 50%; width: 55px; height: 55px; transform: translate(-50%, -50%) rotate(-90deg); }
.main_visual__btn-svg circle { fill: none; stroke-width: 2px; stroke: #fff; stroke-linecap: round; stroke-dasharray: var(--total_length); stroke-dashoffset: var(--total_length); }
.main_visual__btn-svg.bg circle { opacity: 0.3; }
.main_visual__btn-svg.play:not(.bg) circle { animation: prograss_bar 5s linear both; }

.main_visual .scroll-cue { position: absolute; z-index: 1; display: flex; gap: 1.25em; width: fit-content; font: 300 16rem "Poppins"; color: #fff; right: 5%; top: 50%; transform: translateY(-50%); flex-direction: column; }
.main_visual .scroll-cue .scroll-label { writing-mode: sideways-lr; letter-spacing: 2rem; }
.main_visual .scroll-cue .scroll-track { position: relative; width: 2rem; height: 7.5em; contain: content; margin-inline: auto; background: #d9d9d9; }
.main_visual .scroll-cue .scroll-bar { position: absolute; top: 0; width: 100%; height: 50%; background: var(--primary); }

@media (prefers-reduced-motion: no-preference) {
  .main_visual .scroll-cue .scroll-bar { animation: hero-bar-slide-down 3s infinite; }
}
@keyframes hero-bar-slide-down {
	0% { top: 0; translate: 0 -100%; }
	100%, 70% { top: 100%; translate: 0; }
}
@keyframes prograss_bar {
  0% { stroke-dashoffset: var(--total_length); }
  100% { stroke-dashoffset: 0; }
}

#wrap .main_visual__control-pager { display: flex; gap: 30px 16px; position: relative; width: auto; bottom: auto; pointer-events: auto; }
#wrap .main_visual__control-pager .swiper-pagination-bullet {position: relative;margin: 0;width: 7rem;height: 7rem;background: #fff;}
.main_visual__control-pager
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity: 0.3; }
.main_visual__control-pager .swiper-pagination-bullet::before { content: ""; position: absolute; inset: -8rem; }

@media (prefers-reduced-motion: no-preference) {
  .main_visual .swiper-slide-active::before { animation: slide_bg 3s both; }
  @keyframes slide_bg {
    0% { transform: scale(1.05); }
    100% { transform: scale(1); }
  }
  .main_visual__text-h2 { opacity: 0; }
  .main_visual__text-p { opacity: 0; }
  .main_visual .swiper-slide-active .main_visual__text-h2 { animation: visual_txt 0.6s 0.5s both; }
  .main_visual .swiper-slide-active .main_visual__text-p { animation: visual_txt 0.6s 0.7s both; }
  @keyframes visual_txt {
    0% { transform: translateX(20rem); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
  }
}
@media (min-width: 768px) {
  .main_visual {height: calc(100vh - 100rem);}
  .main_visual .swiper-slide::before { background-position: 50% 50%; background-size: cover; }
  .main_visual .slide1::before { background-image: url(/images/main/img-mVis-01.jpg); }
  .main_visual .slide2::before { background-image: url(/images/main/img-mVis-02.jpg); }
  .main_visual .swiper-slide::after { content: ''; width: 100%; height: 100%; position: absolute; display: block; top: 0; background: linear-gradient(45deg, rgb(0 0 0 / 50%), transparent); }
  .main_visual__inr {align-items: flex-end;padding-bottom: 100rem;max-width: calc(1600 * 1rem);}
  .main_visual__control {}
  .main_visual__text > span { font-size: 40rem; }
}
@media (max-width: 1279px) and (min-width: 768px) {
  .main_visual { height: 600rem; }
  .main_visual .swiper-slide::before { opacity: 0.5; }
}
@media (max-width: 767px) {
  .main_visual { aspect-ratio: 360/630; }
  .main_visual .swiper-slide::before { background-position: 50% 0%; background-size: 100% auto; }
  .main_visual .slide1::before { background: url(/images/main/img-mVis-01.jpg) no-repeat 50% / cover; }
  .main_visual .slide2::before { background: url(/images/main/img-mVis-02.jpg) no-repeat 50% / cover; }
  .main_visual__inr { padding-top: 106%; }
  .main_visual__control { padding-bottom: 40rem; }
}

/* Email CTA */
.main_email { background: #fafafa; }
.main_email .email-form { display: flex; flex-direction: column; align-items: center; gap: 50rem; padding: 100rem 0; }
.main_email .email-form .tit { font: 400 40rem "Poppins"; text-align: center; }
.main_email .email-form .tit b, b.blue { color: #125ba9; }
.main_email .email-form .input { display: flex; gap: 20rem; }
.main_email .email-form .input input { font: 300 18rem 'Poppins'; border: none; border-bottom: 1rem solid #222; margin: 0; height: 55rem; width: 550rem; background: transparent; }
.main_email .email-form .input .btn-send { background: #222; border: 1rem solid #222; color: white; font: 300 18rem 'Poppins'; display: flex; align-items: center; gap: 20rem; padding: 15rem 40rem; border-radius: 500rem; transition: all .3s; }
.main_email .email-form .input .btn-send i { background: url(/images/main/send-btn.svg) no-repeat; background-size: contain; width: 18rem; height: 20rem; }
.main_email .email-form .input .btn-send:hover { background: transparent; border: 1rem solid #222; color: #222; }
.main_email .email-form .input .btn-send:hover i { filter: invert(1); }

@media (max-width: 1024px) {
  .main_email .email-form { padding: 50rem 0; }
  .main_email .email-form .input .btn-send:hover { background: transparent; border: 1rem solid #222; color: #222; }
  .main_email .email-form .input .btn-send:hover i { filter: invert(1); }
  .main_email .email-form .tit { font-size: 30rem; }
  .main_email .email-form .input input { width: auto; }
  .main_email .email-form .input .btn-send { padding: 5rem 20rem; }
}

/* Main News */
/* news */
.main_news{ overflow: hidden; }
.main_news .common__title{ text-align: center; }
.main_news [role="tablist"]{ display: flex; justify-content: center; gap: 2.16666667em; margin-top: 1.41666667em; font-size: var(--font_size24); }
.main_news [role="tab"]{ position: relative; font-weight: 600; cursor: pointer; }
.main_news [role="tab"] + [role="tab"]::before{ content: ''; position: absolute; top: 0.58333333em; left: -1.16666667em; aspect-ratio: 1/1; width: 6rem; background: #ccc; border-radius: 50%;  }
.main_news [aria-selected="false"]{ color: #ccc; }
.main_news [aria-selected="true"]{ color: #555; }
[role="tabpanel"]{ contain:layout; margin-top: 52rem; }
[role="tabpanel"]:not([aria-hidden="false"]){ display: none; }
[aria-hidden="true"]{ height: 0; visibility: hidden; opacity: 0; }
.main_news_swiper{ contain: layout; clip-path: inset(-100vh 0);  }
.main_news__a{ display: block; padding: 49rem 39rem 42rem; border: 1rem solid #e1e1e1; box-sizing: border-box; }
.main_news__cate{ display: inline-flex; justify-content: center; align-items: center; padding: 4rem 13rem; box-sizing: border-box; border: 2rem solid currentColor; border-radius: 3em; font-size: 15rem; font-weight: 600; color: var(--secondary); }
/* .main_news__cate{ display: inline-flex; justify-content: center; align-items: center; width: 66rem; height: 22rem; padding-top: 2rem; border: 2rem solid currentColor; border-radius: 3em; font-size: 15rem; font-weight: 600; color: var(--secondary); } */
.main_news__title{ margin-top: 21rem; font-size: 18rem; font-weight: 600; }
.main_news__comment{ margin: 15rem 0 24rem; height: 3.25em; font-weight: 300; line-height: 1.625; color: #555; -webkit-line-clamp: 2; }
.main_news__date{ font-weight: 300; color: #888; }
.main_story__inr{ position: absolute; inset: 0; max-width: 1600rem; }
.main_news_control{ display: flex; justify-content: space-between; align-items: center; position: absolute; margin: auto; inset: 0; max-width: 1600rem; z-index: 1; }
.main_news_control__btn{ display: inline-flex; justify-content: center; align-items: center; position: relative; aspect-ratio: 1/1; width: 60rem; background: #000; }
.main_news_control__btn.swiper-button-disabled{ opacity: .2; }
.main_news_control__btn::before{ content: ''; display: inline-block; width: 8rem; height: 14rem; background: no-repeat 50% / contain; }
.main_news_control__btn.prev::before{ background-image: url('/images/main/icon_news_arrow_right.svg'); transform: scale(-1); }
.main_news_control__btn.next::before{ background-image: url('/images/main/icon_news_arrow_right.svg'); }
.main_news__scrollbar{position: absolute !important;inset: auto 0 -35rem !important;height: 3rem !important;background: #eee;width: 100% !important;}
.main_news__scrollbar .swiper-scrollbar-drag{ background: #000; border-radius: 0; }
@media(prefers-reduced-motion:no-preference){
	.main_news__a{ transition: .4s; }
}
@media(hover:hover){
	.main_news__a:hover{ border-color: #555; }
}
@media(min-width:1280px){
	.main_news{ padding: 108rem 0 183rem; }
	.main_news__scrollbar{bottom: -63rem !important;}
}
@media(max-width:1279px){
	.main_news{ padding-bottom: 100rem; }
	.main_news_control{ display: none; }
}

/* Slider Logo hide */
.client {
    display: none;
}