@charset "UTF-8";

@import url('//fonts.cdnfonts.com/css/gotham-bold');

@font-face {
    font-family: 'S-CoreDream-1Thin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-8Heavy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.pc-no-br {
  display: none;
}
#section01{
    width:100%;margin-top: 0;background: #080035;padding-bottom: 100px;
}
#section01 img{
    width:100%;
}
.sec01_bg {display:block;}
.sec01_bg_mo {display:none;}



#section01_02{
  width:100%;background-image: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec01_02_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #080035;
  position: relative;
}
#section01_02 > img{
  position: absolute;bottom:0;left:0;width:100%;
}
#section01_02  .sec01_02_company_icon {
  display: block;
}
#section01_02  .sec01_02_company_icon_mo {
  display: none;
}
#section01_02 .inner{
  width:100%;max-width: 1200px;margin:0 auto;padding: 100px 0 400px;
}
#section01_02 .inner .sec01_02_title{
  text-align: center;
}
#section01_02 .inner .sec01_02_title h3{
  background: linear-gradient(to right, #aa65e3, #57ccf1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    -o-background-clip: text;
    -o-text-fill-color: transparent;
    display: inline-block;
    font-size: 58px;
    font-family: 'S-CoreDream-8Heavy';
    padding-bottom:40px ;
}

#section01_02 .inner .sec01_02_title p{
    font-size: 22px;
    font-family: 'S-CoreDream-3Light';
    padding-bottom:40px ;
    color: #fff;
}

#section01_03{
  width: 100%;
  background-color: #080035;
}
#section01_03 > img{
  width:100%;
}
#section01_03 .sec01_03_img {
  display: block;
}
#section01_03 .sec01_03_img_mo {
  display: none;
}



#section02{
    width:100%;background: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec02_bg.png");position: relative;background-repeat: no-repeat;
    background-size: 100% 100%;
}

#section02 > img{
    position: absolute;bottom:-215px;left:64px;
}
#section02 .inner{
    width:100%;max-width: 1200px;margin:0 auto;padding:100px 0;
    display: flex;flex-direction: column;gap:100px;text-align: center;
}
#section02 .inner .sec02_title{
    text-align: center;display: flex;flex-direction: column;gap:20px;align-items: center;
}
#section02 .inner .sec02_title span{
    font-size: 22px; font-family: "S-CoreDream-8Heavy";color:#fff;
    background: linear-gradient(to right, #b75ff0, #43def7);padding: 0 10px;
}
#section02 .inner .sec02_title p{
    font-size: 22px; font-family: "S-CoreDream-4Regular";color:#333333;
}
#section02 .inner .sec02_title h2{
    font-size: 58px; font-family: "S-CoreDream-8Heavy";color:#370f80;position: relative;
}
#section02 .inner .sec02_title h2::after{
    content: '';position: absolute;top:0;right:0;background-image: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/txt_icon01.png");
    width: 24px;height:29px;margin-right:-12px;margin-top:-14.5px;
}
#section02 .inner .sec02_title h3{
    font-size: 26px; font-family: "S-CoreDream-4Regular";color:#333333;
}
#section02 .inner .sec02_content ul{
    display: flex;flex-direction: row;gap:20px;align-items: center;justify-content: space-between;
}
.finish_event_bg {background-color: rgba(0, 0, 0, 0.85);
  width:100%;height:100%;position: absolute;z-index: 1;
  }
