
/*  common  */
body {scroll-behavior: none !important;}
img {width: 100%;}
mark {background: unset; color: unset;}
ul, li, button {list-style: none; border: none;}
.hidden_pc {
  display: none;
}
.hidden_mo {
  display: block;
}

.half_price {
  overflow: hidden;
  --c_primary : #E5191A;
  --c_white: #fff;
  --c_black: #000;
  --inner_wid_max: 1380px;
  --padding_defalut: 180px 50px;
  --padding_horizontal: 50px;
}
.inner {
  --gap: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap);
  max-width: var(--inner_wid_max);
  width: 100%;
  height: 100%;
  padding: var(--padding_defalut);
  margin: 0 auto;
}
.half_price .tit {
  text-align: center;
}
.half_price h3 {    
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1px;
}
.half_price h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1px;
}
.half_price h5 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
}
.half_price p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}
.half_price h5 + h3 {
  padding-top: 4px;
}

/*  aside   */
.timer {
  position: fixed;
  bottom: 48px;
  width: 100%;
  height: 60px;
  z-index: 5;
}
.timer .inner {
  max-width: 916px;
  padding: 0;
  padding: 0 50px;
}
.timer a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  background: var(--c_white);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);
}
.timer .tit {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timer h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.timer .num {
  display: flex;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--c_primary);
}

