/* Body font Size */
video {
  object-fit: cover;
}

.section__vis {
  position: relative;
  max-height: 1080px;
  overflow: hidden;
}
.section__vis__item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section__vis__item .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4%;
  z-index: 2;
}
.section__vis__ttl {
  width: 816px;
  height: 128px;
}
.section__vis__desc {
  margin-top: 30px;
  color: #ffffff;
  font-size: 67px;
  font-weight: 700;
  line-height: 100%;
}
.section__vis__desc .date {
  font-size: 80px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 8px;
}
.section__vis .btn_fill {
  width: 230px;
  margin-top: 23px;
}
.section__package {
  background-image: url(https://discoverglo.s3.ap-northeast-2.amazonaws.com/images/2023/air/teaser/air_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.section__package .inner {
  padding: 100px 196px;
  text-align: center;
}
.section__package figure {
  width: 1050px;
  height: 640px;
  margin: 0 auto;
}
.section__package figure img {
  width: 100%;
  height: 100%;
}
.section__package__ttl {
  color: #000000;
  margin-bottom: 120px;
}
.section__package__ttl h2 {
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -1.44px;
}
.section__package__ttl p {
  margin-top: 32px;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.64px;
}
.section__package__ttl .date {
  vertical-align: top;
}
.section__package__txt {
  margin-top: 75px;
}
.section__package__txt .air__kit__tit {
  color: #000000;
  font-size: 60px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.2px;
}
.section__package__txt .air__kit__tit img {
  vertical-align: baseline;
  width: 278px;
  height: 60px;
}
.section__package__txt .air__kit {
  margin: 20px auto auto;
  width: 600px;
  height: 76px;
  border-radius: 150px;
  background: #58A6E4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section__package__txt .air__kit p {
  color: #ffffff;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.76px;
}
.section__package__benefit {
  width: 100%;
  height: 300px;
  border-radius: 20px;
  background: #ffffff;
  margin: 100px 0 20px;
  display: flex;
  justify-content: space-around;
}
.section__package__benefit .benefit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.section__package__benefit .benefit + .benefit::before {
  content: "";
  width: 1px;
  height: 70%;
  background: #abacaa;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section__package__benefit .benefit em {
  color: #E5451C;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.64px;
  margin-bottom: 32px;
}
.section__package__benefit .benefit em .mont__01 {
  letter-spacing: -0.72px;
  font-size: 36px;
  font-weight: 700;
}
.section__package__benefit .benefit em .mont__02 {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -0.88px;
  vertical-align: text-top;
}
.section__package__benefit .benefit em .mont__03 {
  font-weight: 600;
  letter-spacing: -0.4px;
}
.section__package__benefit .benefit p {
  color: #000000;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.8px;
}
.section__package__benefit .benefit p strong {
  color: #E5451C;
}
.section__package .desc {
  margin: 20px 0 30px;
}
.section__package .desc p {
  color: #626262;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.4px;
}
.section__notice {
  font-size: 20px;
  color: #FFF;
}
.section__notice .top {
  width: 100%;
  height: 120px;
  background: #262626;
}
.section__notice .top h3 {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 700;
  letter-spacing: -0.56px;
}
.section__notice .top h3:before {
  content: "";
  width: 50px;
  height: 50px;
  background: url(https://discoverglo.s3.ap-northeast-2.amazonaws.com/images/event/2023_summer/ico_notice.svg) 50% 50%/contain no-repeat;
  margin: 0 20px 0 0;
}
.section__notice .top .ico_arrow {
  position: absolute;
  top: 50%;
  right: 0;
}
.section__notice .bottom {
  background: #333;
}
.section__notice .bottom .inner {
  padding: 60px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px 0;
}
.section__notice .bottom .tit {
  font-weight: 700;
}
.section__notice .bottom .item {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.section__notice .bottom li {
  font-size: 20px;
  padding: 0 0 0 24px;
  position: relative;
  font-weight: 300;
  line-height: 170%;
}
.section__notice .bottom li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 14px;
  display: block;
  width: 5px;
  height: 5px;
  background: #FFF;
  border-radius: 50%;
}
.section__notice .inner {
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section__notice .toggle_open {
  cursor: pointer;
  transform: translateY(-50%);
  transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
}
.section__notice .toggle_open_active {
  transform: translateY(-50%) rotate(-180deg);
}

.btn_fill, .btn_line {
  width: 220px;
  padding: 0;
}

.btn_line {
  border-color: #E5451C;
  color: #E5451C;
}
.btn_line:hover:before {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

.mo_only, .pc_only {
  width: 100%;
  height: 100%;
}

.end_event_dimmed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 79;
}

.skin_soldout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 80;
  color: #000;
}
.skin_soldout.none {
  background: rgba(0, 0, 0, 0);
}
.skin_soldout.none .skin_popup {
  display: none;
}
.skin_soldout .skin_popup {
  position: relative;
  width: 92%;
  max-width: 580px;
  height: calc(100% - 4rem);
  margin: 2rem auto;
}
.skin_soldout .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  background: #fff;
  padding: 80px 47px;
  transform: translate(-50%, -50%);
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
.skin_soldout h3 {
  color: #2A2C2C;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: -2px;
}
.skin_soldout p {
  margin: 40px 0;
  color: #2A2C2C;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
}
.skin_soldout .soldout_cls {
  width: 264px;
  height: 57px;
  background-color: #E5451C;
  color: #fff;
  border-radius: 60px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 1680px) {
  .section__vis {
    height: 56.25vw;
  }
  .section__vis__ttl {
    width: 42.5vw;
    height: 6.7vw;
  }
  .section__vis__ttl img {
    width: 100%;
    height: 100%;
  }
  .section__vis figure {
    height: 100%;
  }
  .section__vis__desc {
    margin-top: 1.6vw;
    font-size: 3.5vw;
  }
  .section__vis__desc .date {
    font-size: 4.2vw;
  }
  .section__vis .btn_fill {
    width: 12vw;
    height: 3.5vw;
    margin-top: 1.2vw;
    font-size: 1.2vw;
  }
  .section__package .inner {
    padding: 5.2vw 10.2vw;
  }
  .section__package figure {
    width: 54.6vw;
    height: 33.3vw;
  }
  .section__package__ttl {
    margin-bottom: 6.3vw;
  }
  .section__package__ttl h2 {
    font-size: 3.8vw;
  }
  .section__package__ttl p {
    margin-top: 1.7vw;
    font-size: 1.7vw;
  }
  .section__package__txt {
    margin-top: 3.9vw;
  }
  .section__package__txt .air__kit__tit {
    font-size: 3.1vw;
  }
  .section__package__txt .air__kit__tit img {
    width: 14.5vw;
    height: 3.1vw;
  }
  .section__package__txt .air__kit {
    margin: 1vw auto auto;
    width: 31.3vw;
    height: 4vw;
    border-radius: 7.8vw;
  }
  .section__package__txt .air__kit p {
    font-size: 2vw;
  }
  .section__package__benefit {
    height: 15.6vw;
    border-radius: 1vw;
    margin: 5.2vw 0 1vw;
  }
  .section__package__benefit .benefit em {
    font-size: 1.7vw;
    margin-bottom: 1.7vw;
  }
  .section__package__benefit .benefit p {
    font-size: 2.1vw;
    font-weight: 700;
  }
  .section__package .desc {
    margin: 1vw 0 1.6vw;
  }
  .section__package .desc p {
    font-size: 1vw;
  }
  .section__notice {
    font-size: 1vw;
  }
  .section__notice .top {
    height: 6.3vw;
  }
  .section__notice .top h3:before {
    width: 2.6vw;
    height: 2.6vw;
    margin: 0 1vw 0 0;
  }
  .section__notice .bottom .inner {
    padding: 3.1vw 0;
    gap: 3.1vw 0;
  }
  .section__notice .bottom .item {
    gap: 1.6vw 0;
  }
  .section__notice .bottom li {
    font-size: 1vw;
    padding: 0 0 0 1.3vw;
  }
  .section__notice .bottom li::before {
    left: 0.4vw;
    top: 0.7vw;
    width: 0.3vw;
    height: 0.3vw;
  }
  .section__notice .inner {
    width: 92%;
  }
  .section__notice .ico_arrow {
    width: 2.98vw;
  }
  .skin_soldout .skin_popup {
    max-width: 30.2vw;
  }
  .skin_soldout .inner {
    padding: 4.2vw 2.4vw;
    box-shadow: 0 0.1vw 0.5vw rgba(0, 0, 0, 0.25);
  }
  .skin_soldout h3 {
    font-size: 2.1vw;
    font-weight: 700;
    line-height: 2.9vw;
  }
  .skin_soldout p {
    margin: 2.1vw 0;
    font-size: 1.1vw;
  }
  .skin_soldout .soldout_cls {
    width: 13.8vw;
    height: 3vw;
    border-radius: 3.1vw;
    font-size: 0.9vw;
  }
}
@media all and (max-width: 1440px) {
  .btn_line,
  .btn_fill {
    width: 16vw;
    height: 4.75vw;
    font-size: 1.66vw;
  }
}
@media all and (max-width: 767px) {
  .btn_line,
  .btn_fill {
    width: min( 41.6666666667vw, 150px );
    height: min( 12.2222222222vw, 44px );
    font-size: min( 4.1666666667vw, 15px );
  }
  .btn_line {
    border-width: 1px;
  }
  .section__vis {
    height: 153.33vw;
  }
  .section__vis .inner {
    padding: 0;
  }
  .section__vis__ttl {
    width: min( 82.7777777778vw, 298px );
    height: min( 13.0555555556vw, 47px );
  }
  .section__vis__desc {
    margin-top: min( 3.6111111111vw, 13px );
    font-size: min( 6.6666666667vw, 24px );
  }
  .section__vis__desc .date {
    font-size: min( 7.7777777778vw, 28px );
    letter-spacing: 2.8px;
  }
  .section__vis .btn_fill {
    width: min( 41.6666666667vw, 150px );
    height: min( 12.2222222222vw, 44px );
    font-size: min( 4.4444444444vw, 16px );
    margin-top: min( 4.4444444444vw, 16px );
  }
  .section__package .inner {
    padding: min( 16.6666666667vw, 60px ) min( 6.6666666667vw, 24px );
  }
  .section__package__ttl {
    margin-bottom: min( 8.8888888889vw, 32px );
  }
  .section__package__ttl h2 {
    font-size: min( 10vw, 36px );
  }
  .section__package__ttl p {
    margin-top: min( 4.4444444444vw, 16px );
    font-size: min( 4.4444444444vw, 16px );
  }
  .section__package figure {
    width: min( 91.3888888889vw, 329px );
    height: min( 97.2222222222vw, 350px );
  }
  .section__package__txt {
    margin-top: min( 7.2222222222vw, 26px );
  }
  .section__package__txt .air__kit__tit {
    font-size: min( 6.8027777778vw, 24.49px );
  }
  .section__package__txt .air__kit__tit img {
    width: min( 31.5277777778vw, 113.5px );
    height: min( 6.775vw, 24.39px );
  }
  .section__package__txt .air__kit {
    margin-top: min( 2.2222222222vw, 8px );
    width: min( 68.0555555556vw, 245px );
    height: min( 8.6111111111vw, 31px );
    border-radius: min( 17.0138888889vw, 61.25px );
  }
  .section__package__txt .air__kit p {
    font-size: min( 4.1666666667vw, 15px );
  }
  .section__package__benefit {
    flex-direction: column;
    height: min( 145.5555555556vw, 524px );
    border-radius: min( 4.1666666667vw, 15px );
  }
  .section__package__benefit .benefit + .benefit::before {
    width: 70%;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .section__package__benefit .benefit em {
    font-size: min( 6.1111111111vw, 22px );
    margin-bottom: min( 4.4444444444vw, 16px );
  }
  .section__package__benefit .benefit em .mont {
    font-size: min( 6.6666666667vw, 24px );
  }
  .section__package__benefit .benefit p {
    font-size: min( 6.6666666667vw, 24px );
  }
  .section__package .desc {
    margin: min( 2.7777777778vw, 10px ) 0 min( 8.3333333333vw, 30px );
  }
  .section__package .desc p {
    font-size: min( 3.3333333333vw, 12px );
  }
  .section__notice {
    font-size: min( 5.5555555556vw, 20px );
    color: #FFF;
  }
  .section__notice .tit {
    font-size: min( 4.4444444444vw, 16px );
    font-weight: 700;
  }
  .section__notice .top {
    width: 100%;
    height: min( 19.4444444444vw, 70px );
    background: #262626;
  }
  .section__notice .top h3:before {
    width: min( 8.8888888889vw, 32px );
    height: min( 8.8888888889vw, 32px );
    margin: 0 min( 2.7777777778vw, 10px ) 0 0;
  }
  .section__notice .top .ico_arrow {
    width: min( 6.6666666667vw, 24px );
  }
  .section__notice .top .tit {
    font-size: min( 5.5555555556vw, 20px );
  }
  .section__notice .bottom {
    background: #333;
  }
  .section__notice .bottom .inner {
    padding: min( 6.6666666667vw, 24px ) min( 5.5555555556vw, 20px ) min( 6.6666666667vw, 24px ) min( 6.6666666667vw, 24px );
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .section__notice .bottom .item {
    display: flex;
    flex-direction: column;
    gap: min( 5.5555555556vw, 20px ) 0;
  }
  .section__notice .bottom li {
    font-size: min( 3.0555555556vw, 11px );
    padding: 0 0 0 min( 4.1666666667vw, 15px );
    position: relative;
    line-height: 170%;
    letter-spacing: -0.33px;
    font-weight: 400;
  }
  .section__notice .bottom li::before {
    content: "";
    position: absolute;
    left: min( 1.3888888889vw, 5px );
    top: min( 1.8055555556vw, 6.5px );
    display: block;
    width: min( 0.8333333333vw, 3px );
    height: min( 0.8333333333vw, 3px );
    background: #FFF;
    border-radius: 50%;
  }
  .skin_soldout .skin_popup {
    max-width: initial;
  }
  .skin_soldout .inner {
    padding: min( 11.1111111111vw, 40px ) 0;
    box-shadow: 0 0.1vw 0.5vw rgba(0, 0, 0, 0.25);
  }
  .skin_soldout h3 {
    font-size: min( 7.2222222222vw, 26px );
    font-weight: 700;
    line-height: 130%;
  }
  .skin_soldout p {
    margin: min( 5.5555555556vw, 20px ) 0;
    font-size: min( 3.8888888889vw, 14px );
  }
  .skin_soldout .soldout_cls {
    width: min( 27.7777777778vw, 100px );
    height: min( 8.8888888889vw, 32px );
    border-radius: min( 8.8888888889vw, 32px );
    font-size: min( 3.8888888889vw, 14px );
  }
}