.finish_event_bg img  {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -512px;
    margin-top: -186px;
}
.finish_event_img{
  display: block;
}
.finish_event_img_mo{
  display: none;
}
/*
#section03{
    width:100%;background: #9a00fb;background-image: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec03_bg.png");background-size: 100% 100%; 
    background-repeat: no-repeat; 
}
#section03 .inner{
    width:100%;max-width: 1200px;margin:0 auto;padding:140px 0;text-align: center;display: flex;flex-direction: column;gap:50px;
}
#section03 .inner .sec03_title{
    display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section03 .inner .sec03_title h2{
    font-size: 58px; font-family: "S-CoreDream-8Heavy";color:#fff;
}
#section03 .inner .sec03_title span{
    font-size: 26px; font-family: "S-CoreDream-4Regular";color:#fff;
}
#section03 .inner .sec03_title .p_box p{
    display: flex;flex-direction: row; align-items: center;font-size: 22px; font-family: "S-CoreDream-3Light";color:#fff;gap:10px;
}*/
#section04{
    background: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec04_bg.png");width:100%;    position: relative;background-repeat: no-repeat;  background-size: cover;
}
#section04 .sec04_absol_img {
  position: absolute;top:0;left:0;
}
#section04 .sec04_absol_img_mo {
  position: absolute;top:0;left:0;display: none;
}
#section04 .inner{
    width:100%;max-width: 1200px;margin:0 auto;text-align: center;display: flex;flex-direction: column;gap:70px;padding: 120px 30px 110px;
}
#section04 .inner .sec04_title{
    display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section04 .inner .sec04_title h3{
    font-size: 58px; font-family: "S-CoreDream-8Heavy";color:#fff;display: flex;flex-direction: row;align-items: center;
}
#section04 .inner .sec04_title span{
  font-size: 26px; font-family: "S-CoreDream-4Regular";color:#fff;
}
#section04 .inner .sec04_title .p_box{
  display: flex;flex-direction: column; gap:10px;
}
#section04 .inner .sec04_title .p_box p{
  display: flex;flex-direction: row; align-items: center;font-size: 22px; font-family: "S-CoreDream-3Light";color:#fff;gap:10px;
}
#section04 .inner .sec04_content {
  width: 100%;
}
#section04 .inner .sec04_content ul{
  display: flex;flex-direction: row;align-items: baseline;justify-content: space-around;
}
#section04 .inner .sec04_content ul li{
  width:50%;
}
#section04 .inner .sec04_content ul li .sec04_event_img_box_mo{
    display: none;
}
#section04 .inner .sec04_visit_box {
  width:100%;background: #fff;padding: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:60px;border-radius: 30px;position: relative;
}
#section04 .inner .sec04_visit_box::after{
  position: absolute;bottom:0;left:50%;content: '';
  margin-bottom: -30px;margin-left: -30px;
  width: 0px;height: 0px;
  border-top:30px solid #fff;
  border-bottom:30px solid none;
  border-right: 30px solid transparent;
  border-left: 30px solid  transparent;
}
#section04 .inner .sec04_visit_box h2{
  display: flex;gap:10px;align-items: center;justify-content: center;font-size: 32px;font-family: "S-CoreDream-7ExtraBold";color: #9a00fb;margin:0;
}
#section04 .inner .sec04_visit_box > div {
  display: flex;flex-direction: column;gap:10px;
}
#section04 .inner .sec04_visit_box p{
  text-align: left;font-size: 22px;font-family: "S-CoreDream-3Light";color: #333333;
}
#section04 .inner .sec04_visit_box button{
  width: 50%;
  background: #000;padding:20px 0;
  border:0;
  outline: 0;
  cursor: pointer;
  border-radius: 10px;
}
#section04 .inner .sec04_visit_box button > p{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: "S-CoreDream-4Regular";color:#fff;font-size: 20px;
}



#section04 .inner .sec04_invite_box {
    max-width: 850px;width: 100%;margin: 0 auto;position: relative;
    display: flex;flex-direction: column;gap:30px;
}