/*  visual  */
.visual_coupon_wrap{
  text-align: center;
  background: var(--c_primary);
  position: relative;
  overflow: hidden;
}
.visual_coupon_wrap .inner{
  padding: 128px 50px;
}
.visual_coupon_wrap .visual_tit{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.visual_coupon_wrap .visual_tit .tit_txt{
  margin-top: 12px;
}
.visual_coupon_wrap .visual_tit p{
  color: var(--c_white);
  font-size: 30px;
  line-height: 1.4;
  font-weight: 500;
}
.visual_coupon_wrap .visual_tit b{
  display: inline;
  font-weight: 800;
  line-height: 1.4;
  font-size: 30px;
}
.visual_coupon_wrap .coupon_left{
  position: absolute;
  top: 0;
  right: calc(50% + 66px);
  width: 480px;
  height: 580px;
}
.visual_coupon_wrap .coupon_left .left_coupon{
  position: absolute;
  will-change: transform, opacity;
  animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-in-hor-left;
}
.visual_coupon_wrap .coupon_left .left_coupon1{
  width: 320px;
  height: 151px;
  top: 0;
  left: 103px;
  z-index: 3;
}
.visual_coupon_wrap .coupon_left .left_coupon2{
  width: 252px;
  height: 312px;
  top: 66px;
  left: 0;
  animation-delay: .1s;
  z-index: 2;
}
.visual_coupon_wrap .coupon_left .left_coupon3{
  width: 209px;
  height: 248px;
  left: 0;
  bottom: 50px;
  animation-delay: .2s;
  z-index: 1;
}
.visual_coupon_wrap .coupon_left .left_coupon4{
  width: 447px;
  height: 318px;
  right: 0;
  bottom: 50px;
  animation-delay: .3s;
}
.visual_coupon_wrap .coupon_right{
  position: absolute;
  bottom: 0;
  left: calc(50% - 2px);
  perspective: 1000px;
  width: 552px;
  height: 666px;
}
.visual_coupon_wrap .coupon_right .right_coupon{
  position: absolute;
  will-change: transform, opacity;
  animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 normal both running scale-in-hor-right;
}
.visual_coupon_wrap .coupon_right .right_coupon5{
  width: 454px;
  height: 281px;
  top: 50px;
  left: 0;
  animation-delay: .4s;
}
.visual_coupon_wrap .coupon_right .right_coupon6{
  width: 262px;
  height: 199px;
  top: 50px;
  right: -2px;
  animation-delay: 0.5s;
}
.visual_coupon_wrap .coupon_right .right_coupon7{
  width: 188px;
  height: 288px;
  right: 5px;
  bottom: 182px;
  animation-delay: .6s;
}
.visual_coupon_wrap .coupon_right .right_coupon8{
  width: 251px;
  height: 245px;
  right: 131px;
  bottom: 0;
  animation-delay: .7s;
}
.visual_coupon_wrap .coupon_right .right_coupon9{
  width: 212px;
  height: 51px;
  left: 17px;
  bottom: 0;
  animation-delay: .8s;
}
.visual_coupon_wrap .txt_visual1{
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
}
.visual_coupon_wrap .txt_visual1 svg{
  animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s 1 normal both running scale-in-center;
}
.visual_coupon_wrap .txt_visual2 {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  margin-top: 29px;
}
.visual_coupon_wrap .txt_visual2 svg{
  animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s 1 normal both running scale-in-center;
}
.visual_coupon_wrap .btn{
  background: var(--c_white);
  color: var(--c_black);
}
.visual_coupon_wrap .btn:after{
  background: var(--c_black);
}
.visual_coupon_wrap .visual_tit .info{
  display: flex;
  font-size: 18px;
  color: var(--c_white);
  margin: 16px 0 24px;
  letter-spacing: 0;
}
.visual_coupon_wrap .visual_tit .info em{
  display: flex;
  align-items: center;
}
.visual_tit .info em::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, .5);
  margin: 0 8px;
}
/*  info_wrap   */
.info_wrap{
  background: var(--c_black);
}
.info_wrap .inner{
  flex-direction: column;
}
.info_wrap{
  background: var(--c_black);
}
.info_wrap .txt_talk{
  background: var(--c_white);
  border-radius: 100px;
  padding: 4px 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 170%; 
  color: var(--c_black);
  position: relative;
  display: inline-block;
}
.info_wrap .txt_talk:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -7px;
  left: calc(50% - 5px);
  width: 10px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M5.848 6.6432C5.45633 7.26987 4.54367 7.26987 4.152 6.6432L-2.54292e-07 -8.74228e-07L10 0L5.848 6.6432Z' fill='white'/%3E%3C/svg%3E");
}
.info_wrap h5{
  margin-top: 16px;
}
.info_wrap h5 + h3 mark{
  color: var(--c_primary);
}
.info_wrap .info_six_wrap{
  background: var(--c_white);
  border-radius: 8px;
  padding: 32px 43px 30px;
  text-align: center;
}
.info_wrap .info_six_wrap .total{
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}
.info_wrap .info_six_wrap .total span{
  background: var(--c_white);
  display: inline-block;
  padding: 0 8px;
}
.info_wrap .info_six_wrap .total::after{
  content: '';
  display: block;
  height: 53px;
  width: calc(100% - 21px);
  margin: -17px auto 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='742' height='53' viewBox='0 0 742 53' fill='none'%3E%3Cpath d='M1 52V52C242.978 -16.0155 499.022 -16.0155 741 52V52' stroke='black' stroke-dasharray='6 6'/%3E%3C/svg%3E");
}
.info_wrap .info_six_wrap h4{
  color: var(--c_white);
  font-size: 24px;
  font-weight: 700;
  line-height: 140%; 
}
.info_wrap .info_six_wrap p{
  margin-top: 24px;
}
.info_wrap .six_box{
  display: flex;
}
.info_wrap .six_box>div{
  display: flex;
  width: 380px;
  height: 80px;
  justify-content: center;
  align-items: center;
}
.info_wrap .six_box .six_contrat{
  border-radius: 8px;
  background: var(--c_black);
}
.info_wrap .six_box .six_free{
  border-radius: 8px;
  background: var(--c_primary);
  position: relative;
}
.info_wrap .six_box .six_free::before{
  content: '';
  display: block;
  width: 33px;
  height: 32px;
  position: absolute;
  top: calc(50% - 16px);
  left: -16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Crect x='0.5' width='32' height='32' rx='16' fill='%23E5191A'/%3E%3Cpath d='M14.997 17.503H10.5V14.497H14.997V10H18.003V14.497H22.5V17.503H18.003V22H14.997V17.503Z' fill='white'/%3E%3C/svg%3E");
}
.six_contrat::before {
  content: '';
  position: absolute;
  top: 16px;
  right: -157px;
  display: block;
  width: 198px;
  height: 226px;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/coupon_area_tag.png') no-repeat center;
  background-size: contain;
  transform-origin: left top;
  animation: 4s tagWobble .4s infinite ease-in-out;    
  z-index: 1;
}
.info_wrap .six_contrat::before{
  display: none;
}
.info_wrap .six_box .six_free:after{
  content: '';
  display: block;
  width: 196px;
  height: 228px;
  position: absolute;
  top: 7px;
  right: -162px;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/250722/half_area_tag.png') no-repeat center;
  background-size: contain;
  transform-origin: left top;
  animation: 4s tagWobble .4s infinite ease-in-out;
}
.info_wrap .btn{
  animation: warningBlink 2s linear infinite;
}