#section04 .inner .sec04_invite_box > img {
    position: absolute;top:0;left:50%;margin-top: -22px;margin-left:-148px;
}
#section04 .inner .sec04_invite_box > p {
    font-size:22px;color:#fff;font-family: "S-CoreDream-3Light";
}
#section04 .inner .sec04_invite_box > p > span{
    color:#ffea00;font-family: "S-CoreDream-6Bold";
}
#section04 .inner .sec04_invite_box .sec04_form_box {
    width:100%;display: flex;flex-direction: row;align-items: center;justify-content: center;gap:10px;
}
#section04 .inner .sec04_invite_box .sec04_form_box button{
    width: 30%;
    background: #fff;padding:20px 0;
    border:0;
    outline: 0;
    cursor: pointer;
}
#section04 .inner .sec04_invite_box .sec04_form_box button > p{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: "S-CoreDream-4Regular";color:#333333;font-size: 20px;
}

#section04 .inner .sec04_invite_box .sec04_form_box input{
    width: 50%;
    padding:20px 0;
    font-family: "S-CoreDream-4Regular";color:#333333;font-size: 18px;
    text-align:center;
}
#section04 .inner .sec04_invite_box .sec04_form_box input:focus::-webkit-input-placeholder {
    color: transparent;
  }
#section04 .inner .sec04_invite_box .sec04_form_box input:focus::-moz-placeholder {
    color: transparent;
  }
#section04 .inner .sec04_invite_box .sec04_form_box input:focus:-ms-input-placeholder {
    color: transparent;
  }
#section04 .inner .sec04_invite_box .sec04_form_box input:focus::-ms-input-placeholder {
    color: transparent;
  }
#section04 .inner .sec04_invite_box .sec04_form_box a{
    width: 20%;
    padding:20px 0;
    background: #000;
    color: #fff;
    font-family: "S-CoreDream-4Regular";color:#ffffff;font-size: 20px;
}
#section04 .inner .sec04_notice_box {
    width: 100%;display: flex;flex-direction: column;gap:30px;text-align: left;
}
#section04 .inner .sec04_notice_box h2{
    display: flex;flex-direction: row;gap:10px;align-items: center;font-family: "S-CoreDream-6Bold";
    font-size: 20px;color: #fff;padding-bottom: 10px;border-bottom: 1px solid #fff;
}
#section04 .inner .sec04_notice_box p{
    font-family: "S-CoreDream-3Light";font-size: 20px;color: #fff;padding: 0 20px;line-height: 185%;
}
#section05{
    width:100%;background: #fff4eb;
}
#section05 .inner{
    width:100%;max-width: 1200px;margin:0 auto;padding:140px 0 80px;text-align: center;display: flex;flex-direction: column;gap:100px;
}
#section05 .inner .sec05_title{
    display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section05 .inner .sec05_title h2{
    font-size: 58px; font-family: "S-CoreDream-8Heavy";color:#eb7070;display: flex;align-items: center;gap:10px;
}
#section05 .inner .sec05_title span{
    font-size: 26px; font-family: "S-CoreDream-4Regular";color:#000;
}
#section05 .inner .sec05_title .p_box p{
    display: flex;flex-direction: row; align-items: center;font-size: 22px; font-family: "S-CoreDream-3Light";color:#000;gap:10px;
}
#section05 .inner .sec05_event_img_box {
    display: flex;flex-direction: row; align-items: center;justify-content: space-between;
}
#section05 .inner .percentageup_box {
    display: table;width: 100%;
    border: 1px solid #eb7070;border-radius: 20px;
}
#section05 .inner .percentageup_box > div.span_box{
    background: #f06b6b;padding:15px 0;    border-top-left-radius:20px;border-bottom-left-radius:20px;
}
#section05 .inner .percentageup_box > div.span_box > span{
    font-size: 24px;color: #fff;font-family: "S-CoreDream-6Bold";
}
#section05 .inner .percentageup_box > div.p_box {
    background:#fff;width:75%;display: table-cell;vertical-align: middle;border-top-right-radius:20px;border-bottom-right-radius:20px;
}
#section05 .inner .percentageup_box > div.p_box > p{
    font-size: 22px;color: #000;font-family: "S-CoreDream-3Light";
}
#section05 .inner .percentageup_box > div.p_box > p > span{
    font-family: "S-CoreDream-6Bold";color: #eb7070;
}
#section05 .inner .sec05_notice_box {
    width: 100%;display: flex;flex-direction: column;gap:30px;text-align: left;margin-top: 60px;
}
#section05 .inner .sec05_notice_box h2{
    display: flex;flex-direction: row;gap:10px;align-items: center;font-family: "S-CoreDream-6Bold";
    font-size: 20px;color: #333333;padding-bottom: 10px;border-bottom: 1px solid #333333;
}
#section05 .inner .sec05_notice_box p{
    font-family: "S-CoreDream-3Light";font-size: 20px;color: #333333;padding: 0 20px;line-height: 185%;
}



#quick_banner_box { position: absolute; right: 0; top: 300;  z-index: 100;background-image:url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/quick_banner_img02.png");width:200px;height:263px;background-repeat: no-repeat;}
#quick_banner_box a{ display: block;width:100%;height:100%;}





@media all and (max-width:1920px) {
  #section04 .inner .sec04_content > ul{
    gap:6.7708vw;
  }
  #section04 .inner .sec04_content > img {
    width:92.5vw;height:125px;
}
}
@media all and (max-width:1600px) {
  #section01_02 {
    height: 59.5vw;
}
#section04 .sec04_absol_img{
  width:83.3333vw;
}
#section01_02 .inner{
  padding:0;
}
}
@media all and (max-width:1200px) {
  .inner{
    padding:0 30px;
  }
  #quick_banner_box { display: none;}

  #section01 {
    padding-bottom: 8.3333vw;
}
  #section01_02 .inner .sec01_02_title h3{
    font-size: 4.8333vw;
    padding-bottom: 3.3333vw;
  }
  #section01_02 .inner .sec01_02_title p {
    font-size: 1.8333vw;
    padding-bottom: 3.3333vw;
}

  #section02 .inner {
    padding: 8.3333vw 30px;
    gap: 8.3333vw;
}
#section02 .inner .sec02_title {
  gap: 1.6666vw;
}
#section02 .inner .sec02_title span {
  font-size: 1.8333vw;
  padding: 0 10px;
}
#section02 .inner .sec02_title p {
  font-size: 1.8333vw;
}
#section02 .inner .sec02_title h2 {
  font-size: 4.8333vw;
}
#section02 .inner .sec02_title h3 {
  font-size: 2.1666vw;
}
#section02 .inner .sec02_content ul li {
  width:33%;
}
#section02 .inner .sec02_content ul li img{
  width:100%;
}
#section02 .inner .sec02_txt img{
  width:47.5vw;
}
#section02 > img {
  position: absolute;
  width: 20.6666vw;
  bottom: -17.9166vw;
}
#section02::after {
  margin-bottom: -6.6666vw;
  margin-left: -6.6666vw;
  border-top: 6.6666vw solid #252525;
  border-bottom: 6.6666vw solid none;
  border-right: 6.6666vw solid transparent;
  border-left: 6.6666vw solid transparent;
}

.finish_event_bg img  {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -42.6666vw;
    margin-top: -15.5vw;
    width:85.3333vw;
    height:31vw;
}


#section03 .inner .sec03_title span {
  font-size: 2.1666vw;
}
#section03 .inner .sec03_title .p_box p {
  font-size: 1.8333vw;
  gap: 0.8333vw;
}
#section03 .inner {
  padding: 11.6666vw 30px;
  gap: 4.1666vw;
}
#section03 .inner .sec03_title h2 {
font-size: 4.8333vw;
}
#section03 .inner .sec03_moniter >img{
width:100%;
} 

#section04 .inner .sec04_title h3 {
  font-size: 4.8333vw;
}
#section04 .inner .sec04_title span {
  font-size:2.1666vw;
}
#section04 .inner .sec04_title .p_box p {
  font-size: 1.8333vw;
}
#section04 .inner .sec04_content > ul > li:nth-child(2) img {
  padding-left:50px;
}