/*  point_scroll  */
.point_scroll {
  position: relative;
  background: #F1F1F1;
  overflow: hidden;
  min-height: calc(100vh - 72px);
}
.point_scroll .inner {   
  align-items: flex-start; 
  margin: 0 auto;
}
.point_scroll .txt_area {
  display: flex;
  flex-direction: column;
  gap: 40px;    
  max-width: 846px;
  width: 100%;
  margin: 0 auto;
}
.point_scroll .explain_box {
  position: relative;  
  text-align: center;
  width: 100%;
  background: rgba(255, 255, 255, .7);
  padding: 32px 0 24px;
  border-radius: 8px;
}
.point_scroll .explain_box::before {
  content: '\d328\d30c  ONLY!';
  position: absolute;
  top: -18px;
  left: calc(50% - 53px);
  display: block;
  width: 106px;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: var(--c_white);
  mask-image: url("data:image/svg+xml,%3Csvg width='106' height='44' viewBox='0 0 106 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='106' y='35' width='106' height='35' rx='17.5' transform='rotate(-180 106 35)' fill='%230165FF'/%3E%3Cpath d='M53.8742 41.4265C53.4932 42.1123 52.5068 42.1123 52.1258 41.4265L48 34L58 34L53.8742 41.4265Z' fill='%230165FF'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-size: 100%;
  background: var(--c_primary);
  padding-top: 4px;
  animation: upDown .8s ease-in-out infinite alternate;
}
.point_scroll h3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.point_scroll h3::after {
  content: '';
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/250722/point_loupe.png') no-repeat center;
  background-size: cover;
}
.explain_box ul {
  text-align: left;
  max-width: 446px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 16px auto 0;
}
.explain_box ul > li {
  list-style: decimal;
  list-style-position: inside;
  min-width: 206px;
  font-size: 20px;
  font-weight: 700;
}
.explain_box ul > li::marker {
  color: var(--c_primary);
}
.point_conts {    
  display: flex;    
  justify-content: flex-start;
  gap: 16px;
  width: max-content;
  height: 323px;
  will-change: transform;
  padding: 0;
}
.point_conts .item {
  position: relative;
  width: 282px;
  line-height: 0;
  background: var(--c_white);
  border-radius: 8px;
  overflow: hidden;
}
.item_txt {
  padding: 24px 20px;
}
.item_txt h5 {
  font-weight: 700;
}
.line-badges {
  display: flex;
  gap: 6px;
  padding-bottom: 6px;
}
.badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  color: var(--c_white);
  background: #000;
  border-radius: 50%;
}
.line1 {background: #3455B4;}
.line2 {background: #2CC160;}
.line3 {background: #FF8936;}
.line4 {background: #00B0F0;}
.line6 {background: #B26017;}
.line7 {background: #3455B4;}
.line9 {background: #D0A439;}
.bundang {background: #FFCE32;}
.shinbundang {background: #DA304D;}
.gyeonggang {background: #7DDADA;}
.airport {background: #66B4DF;}

.point_conts .item > img {
  width: 100%;
  height: 180px;
}
.item_tag {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: fit-content;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--c_white);
  background: var(--c_black);
  padding: 12px 8px;
  border-radius: 0 0 0 8px;
}


/*  for_headcount   */
.headcount_ul {
  max-width: 1064px;
  margin: 0 auto;
}
.headcount_ul > li {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.headcount_ul > li + li {
  margin-top: 60px;
}
.headcount_ul .txt_box {
  width: max(27%, 287px);
}
.headcount_ul .img_box {
  position: relative;
  width: min(70%, 736px);
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
}
.headcount_ul figcaption,
.facilities_wrapper figcaption {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 49px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4.5px);
}
.headcount_ul figcaption{
  bottom: -49px;
  transition: bottom 0.3s ease-in-out .2s;
}
.headcount_ul .__ani figcaption {
  bottom: 0;
}
.headcount_ul .txt_box p{
  font-size: 20px;
}

/*  free_advantage  */
.free_advantage {
  background: var(--c_primary);
}
.advantage_wrapper {
  max-width: 1137px;
  width: 100%;
}
.advantage_swiper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 24px;
  max-width: 1137px;
}
.advantage_swiper li {
  min-height: 360px;
  background: var(--c_white);
  padding: 40px 44px;
  border-radius: 8px;
}
.advantage_swiper .txt_box {
  max-width: 345px;
}
.advantage_swiper h4 {
  font-size: 34px;
  padding-bottom: 16px;
}
.advantage_swiper p{
  color: #3a3a3a;
}
.advantage_swiper li > img {  
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 206px;
  width: 16.553vw;
}
.swiper-pagination-bullet-active{
  background: #E5191A;
}

/*  good_facilities  */
.facilities_wrapper {
  position: relative;
  text-align: center;
  max-width: 1138px;
  width: 100%;
}
.facilities_wrapper .swiper-slide {
  opacity: 0 !important;
}
.facilities_wrapper .swiper-slide-active {
  opacity: 1 !important;
}
.facilities_wrapper figure {
  position: relative;
  margin-bottom: 60px;
  border-radius: 8px;
  overflow: hidden;
}
.facilities_wrapper figcaption {
  bottom: 0;
}
.facilities_wrapper .__swiper-navigation__circle {
  position: absolute;
  bottom: 102px !important;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.facilities_wrapper .swiper-pagination-bullet {
  margin: 0 !important;
}
.facilities_wrapper .swiper-button-next, 
.facilities_wrapper .swiper-button-prev {
  top: calc(50% - 45px);
}

/*  section_award   */
.section_award {
  background: var(--c_primary);
}

/*  last_banner   */
.last_banner_wrap{
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/250722/bg_last_banner.jpg') no-repeat center;
  background-size: cover;
  position: relative;
}
.last_banner_wrap .last_banner_talk{
  background-color: var(--c_white);
  display: inline-block;
  color: var(--c_black);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  padding: 8px 24px;
  border-radius: 1000px;
  position: relative;
  opacity: 0;
  transform: translateY(-5%);
  transition: .5s transform .8s ease-in-out, .5s opacity .8s ease-in-out;
}
.last_banner_wrap .last_banner_talk:after{
  content: '';
  display: block;
  width: 14px;
  height: 12px;
  position: absolute;
  bottom: -12px;
  left: calc(50% - 6px);
  background: var(--c_white);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M6.13622 10.5192C6.5221 11.1807 7.4779 11.1807 7.86378 10.5192L14 0H0L6.13622 10.5192Z' fill='white'/%3E%3C/svg%3E");
}
.last_banner_wrap .__ani .last_banner_talk {
  opacity: 1;
  transform: translateY(0%);
}
.last_banner_wrap h3 p{
  position: relative;
  overflow: hidden;
  margin-top: 36px;
}
.last_banner_wrap h3 p img{
 max-width: 624px;
}
.last_banner_wrap h3 p:after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 200%;
  height: 72px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.00) 100%);
}
.last_banner_wrap .__ani h3 p::after{
  animation: width 1s ease forwards;
}

/*    exeption :: common setting   */
.__white,
.__white h5, .__white h3, .__white h4  {
  color: var(--c_white);
}
.__colmn {
  flex-direction: column;
}
.quick_link_new, 
.timer {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.quick_link_new.visible,
.timer.visible {
  opacity: 1;
  visibility: visible;
}

/*  btn   */
.point_scroll .btn_grp {
  margin: 0 auto;
}
.btn {
  display: inline-block;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 56px;
  text-indent: 8px;
  font-size: 18px;
  font-weight: 600;
  color: var(--c_white);
  background: var(--c_primary);
  padding: 0 48px;
  border-radius: 8px;
}
.btn._floting {
  height: 40px;
  padding: 0 24px;
  border-radius: 100px;
}
.btn._min {
  gap: 16px;
  height: 64px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-indent: 0;
  padding: 0 24px 0 32px;
  margin-top: 24px;
  border-radius: 1000px;
}
.btn._black {
  color: var(--c_white);
  background: var(--c_black);
}
.btn._white {
  color: var(--c_black);
  background: var(--c_white);
}
.btn::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_279_105' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_279_105)'%3E%3Cmask id='mask1_279_105' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='16' height='16'%3E%3Crect x='4' y='4' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_279_105)'%3E%3Cpath d='M13.6502 11.9995L8.75024 7.09947C8.58357 6.9328 8.50301 6.73558 8.50857 6.5078C8.51413 6.28003 8.60024 6.0828 8.7669 5.91614C8.93357 5.74947 9.13079 5.66614 9.35857 5.66614C9.58635 5.66614 9.78357 5.74947 9.95024 5.91614L15.0669 11.0495C15.2002 11.1828 15.3002 11.3328 15.3669 11.4995C15.4336 11.6661 15.4669 11.8328 15.4669 11.9995C15.4669 12.1661 15.4336 12.3328 15.3669 12.4995C15.3002 12.6661 15.2002 12.8161 15.0669 12.9495L9.93357 18.0828C9.7669 18.2495 9.57246 18.33 9.35024 18.3245C9.12801 18.3189 8.93357 18.2328 8.7669 18.0661C8.60024 17.8995 8.5169 17.7022 8.5169 17.4745C8.5169 17.2467 8.60024 17.0495 8.7669 16.8828L13.6502 11.9995Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");  
  mask-size: cover;
  background: var(--c_white);
}
.btn._white::after {
  background: var(--c_black);
}
.coupon_info .btn {
  animation: btnColor .4s linear infinite alternate;
}



@keyframes tagWobble {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(3deg); }
  40%  { transform: rotate(-2deg); }
  60%  { transform: rotate(2deg); }
  80%  { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}
@keyframes visualRolling {
  0% {background-position: -5642px center;}
  100% {background-position: center;}
}
@keyframes btnColor {
  0% {background: var(--c_white);}
  100% {background: #FFFCAF;}
}
@keyframes upDown {
  0% {transform: translateY(0);}
  100% {transform: translateY(-15%);}
}
@keyframes width {
  0%,50%{
    width: 200%;
  }
  100%{
    width: 120px;
  }
}
@keyframes warningBlink {
  0%, 100% {
    background-color: var(--c_primary);
  }
  50% {
    background-color: #7E0E12;
  }
}
@keyframes scale-in-hor-right {
  0% {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1
}
  100% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1
  }
}
@keyframes scale-in-center {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
  }
}



@media (min-width: 961px) and (hover: hover) {
  .btn:hover,.free_advantage .btn._black:hover,.info_wrap .btn:hover {
    background: var(--c_white);
    color: var(--c_black);
  }
  .visual_coupon_wrap .btn:hover,.headcount_ul .btn:hover,.btn._floting:hover {
    background: var(--c_black);
    color: var(--c_white);
  }
  .btn._black:hover {
    background: var(--c_primary);
    color: var(--c_white);
  }
  .btn._black:hover::after, .visual_coupon_wrap .btn:hover:after,.headcount_ul .btn:hover::after,.btn._floting:hover:after{
    background: var(--c_white);
  }
  .free_advantage .btn:hover::after,.btn.free_advantage .btn:hover:after,.info_wrap .btn:hover::after,.btn:hover::after {
    background: var(--c_black);
  }
  .info_wrap .btn:hover,.info_wrap .btn:hover::after{
    animation: none;
  }


}

/* pc only */
@media (min-width: 961px) and (max-width: 1100px) {
  .point_scroll .inner {
    max-width: 846px;
  }
}
@media (min-width: 1101px) and (max-width: 1600px) {
  .point_scroll .inner {
    max-width: 1020px;
  }
}

/* mo */
@media (max-width: 960px) {
  .half_price {
    --inner_wid_max: 500px;
    --padding_defalut: 120px 20px;
    --padding_horizontal: 20px;
  }
  .hidden_pc {
    display: block;
  }
  .hidden_mo {
    display: none;
  }
  .inner {
    --gap: 40px;
  }
  .half_price h3 {
    font-size: 34px;
  }
  .half_price h4 {
    font-size: 26px;
  }
  .half_price h5 {
    font-size: 22px;
  }
  .half_price p {
    font-size: 16px;
  }
  .half_price h5 + h3 {
    padding-top: 2px;
  }

  .timer  {
    bottom: 22px;
  }
  .timer .inner {
    max-width: 500px;
    padding: 0 20px;
  }
  .timer .tit {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .timer .tit h5 {
    font-size: 12px;
  }
  .timer .num {
    font-size: 18px;
  }

  /* visual */
  .visual_coupon_wrap .inner{
    padding: 117px 20px 126px;
  }
  .visual_coupon_wrap .visual_tit .tit_txt{
    margin-top: 6px;
  }
  .visual_coupon_wrap .visual_tit p{
    font-size: 24px;
    font-weight: 400;
  }
  .visual_coupon_wrap .visual_tit b{
    font-size: 24px;
  }
  .visual_coupon_wrap .txt_visual1{
    gap: 2px;
  }
  .visual_coupon_wrap .txt_visual2{
    gap: 2px;
    margin-top: 15px;
  }
  .visual_coupon_wrap .coupon_left{
    right: auto;
    left: 0;
    top: 0;
    width: 192px;
    height: 264px;
  }
  .visual_coupon_wrap .coupon_left .left_coupon_m1{
    width: 126px;
    height: 57px;
    top: 0;
    right: 4px;
  }
  .visual_coupon_wrap .coupon_left .left_coupon_m2{
    width: 90px;
    height: 121px;
    left: 0;
    top: 22px;
    animation-delay: .1s;
  }
  .visual_coupon_wrap .coupon_left .left_coupon_m3{
    width: 192px;
    height: 124px;
    left: 0;
    bottom: 28px;
    animation-delay: .2s;
  }
  .visual_coupon_wrap .coupon_right{
    left: auto;
    right: 0;
    bottom: 0;
    width: 202px;
    height: 308px;
  }
  .visual_coupon_wrap .coupon_right .right_coupon_m5{
    width: 202px;
    height: 167px;
    top: 30px;
    right: 0;
    animation-delay: .3s;
  }
  .visual_coupon_wrap .coupon_right .right_coupon_m6{
    width: 84px;
    height: 146px;
    right: 0;
    bottom: 34px;
    animation-delay: .4s;
  }
  .visual_coupon_wrap .coupon_right .right_coupon_m7{
    width: 132px;
    height: 85px;
    right: 52px;
    bottom: 0;
    animation-delay: .5s;
  }
  .visual_coupon_wrap .visual_tit .info{
    font-size: 16px;
    margin: 15px auto 16px;
  }
  .visual_coupon_wrap .visual_tit .info em::after{
    margin: 0 6px;
    background: rgba(255, 255, 255, .3);
  }

  /* info */
  .info_wrap .txt_talk{
    font-size: 14px;
  }
  .info_wrap .info_six_wrap{
    width: 100%;
  }
  .info_wrap .info_six_wrap .total span{
    padding: 0 6px;
  }
  .info_wrap .six_box>div{
    max-width: 152px;
    width: 50%;
    height: 88px;
  }
  .info_wrap .info_six_wrap{
    padding: 36px 16px 32px;
  }
  .info_wrap .info_six_wrap .total{
    font-size: 22px;
  }
  .info_wrap .info_six_wrap .total::after{
    width: calc(100% - 16px);
    margin-top: -20px;
    height: 46px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='46' viewBox='0 0 290 46' fill='none'%3E%3Cpath d='M1 45V45C88.1994 -13.1329 201.801 -13.1329 289 45V45' stroke='black' stroke-dasharray='6 6'/%3E%3C/svg%3E");
    max-width: 288px;
  }
  .info_wrap .info_six_wrap h4{
    font-size: 22px;
  }
  .info_wrap .six_box{
    justify-content: center;
  }
  .info_wrap .six_box .six_free::before{
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='12' fill='%23E5191A'/%3E%3Cpath d='M10.7475 13.2525H7V10.7475H10.7475V7H13.2525V10.7475H17V13.2525H13.2525V17H10.7475V13.2525Z' fill='white'/%3E%3C/svg%3E");
    top: calc(50% - 12px);
    left: -12px;
  }
  .info_wrap .six_box .six_free:after{
    width: 80px;
    height: 80px;
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/250722/half_area_tag_m.png') no-repeat center;
    background-size: cover;
    right: -25px;
    top: -57px;
  }
  .info_wrap .info_six_wrap p{
    margin-top: 20px;
  }
  .six_contrat::before {
    top: 14px;
    right: -81.5px;
    width: 110px;
    height: 140px;
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/coupon_area_tag_m.png') no-repeat center;
    background-size: contain;
  }

  .point_scroll .inner {
    padding: var(--padding_defalut);
  }
  .explain_box ul {
    flex-direction: column;
    max-width: 202px;
    gap: 4px;
    margin-top: 12px;
  }
  .explain_box ul > li {
    font-size: 18px;
    min-width: auto;
  }
  .badge{
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
  .point_scroll {
    min-height: calc(100vh - 60px);
    /* height: 100dvh; */
  }
  .point_scroll .explain_box::before {
    left: calc(50% - 48px);
    width: 96px;
    height: 40px;
    font-size: 14px;
    mask-image: url("data:image/svg+xml,%3Csvg width='96' height='40' viewBox='0 0 96 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='96' y='32' width='96' height='32' rx='16' transform='rotate(-180 96 32)' fill='%230165FF'/%3E%3Cpath d='M48.8742 38.4265C48.4932 39.1123 47.5068 39.1123 47.1258 38.4265L43 31L53 31L48.8742 38.4265Z' fill='%230165FF'/%3E%3C/svg%3E%0A");
  }
  .point_scroll h3 {width: fit-content; margin: 0 auto;}
  .point_scroll h3::after {
    position: absolute;
    right: -28px;
    bottom: 5px;
    display: inline-block;
    width: 22px;
    height: 36px;
    background-size: contain;
  }
  .point_conts {
    height: 304px;
  }
  .point_conts .item {
    width: 240px;
  }
  .item_tag{
    padding: 10px 8px;
  }
  .item_txt{
    padding: 20px 24px;
  }


  .headcount_ul {
    max-width: none;
  }
  .headcount_ul .img_box {
    width: 100%;
    border-radius: 0 0 8px 8px;
  }
  .headcount_ul > li {
    background: #f1f1f1;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    border-radius: 8px;
  }
  .headcount_ul > li + li {
    margin-top: 24px;
  }
  .headcount_ul .txt_box {
    text-align: center;
    padding-top: 24px;
  }
  .headcount_ul p {
    font-size: 18px;
  }
  .headcount_ul figcaption {        
    text-align: center;
    height: 74px;
    font-size: 16px;
    bottom: -74px;
  }


  .advantage_wrapper {
    overflow: hidden;
  }
  .advantage_swiper {
    display: flex;
    gap: 0;
  }
  .advantage_swiper h4{
    padding-bottom: 8px;
  }
  .advantage_swiper p{
    font-size: 18px;
  }
  .advantage_swiper li {    
    min-height: 364px;
    padding: 30px;
  }
  .advantage_swiper li > img {
    width: 148px;
  }
  .advantage_pagination {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }
  ._paging {
    display: flex;
    gap: 2px;
    width: fit-content;
    font-size: 16px;
    color: rgba(255, 255, 255, .3);
  }
  ._paging .swiper-pagination-current {
    color: var(--c_white);
  }
  .free_advantage ._progressbar {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    overflow: hidden;
  }
  ._progressbar .swiper-pagination-progressbar-fill {
    background: var(--c_white);
  }

  .facilities_swiper .swiper-slide p {
    max-width: 335px;
    margin: 0 auto;
  }
  .facilities_wrapper figcaption {
    height: 40px;
    font-size: 16px;
  }
  .facilities_wrapper figure {
    margin-bottom: 48px;
  }
  .facilities_wrapper .__swiper-navigation__circle {
    bottom: 108px !important
  }

  /* last_banner */
  .last_banner_wrap{
   background:url(/wp-content/themes/fastfive/assets/event/250701_half_price/img/250722/bg_last_banner_m.jpg) center center / cover no-repeat
  }
  .last_banner_wrap .last_banner_talk{
    font-size: 18px;
    line-height: 150%;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .last_banner_wrap .last_banner_talk:after{
    width: 10px;
    height: 8px;
    bottom: -7px;
    left: calc(50% - 5px);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M5 8L10 0H0L5 8Z' fill='white'/%3E%3C/svg%3E");
  }
  .last_banner_wrap h3 p{
    margin-top: 20px;
  }
  .last_banner_wrap h3 p img{
    max-width: 296px;
  }
  .last_banner_wrap h3 p:after{
    top: auto;
    bottom: 0;
    height: 53px;
  }


  .quick_link_new.visible{
    opacity: 0;
    visibility: hidden;
  }

  .btn {
    font-size: 16px;
    padding: 0 32px;
    margin: 0 auto;
  }
  .btn._min {        
    gap: 0;
    height: 32px;
    font-size: 12px;
    line-height: 1.7;
    text-indent: 4px;
    padding: 0 16px;
    margin-top: 12px;
  }
  .btn._floting {    
    height: 32px;
    font-size: 12px;
    padding: 0px 20px;
    margin: unset;
  }
  .btn._min::after,
  .btn._floting::after {
    width: 20px;
    height: 20px;
    mask-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_297_664' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='21' height='20'%3E%3Crect x='0.5' width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_297_664)'%3E%3Cmask id='mask1_297_664' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='3' width='15' height='14'%3E%3Crect x='3.8335' y='3.33334' width='13.3333' height='13.3333' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_297_664)'%3E%3Cpath d='M11.8753 9.99955L7.79194 5.91622C7.65306 5.77733 7.58593 5.61298 7.59056 5.42316C7.59519 5.23335 7.66694 5.06899 7.80583 4.9301C7.94472 4.79122 8.10907 4.72177 8.29889 4.72177C8.4887 4.72177 8.65306 4.79122 8.79194 4.9301L13.0558 9.20788C13.1669 9.31899 13.2503 9.44399 13.3058 9.58288C13.3614 9.72177 13.3892 9.86066 13.3892 9.99955C13.3892 10.1384 13.3614 10.2773 13.3058 10.4162C13.2503 10.5551 13.1669 10.6801 13.0558 10.7912L8.77806 15.069C8.63917 15.2079 8.47713 15.275 8.29194 15.2704C8.10676 15.2658 7.94472 15.194 7.80583 15.0551C7.66694 14.9162 7.5975 14.7519 7.5975 14.562C7.5975 14.3722 7.66694 14.2079 7.80583 14.069L11.8753 9.99955Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }

}