#section04 .inner {

  gap: 5.8333vw;
  padding: 16.6666vw 2.5vw 9.1666vw;
}
#section04 .inner .sec04_content > ul > li.coupon_active > img {
  width: 18.4166vw;
}
#section04 .inner .sec04_content > ul > li.coupon_active > img {
  margin-left: -9.2083vw;
  margin-top: -9.1666vw;
}
#section04 .inner .sec04_content > ul {
  gap: 10px;    flex-direction: column;
  justify-content: center;
  width: 100%;
  align-items: center;
}
#section04 .inner .sec04_content > ul > li {
  padding: 2.5vw 0;width:100%;
}
#section04 .inner .sec04_content > ul > li > h2 {
  font-size: 2.3333vw;
}
#section04 .inner .sec04_content > ul > li > p {
  font-size: 15.4166vw;
}
#section04 .inner .sec04_content > ul > li > h3 {
  font-size: 1.8333vw;
}
#section04 .inner .sec04_content > img {
  display: none;
}
#section04 .inner .sec04_visit_box {
  padding: 4.1666vw;
  gap: 5vw;
}
#section04 .inner .sec04_visit_box h2 {
  font-size: 2.6666vw;
}
#section04 .inner .sec04_visit_box div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#section04 .inner .sec04_visit_box p {
  font-size: 1.8333vw;
}
#section04 .inner .sec04_visit_box button > p {
    font-size: 1.6666vw;
}
#section04 .inner .sec04_invite_box > img {
  width:24.6666vw;
  margin-top: -1.8333vw;
  margin-left: -12.3333vw;
}
#section04 .inner .sec04_invite_box > p {
  font-size: 1.8333vw;
}
#section04 .inner .sec04_invite_box {
  padding: 6.6666vw 4.1666vw;
  gap: 2.5vw;
}
#section04 .inner .sec04_invite_box .sec04_form_box button {
  width: 40%;
}
#section04 .inner .sec04_invite_box .sec04_form_box button > p {
  font-size: 1.6666vw;
}

#section04 .inner .sec04_invite_box .sec04_form_box input {
  font-size: 1.5vw;
}
#section04 .inner .sec04_notice_box h2 {
  font-size:1.6666vw;
}
#section04 .inner .sec04_invite_box .sec04_form_box a {
  font-size: 1.6666vw;
}
#section04 .inner .sec04_aplly_btn button > span {
  font-size: 1.6666vw;
}
#section04 .inner .sec04_aplly_btn button > p {
  font-size: 2.5vw;
}
#section04 .inner .sec04_notice_box p {
  font-size: 1.6666vw;
}


    #section05 .inner {
  padding: 11.6666vw 30px 6.6666vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8.3333vw;
}
#section05 .inner .sec05_title h2 {
  font-size: 4.8333vw;
}
#section05 .inner .sec05_title span {
  font-size: 2.1666vw;
}
#section05 .inner .sec05_title .p_box p {
  font-size: 1.8333vw;
}
#section05 .inner .sec05_event_img_box {
  gap: 80px;
}
#section05 .inner .sec05_event_img_box li img{
  width: 100%;
}
#section05 .inner .percentageup_box > div.p_box > p {
  font-size: 1.8333vw;
}
#section05 .inner .percentageup_box > div.span_box > span {
  font-size: 2vw;
}
#section05 .inner .sec05_notice_box {
  gap: 2.5vw;
  margin-top: 5vw;
}
#section05 .inner .sec05_notice_box h2 {
  font-size: 1.6666vw;
}
#section05 .inner .sec05_notice_box p {
  font-size: 1.6666vw;
}
}

@media all and (max-width:1023px) {
  #section01 {
    margin-top: 0;
}
}

@media all and (max-width:768px) {
  .sec01_bg {display:none;}
  .sec01_bg_mo {display:block;}
  .pc-no-br {
    display: block;
  }
  .inner {
    padding: 0 3.9062vw;
  }

  #section01_02 {
    background-image: url(https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec01_02_bg_mo.png);
}

  #section01_02 {
    height: 90vw;
}
  #section01_02 .inner .sec01_02_title h3 {
    font-size: 6.7708vw;
    padding-bottom: 6.5104vw;
}
#section01_02 .inner .sec01_02_title p {
  font-size: 2.8645vw;
  padding-bottom: 3.9062vw;
}
#section01_02  .sec01_02_company_icon {
  display: none;
}
#section01_02  .sec01_02_company_icon_mo {
  display: block;
}
#section01_03 .sec01_03_img {
  display: none;
}
#section01_03 .sec01_03_img_mo {
  display: block;
}
#section02 .inner .sec02_title span {
  font-size: 2.8645vw;
  padding: 0 10px;
}
#section02 .inner .sec02_title p {
  font-size: 2.8645vw;
}
#section02 .inner .sec02_title h2 {
  font-size: 7.5520vw;
}
#section02 .inner .sec02_title h3 {
  font-size: 3.3854vw;
}
#section02 .inner .sec02_txt img {
  width: 74.2187vw;
}
#section02{
  background-image: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec02_bg_mo.png"); 
}
#section02 .inner .sec02_content ul {
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
#section02 .inner .sec02_content ul li{
  width:45%;
}
.finish_event_img{
  display: none;
}
.finish_event_img_mo{
  display: block;
}
.finish_event_bg img  {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -42.3177vw;
  margin-top: -23.0468vw;
  width:84.6354vw; height:46.0937vw;
}
#section03 {
  background-image: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/metateaser/sec03_bg_mo.png");
}
#section03 .inner .sec03_title  {
  gap: 3.9062vw;
}
#section03 .inner .sec03_title >img {
  width: 22.7864vw;
}
#section03 .inner .sec03_title h2 {
  font-size: 6.5104vw;
}
#section03 .inner .sec03_title span {
  font-size: 3.3854vw;
}
#section03 .inner .sec03_title span {
  font-size: 3.3854vw;
}
#section03 .inner .sec03_title .p_box p {
  font-size: 2.8645vw;
  gap: 2.6041vw;
}


#section04 .inner {
  gap:9.1145vw;
  padding-bottom: 4.1666vw;
}
#section04 .sec04_absol_img {
  display: none;
}
#section04 .sec04_absol_img_mo {
  display: block;width: 93.75vw;
}
#section04 .inner .sec04_title h3 {
  font-size: 6.5104vw;
}
#section04 .inner .sec04_title span{
  font-size: 3.3854vw;
}
#section04 .inner .sec04_title .p_box {
  gap: 2.6041vw;
}
#section04 .inner .sec04_title .p_box p {
  font-size: 2.8645vw;
}
#section04 .inner .sec04_title h3 img {
  width:7.6822vw;
}
#section04 .inner .sec04_title > p {
  font-size: 2.8645vw;
}
#section04 .inner .sec04_content > ul {
  gap: 9.625vw;
}
#section04 .inner .sec04_content > ul > li {
  position: relative;
}
#section04 .inner .sec04_content > ul > li > h2 {
  font-size: 2.8645vw;
}
#section04 .inner .sec04_content > ul > li > p {
  font-size: 13.0208vw;
}
#section04 .inner .sec04_content > ul > li > h3 {
  font-size:2.6041vw;
}
#section04 .inner .sec04_content > ul > li.coupon_active::after {
  position: absolute;
  top: -5px;
  left: -5px;
  content: '';
  background: rgba(0,0,0,.65);
  border: 5px solid rgba(0, 0, 0, 0.65);
  border: 5px solid rgba(215, 230, 255, 0);
  border-radius: 30px;
}
#section04 .inner .sec04_content > ul > li.coupon_active {
  border: 5px solid rgba(0, 0, 0, 0.65);
}
#section04 .inner .sec04_content > ul > li > h3 > span {
  padding: 0 0.6510vw;
}
#section04 .inner .sec04_visit_box h2 {
  font-size: 4.1666vw;
}
#section04 .inner .sec04_visit_box button {
  padding: 2.6041vw 0;
}
#section04 .inner .sec04_visit_box div {
  display: flex;flex-direction: column;gap:10px;
}
#section04 .inner .sec04_visit_box p {
  font-size: 2.8645vw;
  text-indent: -1.2em;
  margin-left: 1.2em;
}
#section04 .inner .sec04_visit_box button > p {
  font-size: 2.8645vw;
}
#section04 .inner .sec04_content > ul > li {
  display: flex;justify-content: center;
}
#section04 .inner .sec04_content > ul > li .sec04_event_img_box_pc >img.sec04_event_image01 {
  display: none;
}
#section04 .inner .sec04_content > ul > li .sec04_event_img_box_pc >img.sec04_event_image02 {
  display: none;
}

#section04 .inner .sec04_content > ul > li .sec04_event_img_box_mo img.sec04_event_image01_mo{
  width: 100%;
}
#section04 .inner .sec04_content > ul > li .sec04_event_img_box_mo  {
  display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section04 .inner .sec04_content > ul > li .sec04_event_img_box_mo img.sec04_event_image02_mo{
  padding-left: 12.0967vw;width: 48.3333vw;
}
#section04 .inner .sec04_content > ul > li .sec04_event_img_box_mo h3{
  color:#fff;font-family: 'S-CoreDream-4Regular';font-size: 3.125vw;
}
#section04 .inner .sec04_invite_box .sec04_form_box button > p {
  font-size: 2.3437vw;
}
#section04 .inner .sec04_invite_box .sec04_form_box button > p > img{
  width: 2.2135vw;
}
#section04 .inner .sec04_invite_box .sec04_form_box button {
  padding: 2.6041vw 0;
}
#section04 .inner .sec04_invite_box .sec04_form_box input {
  padding: 2.6041vw 0;
  font-size: 2.3437vw;
}

#section04 .inner .sec04_invite_box > p {
  font-size: 2.8645vw;
}
#section04 .inner .sec04_invite_box > img {
  width: 35.1562vw;
  margin-left: -17.5781vw;
}
#section04 .inner .sec04_invite_box .sec04_form_box a {
  font-size: 2.6041vw;
  padding: 2.6041vw 0;
}
#section04 .inner .sec04_notice_box h2 {
  font-size: 2.8645vw;
}
#section04 .inner .sec04_notice_box p {
  font-size: 2.8645vw;
  padding: 0 2.6041vw;
}

#section05 .inner .sec05_title >img {
  width: 22.7864vw;
}
#section05 .inner .sec05_title >img {
  font-size: 6.5104vw;
}
#section05 .inner .sec05_title span {
  font-size: 3.3854vw;
}
#section05 .inner .sec05_title .p_box p {
  font-size: 2.8645vw;
}
#section05 .inner {
  padding: 11.6666vw 3.9062vw 6.6666vw;
}
#section05 .inner .percentageup_box > div.span_box > span {
  font-size: 3.125vw;
}
#section05 .inner .sec05_title h2 >img {
  width:11.0677vw;
}
#section05 .inner .percentageup_box > div.p_box {
  text-align: left;padding: 0 10px
}
#section05 .inner .percentageup_box > div.p_box > p {
  font-size: 2.8645vw;
}

#section05 .inner .sec05_notice_box h2 {
  font-size: 2.8645vw;
}
#section05 .inner .sec05_notice_box p {
  font-size: 2.8645vw;
  padding: 0 2.6041vw;
}
}

@media all and (max-width:480px) {
  #section05 .inner .sec05_title .p_box p > img{  
    width:4.1666vw;
  }
  #section04 .inner .sec04_title h3 img {
    width: 9.6822vw;
}
}



@media all and (max-width:390px) {

}