@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');

#hs {width: 100%; overflow: hidden; color: #333;}
#hs * {box-sizing: border-box;}
#hs img {display: block; max-width: 100%; margin: 0 auto;}
.container {max-width: 1240px; padding-left: 20px; padding-right: 20px;}

.hs-quick {position: absolute; right: 0; top: 0; margin-top: 160px; z-index: 10; width: 152px;}
.hs-quick__dday {-webkit-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px; overflow: hidden; -webkit-box-shadow: -8px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: -8px 0px 12px 0px rgba(0,0,0,0.2);}
.hs-quick__dday dt {background: #3766ff; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 0 8px;}
.hs-quick__dday dt p {font-size: 14px; color: #c3d1ff; display: flex; align-items: center;}
.hs-quick__dday dt p:before {content: ''; display: block; width: 16px; height: 16px; margin-right: 6px; margin-top: -2px; background: url('https://img.megastudyth.com/event/2023/highscore/quick_dday.png')no-repeat left center / cover;}
.hs-quick__dday dt strong {font-weight: 500; margin-top: 4px; font-size: 22px;}
.hs-quick__dday dd {background: #fff;}
.hs-quick__dday dd ul {}
.hs-quick__dday dd ul li {padding: 16px 24px; border-bottom: solid 1px #ddd; display: flex; align-items: flex-end;}
.hs-quick__dday dd ul li:last-child {border-bottom: none;}
.hs-quick__dday dd ul li:after {font-size: 12px; color: #999;}
.hs-quick__dday dd ul li.days {display: none;}
.hs-quick__dday dd ul li.days:after {content: 'Day';}
.hs-quick__dday dd ul li.hours:after {content: 'Hour';}
.hs-quick__dday dd ul li.minutes:after {content: 'Min';}
.hs-quick__dday dd ul li.seconds:after {content: 'Second';}
.hs-quick__dday dd ul li span {display: block; width: 44px; font-size: 32px; font-weight: 600; line-height: 0.8; white-space: nowrap;}
.hs-quick__menu {margin-top: 16px; -webkit-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px; overflow: hidden; -webkit-box-shadow: -8px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: -8px 0px 12px 0px rgba(0,0,0,0.2);}
.hs-quick__menu a {height: 136px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.4;}
.hs-quick__menu a:before {content: ''; display: block; width: 38px; height: 37px; margin-bottom: 8px;}
.hs-quick__menu a strong {font-size: 20px; display: block;}
.hs-quick__menu a.blu {background: #261c62; color: #fff; font-size: 14px;}
.hs-quick__menu a.blu br {display: none;}
.hs-quick__menu a.ylw {background: #ffc320; font-size: 16px;}
.hs-quick__menu a.sky {background: #fff ; color: #000; font-size: 14px;}
.hs-quick__menu a.blu:before {background: url('https://img.megastudyth.com/event/2023/highscore/quick_icon01.png')no-repeat left center / cover;}
.hs-quick__menu a.ylw:before {background: url('https://img.megastudyth.com/event/2023/highscore/quick_icon02.png')no-repeat left center / cover;}
.hs-quick__menu a.sky:before {height: 50px; background: url('https://img.megastudyth.com/event/2023/highscore/quick_icon03.png')no-repeat left center / cover;}
.hs-quick__menu a u {text-decoration: none;}
.hs-quick__menu a em {display: none;}

.hs-sec01 {padding-top: 40px; padding-bottom: 72px; text-align: center; background: #120e2f url('https://img.megastudyth.com/event/2023/highscore/sec01_bg.jpg')no-repeat center top / 100% auto;}
.hs-sec01__no1 {font-size: 32px; color: #fff;}
.hs-sec01__leaf {position: relative;}
.hs-sec01__leaf:before,
.hs-sec01__leaf:after {content: ''; width: 70px; height: 158px; position: absolute; top: 50%; margin-top: -79px; background: url('https://img.megastudyth.com/event/2023/highscore/sec01_leaf.png')no-repeat left center / auto 100%;}
.hs-sec01__leaf:before {left: 0;}
.hs-sec01__leaf:after {right: 0; background-position: right center;}
.hs-sec01__box {width: 832px; height: 84px; margin: 24px auto 16px; background: #fff; position: relative; z-index: 1;}
.hs-sec01__box:before,
.hs-sec01__box:after {content: ''; display: block; position: absolute; top: 0; width: 0; height: 0; border-style: solid;}
.hs-sec01__box:before {right: 100%; border-width: 0 0 84px 22px; border-color: transparent transparent #ffffff transparent;}
.hs-sec01__box:after {left: 100%; border-width: 84px 22px 0 0; border-color: #ffffff transparent transparent transparent;}
.hs-sec01__slider:before {content: ''; display: block; width: 158px; height: 40px; position: absolute; left: 50%; margin-left: -79px; top: -28px; background: url('https://img.megastudyth.com/event/2023/highscore/sec01_star.png')no-repeat center center / cover;}
.hs-sec01__slider dl {display: flex !important; align-items: center; justify-content: center; height: 84px; font-size: 40px; font-weight: 600; color: #333;}
.hs-sec01__slider dl dt {position: relative; padding-right: 64px;}
.hs-sec01__slider dl dt:after {content: ''; display: block; width: 8px; height: 8px; background: #ddd; position: absolute; top: 50%; margin-top: -4px; right: 28px; -webkit-border-radius: 50%; border-radius: 50%;}
.hs-sec01__title {font-size: 48px; color: #fffd3f; position: relative; z-index: 1;}
.hs-sec01__title span {display: inline-block; font-weight: 700; padding-top: 8px; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2023/highscore/sec01_mask.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hs-sec01__text {font-size: 24px; color: #ccc; margin-top: 24px;}

.hs-sec02 {padding: 104px 0; background: url('https://img.megastudyth.com/event/2023/highscore/sec02_bg.jpg')no-repeat center top / cover;}
.hs-sec02__dday {display: flex; flex-direction: column; justify-content: center; align-items: center; color: #2448ff; width: 170px; height: 170px; position: absolute; top: -68px; left: 20px; background: url('https://img.megastudyth.com/event/2023/highscore/sec02_badge.png')no-repeat center top / cover; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
.hs-sec02__dday p {font-size: 28px; font-weight: 600;}
.hs-sec02__dday strong {font-size: 36px; margin-top: 8px;}
.hs-sec02__title {position: relative;}
.hs-sec02__title:before {content: ''; display: block; width: 645px; height: 645px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('https://img.megastudyth.com/event/2023/highscore/sec02_refund.png')no-repeat center top / cover;}
.hs-sec02__title * {position: relative;}
.hs-sec02__title h5 {width: 420px; height: 64px; font-size: 32px; color: #fff; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; background: -webkit-linear-gradient(left,  rgba(26,32,73,1) 0%,rgba(7,11,36,1) 100%); background: linear-gradient(to right,  rgba(26,32,73,1) 0%,rgba(7,11,36,1) 100%); -webkit-border-radius: 16px; border-radius: 16px;}
.hs-sec02__title h5:after {content: ''; display: block; width: 82px; height: 92px; position: absolute; right: 4px; top: -32px; background: url('https://img.megastudyth.com/event/2023/highscore/sec02_coin.png')no-repeat center center / cover;}
.hs-sec02__title h3 {margin-top: 80px;}
.hs-sec02__title p {margin-top: 50px; font-size: 54px; font-weight: 700; text-align: center; color: #fff; text-shadow: -1px 8px 12px rgba(0,0,0,0.16);}
.hs-sec02__title p span {display: inline-block; margin-top: 16px; font-weight: 700; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2023/highscore/sec02_mask.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.hs-sec02__list {margin-top: 58px; padding: 48px; display: flex; flex-wrap: wrap; background: rgba(39, 52, 93, 0.5); -webkit-border-radius: 24px; border-radius: 24px;}
.hs-sec02__list li {width: 50%; padding: 16px; display: flex; align-items: center;}
.hs-sec02__list li p {font-size: 24px; color: #fff; font-weight: 600; line-height: 1.2;}
.hs-sec02__list li p span {color: #47dfff;}
.hs-sec02__list li:before {content: ''; display: block; width: 80px; height: 80px; flex-shrink: 0; margin-right: 24px; -webkit-border-radius: 50%; border-radius: 50%;}
.hs-sec02__list li:nth-child(1):before {background: #fff url('https://img.megastudyth.com/event/2023/highscore/sec02_icon01.png')no-repeat center center / auto 40px;}
.hs-sec02__list li:nth-child(2):before {background: #fff url('https://img.megastudyth.com/event/2023/highscore/sec02_icon02.png')no-repeat center center / auto 40px;}
.hs-sec02__list li:nth-child(3):before {background: #fff url('https://img.megastudyth.com/event/2023/highscore/sec02_icon03.png')no-repeat center center / auto 40px;}
.hs-sec02__list li:nth-child(4):before {background: #fff url('https://img.megastudyth.com/event/2023/highscore/sec02_icon04.png')no-repeat center center / auto 40px;}
.hs-sec02__btn {margin-top: 48px;}
.hs-sec02__btn a {margin: 0 auto; width: 680px; height: 80px; background: #ff3bae; font-size: 24px; font-weight: 700; color: #fff; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 10px 0px 0px rgba(201,26,129,1); box-shadow: 0px 10px 0px 0px rgba(201,26,129,1);}
.hs-sec02__btn a em {display: block; width: 40px; height: 40px; background: #ff76c6; margin-left: 24px; -webkit-border-radius: 50%; border-radius: 50%; position: relative;}
.hs-sec02__btn a em:after {content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.hs-sec03 {padding-top: 120px; padding-bottom: 360px; position: relative; background: url('https://img.megastudyth.com/event/2023/highscore/sec03_bg.jpg')no-repeat center top / cover;}
.hs-sec03:after {content: ''; display: none; width: 1060px; padding-bottom: 360px; position: absolute; bottom: -84px; left: 50%; background: url('https://img.megastudyth.com/event/2023/highscore/sec03_arrow.png')no-repeat center top / 100% auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.hs-sec03__title {font-size: 40px; color: #fff; text-align: center; font-weight: 400;}
.hs-sec03__title strong {display: block; font-size: 48px; color: #85d8ff; font-weight: 600; margin-top: 16px;}
.hs-sec03__bubble {margin-top: 120px; position: relative;}
.hs-sec03__bubble dt {margin: 0 auto; width: 30%;}
.hs-sec03__bubble dd {display: flex; align-items: center; justify-content: center; width: 35%; height: 120px; font-size: 24px; padding: 16px; text-align: center; font-weight: 500; line-height: 1.4; background: #fff; position: absolute; -webkit-border-radius: 16px; border-radius: 16px;}
.hs-sec03__bubble dd:nth-child(2) {right: 0; top: 15%;}
.hs-sec03__bubble dd:nth-child(3) {right: 0; bottom: 0;}
.hs-sec03__bubble dd:nth-child(4) {left: 0; bottom: 15%;}
.hs-sec03__bubble dd:nth-child(5) {left: 0; top: 0;}
.hs-sec03__bubble dd:before {content: ''; display: block; width: 30px; height: 26px; position: absolute; bottom: 24px; background: url('https://img.megastudyth.com/event/2023/highscore/sec03_bubble.png')no-repeat left top / 60px auto;}
.hs-sec03__bubble dd:nth-child(2):before {right: 100%; background-position: right top;}
.hs-sec03__bubble dd:nth-child(3):before {right: 100%; background-position: right bottom;}
.hs-sec03__bubble dd:nth-child(4):before {left: 100%; background-position: left bottom;}
.hs-sec03__bubble dd:nth-child(5):before {left: 100%; background-position: left top;}
.hs-sec03__arrow {display: block; width: 1060px; padding-bottom: 360px; position: absolute; bottom: -84px; left: 50%; background: url('https://img.megastudyth.com/event/2023/highscore/sec03_arrow.png')no-repeat center top / 100% auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.hs-sec04 {padding-top: 80px; padding-bottom: 112px; background: #5c1cca url('https://img.megastudyth.com/event/2023/highscore/sec04_bg.jpg')no-repeat center top / 100% auto;}
.hs-sec04__title {font-size: 40px; color: #fff; font-weight: 700; text-align: center; line-height: 1.4;}
.hs-sec04__title strong {display: block;}
.hs-sec04__what {margin-top: 56px;}
.hs-sec04__what dt {margin: 0 auto; width: 368px; height: 88px; font-size: 28px; background: rgba(0,0,0,0.3); color: #fff; position: relative; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 16px; border-radius: 16px;}
.hs-sec04__what dt:after {content: ''; display: block; width: 0; height: 0; border-style: solid; position: absolute; top: 100%; left: 50%; margin-left: -6px; border-width: 12px 6.5px 0 6.5px; border-color: rgba(0,0,0,0.3) transparent transparent transparent;}
.hs-sec04__what dd {margin-top: 72px;}
.hs-sec04__what dd img {width: 346px;}
.hs-sec04__info {padding-top: 56px; display: flex; margin: 0 -16px;}
.hs-sec04__info li {width: 50%; margin: 0 16px; padding: 32px 64px 32px 32px; height: 160px; font-size: 24px; color: #fff; font-weight: 500; line-height: 1.3; background: #2d2d34; position: relative; -webkit-border-radius: 16px; border-radius: 16px;}
.hs-sec04__info li em {position: absolute; right: 24px; top: 16px; font-size: 20px; color: #ffc53d; font-weight: 600; font-style: normal;}
.hs-sec04__info li span {display: block; color: #bdbdbd; font-size: 16px; margin-top: 8px;}

.hs-sec05 {padding-top: 80px; padding-bottom: 152px; background: #0f1e3d url('https://img.megastudyth.com/event/2023/highscore/sec05_bg.jpg')no-repeat center top / 100% auto;}
.hs-sec05__title {font-size: 40px; color: #fff; text-align: center;}
.hs-sec05__title strong {display: block; font-size: 48px; color: #95ffd1; margin-top: 16px;}
.hs-sec05__flow {margin-top: 64px; position: relative;}
.hs-sec05__flow li {margin-top: -1px; position: relative;}
.hs-sec05__flow li:first-child {display: none;}
.hs-sec05__flow li dl {display: flex;}
.hs-sec05__flow li dl dt {width: 50%; display: flex; border: solid 1px #949aa9; border-right: none; overflow: hidden;}
.hs-sec05__flow li dl dt img {margin: 0 !important;}
.hs-sec05__flow li dl dd {width: 50%; padding: 0 64px; display: flex; justify-content: center; flex-direction: column;}
.hs-sec05__flow li dl dd em {width: 84px; height: 32px; font-size: 14px; font-style: normal; margin-bottom: 12px; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; display: flex; align-items: center; justify-content: center; background: -webkit-linear-gradient(-45deg,  rgba(149,255,209,1) 0%,rgba(255,252,39,1) 100%); background: linear-gradient(135deg,  rgba(149,255,209,1) 0%,rgba(255,252,39,1) 100%);}
.hs-sec05__flow li dl dd h5 {font-size: 32px; color: #95ffd1; font-weight: 600;}
.hs-sec05__flow li dl dd p {font-size: 20px; color: #cfcdd4; line-height: 1.3; margin-top: 16px;}
.hs-sec05__flow li:first-child:before {content: ''; display: block; width: 11px; height: 11px; background: #95ffd1; position: absolute; left: 0; top: -5px; -webkit-border-radius: 50%; border-radius: 50%;}
.hs-sec05__flow li:nth-child(2):before {content: ''; display: block; width: 11px; height: 11px; background: #95ffd1; position: absolute; right: 0; top: -5px; -webkit-border-radius: 50%; border-radius: 50%; z-index: 1;}
.hs-sec05__flow li:nth-child(odd) dl dt {order: 2; justify-content: flex-end; border-left: none; -webkit-border-radius: 0 200px 200px 0; border-radius: 0 200px 200px 0;}
.hs-sec05__flow li:nth-child(even) dl dt {-webkit-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px;}
.hs-sec05__flow li:first-child dl dd {border-top: solid 1px #949aa9;}
.hs-sec05__flow li:nth-child(2) dl dd {border-top: solid 1px #949aa9;}
.hs-sec05__flow li:last-child dl dd {border-bottom: solid 1px #949aa9;}
.hs-sec05__flow li:nth-child(odd) dl dd {padding-left: 160px;}
.hs-sec05__flow li:nth-child(3) dl dd {white-space: nowrap;}
.hs-sec05__tail {display: flex; align-items: center; justify-content: center; width: 160px; height: 68px; font-size: 20px; text-align: center; background: #95ffd1; position: absolute; right: 0; bottom: -34px; -webkit-border-radius: 50px; border-radius: 50px;}

.hs-sec06 {background: #403091;}
.hs-sec06 a {display: block;}
.hs-sec06__qr {display: flex; justify-content: space-between; align-items: center;}
.hs-sec06__qr dt {font-size: 36px; font-weight: 500; color: #fff;}
.hs-sec06__qr dd {position: relative; padding: 12px 74px; height: 120px;}
.hs-sec06__qr dd:before {content: ''; display: block; width: 360px; height: 120px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url('https://img.megastudyth.com/event/2023/highscore/sec06_qr_light.png')no-repeat center center / cover;}
.hs-sec06__qr dd span {display: block; width: 84px; height: 84px; background: #fff; padding: 4px; position: relative; -webkit-border-radius: 8px; border-radius: 8px;}
.hs-sec06__qr dd span:before,
.hs-sec06__qr dd span:after {content: ''; display: block; width: 47px; height: 44px; position: absolute;}
.hs-sec06__qr dd span:before {right: 100%; bottom: 0; margin-right: 8px; margin-bottom: 8px; background: url('https://img.megastudyth.com/event/2023/highscore/sec06_qr_hand1.png')no-repeat center center / cover;}
.hs-sec06__qr dd span:after {left: 100%; top: 0; margin-top: 4px; margin-left: 12px; background: url('https://img.megastudyth.com/event/2023/highscore/sec06_qr_hand2.png')no-repeat center center / cover;}
.hs-sec06__qr dd img {display: block; width: 100%;}

.hs-sec07 {padding-top: 80px; padding-bottom: 136px; background: #f52ca2 url('https://img.megastudyth.com/event/2023/highscore/sec07_bg.jpg')no-repeat center top / 100% auto;}
.hs-sec07__half {display: flex; justify-content: center;}
.hs-sec07__left {width: 55%;}
.hs-sec07__dday {width: 100%; height: 148px; display: flex; align-items: center; margin: 0 auto; position: relative;}
.hs-sec07__dday dt {width: 40%; height: 100%; flex-shrink: 0; background: #fff; color: #111; font-size: 40px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px;}
.hs-sec07__dday dd {flex-grow: 1; height: 100%; color: #fff; font-size: 120px; font-weight: 500; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0; background: -webkit-linear-gradient(left,  rgba(116,31,182,1) 0%,rgba(36,206,255,1) 100%); background: linear-gradient(to right,  rgba(116,31,182,1) 0%,rgba(36,206,255,1) 100%);}
.hs-sec07__dday:before {content: ''; display: block; width: 145px; height: 90px; position: absolute; left: -56px; top: -40px; background: url('https://img.megastudyth.com/event/2023/highscore/sec07_event.png')no-repeat center center / cover;}
.hs-sec07__info {text-align: center; margin-top: 40px;}
.hs-sec07__info span {position: relative; display: inline-flex; height: 40px; background: #fff; color: #f52ca2 ; font-size: 24px; font-weight: 600; padding: 0 16px; align-items: center; justify-content: center;}
.hs-sec07__info span:before,
.hs-sec07__info span:after {content: ''; display: block; position: absolute; top: 0; width: 0; height: 0; border-style: solid;}
.hs-sec07__info span:before {right: 100%; border-width: 0 0 40px 16px; border-color: transparent transparent #ffffff transparent;}
.hs-sec07__info span:after {left: 100%; border-width: 40px 16px 0 0; border-color: #ffffff transparent transparent transparent;}
.hs-sec07__count {font-size: 40px;}
.hs-sec07__count strong {font-size: 60px;}
.hs-sec07__discount {margin-top: 40px; text-align: center;}
.hs-sec07__discount p {font-size: 24px; color: rgba(255,255,255,0.7);}
.hs-sec07__discount h5 {display: inline-block; position: relative; font-size: 40px; margin-top: 16px; color: #fff;}
.hs-sec07__discount h5:before,
.hs-sec07__discount h5:after {content: ''; display: block; width: 45px; height: 44px; position: absolute; background: url('https://img.megastudyth.com/event/2023/highscore/sec07_double.png')no-repeat left center / auto 100%;}
.hs-sec07__discount h5:before {right: 100%; margin-right: 24px; top: -16px;}
.hs-sec07__discount h5:after {left: 100%; margin-left: 24px; bottom: -32px; background-position: right center;}
.hs-sec07__discount h5 span {display: block; position: relative;}
.hs-sec07__discount h5 span:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 20px; background: url('https://img.megastudyth.com/event/2023/highscore/sec07_underline.png')no-repeat center center / 100% auto;}
.hs-sec07__right {width: 45%; padding-left: 40px;}
.hs-sec07__coupon {display: block; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; -webkit-box-shadow: 0px 12px 16px 0px rgba(70,19,49,0.16); box-shadow: 0px 12px 16px 0px rgba(70,19,49,0.16);}
.hs-sec07__coupon p {background: #fff; height: 230px; padding: 40px; font-size: 28px; font-weight: 600; line-height: 1.3; background: #fff url('https://img.megastudyth.com/event/2023/highscore/sec07_coupon.png')no-repeat right center / auto 100%;  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
.hs-sec07__coupon p span {color: #f52ca2;}
.hs-sec07__coupon h5 {display: flex; align-items: center; justify-content: center; height: 60px; font-size: 24px; background: #ffd400; color: #000;}
.hs-sec07__coupon h5:after {content: ''; display: block; width: 32px; height: 32px; margin-top: -4px; margin-left: 4px; background: url('https://img.megastudyth.com/event/2023/highscore/sec07_coupon_cursor.png')no-repeat right center / cover;}

@keyframes blink-effect {50% {opacity: 0;}}
.hs-sec08 {padding: 120px 0; background: #24ceff;}
.hs-sec08__half {display: flex; margin: 0 -20px;}
.hs-sec08__item {display: flex; margin: 0 20px; width: 50%; flex-direction: column; position: relative; -webkit-border-radius: 16px; border-radius: 16px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.hs-sec08__item:hover {-webkit-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.hs-sec08__bumb {animation: blink-effect 1s step-end infinite; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; font-family: 'Sriracha', cursive; color: #fff; font-size: 20px; position: absolute; top: -48px; right: -32px; background: url('https://img.megastudyth.com/event/2023/highscore/sec08_bumb.png')no-repeat center center / cover; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); z-index: 1;}
.hs-sec08__title {background: #fff; flex-shrink: 0; padding: 48px 32px 32px; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;}
.hs-sec08__title span {font-family: 'Sriracha', cursive; font-size: 20px; color: #999;}
.hs-sec08__title h5 {font-size: 48px; font-weight: 600; color: #cb16cd; margin-top: 12px;}
.hs-sec08__text {flex-grow: 1; background: #f6f6f6; padding: 40px 32px 40px; position: relative;}
.hs-sec08__text:before {content: ''; display: block; position: absolute; left: 0; right: 104px; top: 0; height: 8px; background: -webkit-linear-gradient(left,  rgba(22,48,205,1) 0%,rgba(203,22,205,1) 100%); background: linear-gradient(to right,  rgba(22,48,205,1) 0%,rgba(203,22,205,1) 100%);}
.hs-sec08__text:after {content: ''; display: block; position: absolute; top: 0; right: 100px; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 0; border-color: #ca16cd transparent transparent transparent;}
.hs-sec08__text p {font-size: 22px; font-weight: 600; line-height: 1.3;}
.hs-sec08__text ul {margin-top: 32px;}
.hs-sec08__text ul li {font-size: 18px; line-height: 1.3; margin-bottom: 16px; padding-left: 28px; position: relative;}
.hs-sec08__text ul li:last-child {margin-bottom: 0;}
.hs-sec08__text ul li:before {content: ''; display: block; width: 18px; height: 12px; position: absolute; left: 0; top: 6px; background: url('https://img.megastudyth.com/event/2023/highscore/sec08_check.png')no-repeat left center / cover;}
.hs-sec08__cost {background: #fff; flex-shrink: 0; padding: 24px 32px 40px 32px; display: flex; justify-content: flex-end;}
.hs-sec08__cost span {display: block; position: relative; font-size: 16px; color: #999; font-weight: 300; line-height: 1.0;}
.hs-sec08__cost span:before {content: ''; display: block; height: 2px; background: #f01111; position: absolute; left: -8px; right: 8px; top: 50%; margin-top: -1px;}
.hs-sec08__cost span:after {content: ''; display: block; width: 2px; height: 24px; background: #f01111; position: absolute; top: 50%; margin-top: -4px; right: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.hs-sec08__cost p {font-size: 18px; font-weight: 600;}
.hs-sec08__cost p strong {font-size: 54px; font-weight: 600;}
.hs-sec08__cost p em {color: #aaa; font-style: normal; font-size: 32px;}
.hs-sec08__btn {flex-shrink: 0; height: 80px; font-size: 32px; font-weight: 600; background: #cb16cd; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.hs-sec08__btn:hover {background: #f900fb;}
.hs-sec08__item.blu .hs-sec08__title h5 {color: #1630cd;}
.hs-sec08__item.blu .hs-sec08__btn {background: #1630cd;}
.hs-sec08__item.blu .hs-sec08__btn:hover {background: #0024ff;}
.hs-sec08__item.blu .hs-sec08__btn.gry {background: #ccc;}
.hs-sec08__item.blu .hs-sec08__btn.gry:hover {background: #ddd;}

.hs-sec09 {padding-top: 80px; padding-bottom: 120px; background: #1e2e86 url('https://img.megastudyth.com/event/2023/highscore/sec09_bg.jpg')no-repeat center top / 100% auto;}
.hs-sec09__title {text-align: center; margin-bottom: 104px;}
.hs-sec09__title span {font-size: 48px; color: #fff; font-weight: 600; display: inline-block; position: relative;}
.hs-sec09__title span:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 25px; background: url('https://img.megastudyth.com/event/2023/highscore/sec09_underline.png')no-repeat center center / 100% auto;}
.hs-sec09__wrap {margin: -10px; display: flex; flex-wrap: wrap;}
.hs-sec09__item {padding: 10px; display: flex; flex-direction: column; position: relative;}
.hs-sec09__item.item01 {width: 30%;}
.hs-sec09__item.item01:before {content: ''; display: block; width: 95px; height: 45px; position: absolute; left: 50%; margin-left: -48px; bottom: 100%; margin-bottom: -10px; background: url('https://img.megastudyth.com/event/2023/highscore/sec09_ribbon.png')no-repeat center center / cover;}
.hs-sec09__item.item02 {width: 70%;}
.hs-sec09__item.item03 {width: 100%;}
.hs-sec09__item dt {height: 76px; background: #1d6dff; color: #fff; font-size: 24px; font-weight: 600; display: flex; align-items: center; padding: 0 32px; flex-shrink: 0; -webkit-border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;}
.hs-sec09__item.item01 dt {justify-content: center;}
.hs-sec09__item dd {background: #fff; flex-grow: 1; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px;}
.hs-sec09__item.item01 dd {padding: 24px;}
.hs-sec09__item.item02 dd {padding: 32px 36px 48px;}
.hs-sec09__item.item03 dd {padding: 28px 34px;}
.hs-sec09__tb th,
.hs-sec09__tb td {border: solid 1px #ddd; text-align: center; padding: 12px;}
.hs-sec09__tb th {background: #1f2f8c; color: #fff; font-size: 20px; font-weight: 500;}
.hs-sec09__tb td {background: #fff; font-size: 16px;}
.hs-sec09__list {}
.hs-sec09__list h5 {font-size: 18px; font-weight: 500; position: relative; padding-left: 34px; margin-top: 32px;}
.hs-sec09__list h5:first-child {margin-top: 0;}
.hs-sec09__list h5:before {content: attr(num); position: absolute; left: 0; top: -4px; background: #1f2f8c; color: #fff; font-size: 14px; font-weight: 500; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.hs-sec09__list ul {margin-top: 20px; font-size: 14px; color: #555;}
.hs-sec09__list li {margin-bottom: 20px; position: relative;}
.hs-sec09__list li:last-child {margin-bottom: 0;}
.hs-sec09__list li:before {content: attr(num); height: 24px; border: solid 1px #808ddb; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: -6px; -webkit-border-radius: 16px; border-radius: 16px;}
.hs-sec09__list > ul {padding-left: 34px;}
.hs-sec09__list > ul > li {padding-left: 48px;}
.hs-sec09__list > ul > li:before {width: 36px; background: #808ddb; color: #fff;}
.hs-sec09__list > ul > li > ul > li {padding-left: 32px;}
.hs-sec09__list > ul > li > ul > li:last-child {}
.hs-sec09__list > ul > li > ul > li:before {width: 24px; color: #808ddb;}
.hs-sec09__text {font-size: 20px; line-height: 1.4;}



@media (max-width:1280px) {
	.hs-quick {width: 104px;}
	.hs-quick__dday dt {padding: 12px 0 8px;}
	.hs-quick__dday dt p {font-size: 13px;}
	.hs-quick__dday dt strong {font-size: 20px;}
	.hs-quick__dday dd ul li {padding: 8px 8px 8px 12px;}
	.hs-quick__dday dd ul li:after {font-size: 12px;}
	.hs-quick__dday dd ul li span {width: 36px; font-size: 24px;}
	.hs-quick__menu a {height: 96px; line-height: 1.1;}
	.hs-quick__menu a:before {width: 33px; height: 32px;}
	.hs-quick__menu a.sky:before {height: 42px;}
	.hs-quick__menu a strong {font-size: 16px;}
	.hs-quick__menu a.blu {font-size: 11px;}
	.hs-quick__menu a.blu br {display: block;}
	.hs-quick__menu a.ylw {font-size: 13px;}
	.hs-quick__menu a.sky {font-size: 13px; padding: 0 16px;}

	.hs-sec01__leaf {display: inline-block;}
	.hs-sec01__leaf:before {margin-left: -80px;}
	.hs-sec01__leaf:after {margin-right: -80px;}
	.hs-sec01__box {width: 640px; height: 64px;}
	.hs-sec01__box:before {border-width: 0 0 64px 22px;}
	.hs-sec01__box:after {border-width: 64px 22px 0 0;}
	.hs-sec01__slider dl {height: 64px; font-size: 30px;}
	.hs-sec01__slider dl dt {padding-right: 48px;}
	.hs-sec01__slider dl dt:after {right: 20px;}
	.hs-sec01__title {font-size: 38px;}
	
	.hs-sec02__dday {width: 140px; height: 140px;}
	.hs-sec02__dday p {font-size: 24px;}
	.hs-sec02__dday strong {font-size: 30px; margin-top: 4px;}
	.hs-sec02__title:before {width: 480px; height: 480px;}
	.hs-sec02__title h5 {width: 320px; height: 48px; font-size: 24px;}
	.hs-sec02__title h3 {margin-top: 40px; padding: 0 10%;}
	.hs-sec02__title p {margin-top: 40px; font-size: 42px;}
	.hs-sec02__title p span {margin-top: 8px;}
	.hs-sec02__list {margin-top: 40px; padding: 24px;}
	.hs-sec02__list li p {font-size: 20px;}
	.hs-sec02__list li:before {width: 64px; height: 64px; margin-right: 16px; background-size: 32px auto !important;}
	.hs-sec02__btn {margin-top: 40px;}
	.hs-sec02__btn a {width: 560px; height: 64px; font-size: 20px;}
	.hs-sec02__btn a em {width: 32px; height: 32px; margin-left: 8px;}
	.hs-sec02__btn a em:after {width: 6px; height: 6px; margin-left: -5px; margin-top: -4px;}

	.hs-sec03:after {width: 100%; padding-bottom: 33.33%; bottom: -84px;}
	.hs-sec03__title {font-size: 34px;}
	.hs-sec03__title strong {font-size: 40px; margin-top: 8px;}
	.hs-sec03__bubble dd {height: 96px; font-size: 18px;}
	.hs-sec03__arrow {width: 100%; padding-bottom: 33.33%; bottom: -84px;}

	.hs-sec04__title {font-size: 32px;}
	.hs-sec04__what {margin-top: 40px;}
	.hs-sec04__what dt {width: 320px; height: 64px; font-size: 22px;}
	.hs-sec04__what dd {margin-top: 48px;}
	.hs-sec04__info {padding-top: 40px; margin: 0 -8px;}
	.hs-sec04__info li {margin: 0 8px; padding: 24px 56px 24px 24px; height: 120px; font-size: 18px;}
	.hs-sec04__info li em {right: 16px; font-size: 18px;}
	.hs-sec04__info li span {font-size: 14px;}

	.hs-sec05__title {font-size: 32px;}
	.hs-sec05__title strong {font-size: 40px; margin-top: 8px;}
	.hs-sec05__flow li dl dd {padding: 0 32px;}
	.hs-sec05__flow li dl dd em {width: 64px; height: 24px; font-size: 12px; margin-bottom: 4px;}
	.hs-sec05__flow li dl dd h5 {font-size: 24px;}
	.hs-sec05__flow li dl dd p {font-size: 16px; margin-top: 8px;}
	.hs-sec05__flow li:nth-child(odd) dl dd {padding-left: 32px;}
	.hs-sec05__tail {width: 104px; height: 40px; font-size: 14px; bottom: -20px;}

	.hs-sec07__dday {width: 480px; height: 104px}
	.hs-sec07__dday dt {font-size: 24px;}
	.hs-sec07__dday dd {font-size: 80px;}
	.hs-sec07__info {margin-bottom: -24px;}
	.hs-sec07__count strong {font-size: 50px;}
	.hs-sec07__discount {margin-top: 64px;}
	.hs-sec07__discount h5 {font-size: 34px;}
	.hs-sec07__discount h5:before {margin-right: 8px;}
	.hs-sec07__discount h5:after {margin-left: 8px;}
	.hs-sec07__coupon p {height: 230px; padding: 32px; font-size: 20px;}
	.hs-sec07__coupon h5 {height: 60px; font-size: 20px;}

	.hs-sec08__half {margin: 0 -10px;}
	.hs-sec08__item {margin: 0 10px;}
	.hs-sec08__bumb {width: 120px; height: 120px; font-size: 18px;}
	.hs-sec08__title {padding: 24px;}
	.hs-sec08__title span {font-size: 16px;}
	.hs-sec08__title h5 {font-size: 40px; margin-top: 8px;}
	.hs-sec08__text {padding: 40px 24px;}	
	.hs-sec08__text p {font-size: 18px;}
	.hs-sec08__text ul {margin-top: 24px;}
	.hs-sec08__text ul li {font-size: 14px;}
	.hs-sec08__text ul li:before {top: 2px;}
	.hs-sec08__cost {padding: 24px;}
	.hs-sec08__cost span {font-size: 14px;}
	.hs-sec08__cost p strong {font-size: 40px;}
	.hs-sec08__cost p em {font-size: 24px;}
	.hs-sec08__btn {height: 64px; font-size: 24px;}
	
	.hs-sec09__title {margin-bottom: 80px;}
	.hs-sec09__title span {font-size: 40px;}
	.hs-sec09__item dt {height: 64px; font-size: 20px; padding: 0 24px;}
	.hs-sec09__item.item01 dd {padding: 16px;}
	.hs-sec09__item.item02 dd {padding: 24px 16px;}
	.hs-sec09__item.item03 dd {padding: 24px;}
	.hs-sec09__tb th,
	.hs-sec09__tb td {padding: 12px;}
	.hs-sec09__tb th {font-size: 16px;}
	.hs-sec09__tb td {font-size: 14px;}
	.hs-sec09__list h5 {font-size: 16px;}
	.hs-sec09__list li {margin-bottom: 16px;}
	.hs-sec09__list > ul {padding-left: 16px;}
	.hs-sec09__text {font-size: 16px;}
}

@media (max-width:992px) {
	#hs {padding-bottom: 56px;}
	.hs-quick {position: fixed; top: auto !important; margin-top: 0; width: 100%; bottom: 0; display: flex; background: #fff;}
	.hs-quick__dday {flex-grow: 1; display: flex; height: 56px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.2);}
	.hs-quick__dday dt {flex-shrink: 0; padding: 0; width: 96px;}
	.hs-quick__dday dt p {display: none;}
	.hs-quick__dday dt strong {margin-top: 0;}
	.hs-quick__dday dd {flex-grow: 1;}
	.hs-quick__dday dd ul {display: flex; align-items: center; height: 100%;}
	.hs-quick__dday dd ul li {border-bottom: none; padding: 0; flex: auto; justify-content: center;}
	.hs-quick__dday dd ul li span {width: 44px; font-size: 32px;}
	.hs-quick__menu {display: flex; flex-shrink: 0; margin-top: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
	.hs-quick__menu a {height: 56px; display: flex; flex-direction: row;}
	.hs-quick__menu a:before {width: 22px; height: 21px; margin-bottom: 0; margin-right: 4px;}	
	.hs-quick__menu a.sky:before {height: 28px;}
	.hs-quick__menu a strong {font-size: 12px;}
	.hs-quick__menu a.blu {font-size: 12px; width: 120px;}
	.hs-quick__menu a.blu br {display: none;}
	.hs-quick__menu a.ylw {font-size: 12px; width: 120px;}
	.hs-quick__menu a.ylw br {display: none;}
	.hs-quick__menu a.sky {font-size: 12px; font-weight: 300; width: 160px;}
	.hs-quick__menu a u {display: none;}
	.hs-quick__menu a em {display: block; font-style: normal; font-size: 10px;}
	
	.hs-sec01__no1 {font-size: 22px;}
	.hs-sec01__box {width: 400px; height: 48px;}	
	.hs-sec01__box:before {border-width: 0 0 48px 22px;}
	.hs-sec01__box:after {border-width: 48px 22px 0 0;}
	.hs-sec01__slider dl {height: 48px; font-size: 20px;}
	.hs-sec01__slider dl dt {padding-right: 24px;}
	.hs-sec01__slider dl dt:after {right: 8px; width: 6px; height: 6px; margin-top: -3px;}
	.hs-sec01__title {font-size: 24px;}
	.hs-sec01__text {font-size: 18px; margin-top: 8px;}

	.hs-sec02__dday {width: 120px; height: 120px;}
	.hs-sec02__dday p {font-size: 18px;}
	.hs-sec02__dday strong {font-size: 24px;}
	.hs-sec02__title:before {width: 400px; height: 400px;}
	.hs-sec02__title h5 {width: 280px; font-size: 20px;}
	.hs-sec02__title h5:after {right: -16px;}
	.hs-sec02__title p {font-size: 34px;}
	.hs-sec02__list {padding: 16px;}
	.hs-sec02__list li p {font-size: 16px;}
	.hs-sec02__list li:before {width: 48px; height: 48px; background-size: 24px auto !important;}
	.hs-sec02__btn a {width: 480px; height: 56px; font-size: 16px;}
	.hs-sec02__btn a em {width: 24px; height: 24px;}
	.hs-sec02__btn a em:after {width: 4px; height: 4px; margin-left: -3px; margin-top: -3px;}
	
	.hs-sec03 {padding-bottom: 216px;}
	.hs-sec03__title {font-size: 28px;}
	.hs-sec03__title strong {font-size: 34px;}
	.hs-sec03__bubble {margin-top: 80px;}
	.hs-sec03__bubble dd {height: 64px; font-size: 15px; padding: 8px;}

	.hs-sec04__title {font-size: 26px;}
	.hs-sec04__what dt {width: 256px; height: 48px; font-size: 18px;}
	.hs-sec04__info li {height: 112px; font-size: 15px;}
	.hs-sec04__info li span {font-size: 13px;}

	.hs-sec05__title {font-size: 26px;}
	.hs-sec05__title strong {font-size: 30px;}

	.hs-sec06__qr dt {font-size: 32px;}
	.hs-sec06__qr dd {padding: 12px 48px;}
	.hs-sec07__half {display: block;}
	.hs-sec07__left {width: 100%;}
	.hs-sec07__dday {width: 320px; height: 80px}
	.hs-sec07__dday dt {font-size: 18px;}
	.hs-sec07__dday dd {font-size: 60px;}
	.hs-sec07__info {margin-top: 24px;}
	.hs-sec07__info span {font-size: 18px;}
	.hs-sec07__count {font-size: 30px;}
	.hs-sec07__count strong {font-size: 40px;}
	.hs-sec07__discount {margin-top: 40px;}
	.hs-sec07__right {width: 100%; margin-top: 64px; padding-left: 0;}
	.hs-sec07__coupon p {height: 120px;}

	.hs-sec08__bumb {width: 100px; height: 100px; font-size: 16px;}
	.hs-sec08__title {padding: 16px 24px;}
	.hs-sec08__title span {font-size: 14px;}
	.hs-sec08__title h5 {font-size: 30px;}
	.hs-sec08__text {padding: 32px 24px;}	
	.hs-sec08__text p {font-size: 16px;}
	.hs-sec08__text ul li {font-size: 13px; margin-bottom: 12px;}
	.hs-sec08__btn {height: 56px; font-size: 20px;}

	.hs-sec09__title span {font-size: 34px;}
	.hs-sec09__item dt {height: 48px; font-size: 15px; padding: 0 24px;}
	.hs-sec09__item.item01 dt {padding: 0;}
	.hs-sec09__item.item02 dd {padding: 16px;}
	.hs-sec09__item.item03 dd {padding: 16px;}
	.hs-sec09__tb th,
	.hs-sec09__tb td {padding: 8px;}
	.hs-sec09__tb th {font-size: 14px;}
	.hs-sec09__tb td {font-size: 13px;}

	.hs-sec09__list h5 {font-size: 15px; padding-left: 28px; margin-top: 20px;}
	.hs-sec09__list h5:before {top: -2px; font-size: 13px; width: 20px; height: 20px;}
	.hs-sec09__list ul {font-size: 13px;}
	.hs-sec09__list li:before {height: 20px; top: -4px; font-size: 12px;}
	.hs-sec09__list > ul > li {padding-left: 40px;}
	.hs-sec09__list > ul > li:before {width: 30px;}
	.hs-sec09__list > ul > li > ul > li {padding-left: 50px;}
	.hs-sec09__list > ul > li > ul > li:last-child {}
	.hs-sec09__list > ul > li > ul > li:before {width: 40px;}
	.hs-sec09__text {font-size: 14px;}
}

@media (max-width:768px) {
	.hs-quick__dday dt {width: 80px;}
	.hs-quick__dday dd ul li:after {font-size: 10px;}
	.hs-quick__dday dd ul li span {width: 38px; font-size: 28px;}
	.hs-quick__menu {position: fixed; bottom: 80px; right: 0; display: block; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; -webkit-box-shadow: -8px 0px 12px 0px rgba(0,0,0,0.2); box-shadow: -8px 0px 12px 0px rgba(0,0,0,0.2);}
	.hs-quick__menu a {width: 56px !important; height: 56px; display: flex; flex-direction: column;}
	.hs-quick__menu a:before {width: 22px; height: 21px; margin-bottom: 4px; margin-right: 0;}
	.hs-quick__menu a.sky {text-indent: -9999px; font-size: 0px;}
	.hs-quick__menu a.sky:before {margin-bottom: 0; width: 24px; height: 30px;}
	.hs-sec01 {padding-bottom: 56px;}
	.hs-sec01__no1 {font-size: 18px;}
	.hs-sec01__box {width: 280px; height: 32px;}	
	.hs-sec01__box:before {border-width: 0 0 32px 16px;}
	.hs-sec01__box:after {border-width: 32px 16px 0 0;}
	.hs-sec01__slider dl {height: 32px; font-size: 16px;}
	.hs-sec01__slider dl dt {padding-right: 16px;}
	.hs-sec01__slider dl dt:after {right: 6px; width: 4px; height: 4px; margin-top: -1px;}
	.hs-sec01__text {font-size: 16px;}

	.hs-sec02 {padding: 64px 0;}
	.hs-sec02__dday {width: 88px; height: 88px; z-index: 1; left: 10px; top: -40px;}
	.hs-sec02__dday p {font-size: 14px;}
	.hs-sec02__dday strong {font-size:18px;}
	.hs-sec02__title:before {width: 300px; height: 300px;}
	.hs-sec02__title h5 {width: 280px; font-size: 16px; height: 40px;}
	.hs-sec02__title h5:after {right: -16px;}
	.hs-sec02__title h3 {margin-top: 24px; padding: 0 5%;}
	.hs-sec02__title p {font-size: 16px; margin-top: 24px;}
	.hs-sec02__title p span {font-size: 24px;}
	.hs-sec02__list {padding: 8px; display: block;}
	.hs-sec02__list li {width: 100%;}
	.hs-sec02__list li p {font-size: 14px;}
	.hs-sec02__btn a {width: 304px; padding: 0 16px;}
	.hs-sec02__btn a em {flex-shrink: 0; margin-left: 16px;}

	.hs-sec03 {padding-top: 64px; padding-bottom: 96px;}
	.hs-sec03:after {bottom: -40px;}
	.hs-sec03__title {font-size: 14px;}
	.hs-sec03__title strong {font-size: 24px;}
	.hs-sec03__bubble {margin-top: 32px; padding: 32px 0;}
	.hs-sec03__bubble dd {height: 64px; font-size: 11px; padding: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
	.hs-sec03__bubble dd br {display: none;}
	.hs-sec03__bubble dd:before {width: 20px; height: 17px;}
	.hs-sec03__arrow {bottom: -40px;}
	
	.hs-sec04 {padding-top: 64px; padding-bottom: 64px;}
	.hs-sec04__title {font-size: 20px;}
	.hs-sec04__what {margin-top: 24px;}
	.hs-sec04__what dt {width: 208px; height: 40px; font-size: 14px;}
	.hs-sec04__info {display: block; padding-top: 24px; margin: 0;}
	.hs-sec04__info li {width: 100%; height: auto; margin: 0; margin-bottom: 8px; font-size: 14px;}
	.hs-sec04__info li:last-child {margin-bottom: 0;}
	.hs-sec04__info li span {font-size: 13px;}

	.hs-sec05 {padding-top: 64px; padding-bottom: 64px; background: #0f1e3d;}
	.hs-sec05__title {font-size: 16px;}
	.hs-sec05__title strong {font-size: 24px;}
	.hs-sec05__flow {margin-top: 64px;}
	.hs-sec05__flow li:first-child:before {width: 9px; height: 9px; top: -4px; z-index: 1;}
	.hs-sec05__flow li dl {display: block; position: relative;}
	.hs-sec05__flow li dl:before {content: ''; display: block; width: 136px; position: absolute; top: 0; bottom: 0; border: solid 1px #949aa9; -webkit-border-radius: 50%; border-radius: 50%;}
	.hs-sec05__flow li:nth-child(odd) dl:before {right: 0;}
	.hs-sec05__flow li:nth-child(even) dl:before {left: 0;}
	.hs-sec05__flow li dl dt {display: none;}	
	.hs-sec05__flow li dl dd {width: 100%; height: 136px; position: relative;}
	.hs-sec05__flow li:first-child dl dd {border-top: none;}
	.hs-sec05__flow li:last-child dl dd {border-bottom: none;}
	.hs-sec05__flow li dl dd:before {content: ''; display: block; background: #0f1e3d; border-top: solid 1px #949aa9; border-bottom: solid 1px #949aa9; top: 0; bottom: 0; width: calc(100% - 136px); position: absolute;}
	.hs-sec05__flow li:nth-child(odd) dl dd:before {left: 68px;}
	.hs-sec05__flow li:nth-child(even) dl dd:before {right: 68px;}
	.hs-sec05__flow li:first-child dl dd:before {left: 0; width: calc(100% - 68px); border-bottom: none;}
	.hs-sec05__flow li:nth-child(2) dl dd:before {right: 0; width: calc(100% - 68px); border-bottom: none;}
	.hs-sec05__flow li dl dd em {position: relative; width: 56px; height: 16px; font-size: 10px; margin-bottom: 4px; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
	.hs-sec05__flow li dl dd h5 {position: relative; font-size: 16px;}
	.hs-sec05__flow li dl dd p {position: relative; font-size: 11px; margin-top: 8px;}
	.hs-sec05__flow li:nth-child(odd) dl dd {padding-left: 16px; padding-right: 32px;}
	.hs-sec05__flow li:nth-child(even) dl dd {padding-left: 32px; padding-right: 16px; /* align-items: flex-end; text-align: right; */}
	.hs-sec05__flow li:nth-child(1) dl dd {padding-left: 20%;}
	.hs-sec05__flow li:nth-child(2) dl dd {border-top: none;}
	.hs-sec05__flow li:nth-child(3) dl dd {white-space: normal;}
	.hs-sec05__tail {width: 88px; height: 32px; font-size: 12px; bottom: -16px;}

	.hs-sec06__qr dt {font-size: 22px;}
	.hs-sec06__qr dd {padding: 20px 0; height: auto;}
	.hs-sec06__qr dd:before {height: 100%;}
	.hs-sec06__qr dd span {width: 72px; height: 72px;}
	.hs-sec06__qr dd span:before,
	.hs-sec06__qr dd span:after {display: none;}
	
	.hs-sec07 {padding-top: 64px; padding-bottom: 72px;}
	.hs-sec07__dday {width: 240px; height: 56px}
	.hs-sec07__dday:before {width: 95px; height: 60px; left: -40px; top: -20px;}
	.hs-sec07__dday dt {font-size: 14px;}
	.hs-sec07__dday dd {font-size: 40px;}
	.hs-sec07__info {margin-top: 16px; margin-bottom: -16px;}
	.hs-sec07__info span {font-size: 14px; height: 24px;}
	.hs-sec07__info span:before {border-width: 0 0 24px 12px;}
	.hs-sec07__info span:after {border-width: 24px 12px 0 0;}
	.hs-sec07__count {font-size: 20px;}
	.hs-sec07__count strong {font-size: 30px;}
	.hs-sec07__discount {margin-top: 24px;}
	.hs-sec07__discount p {font-size: 16px;}
	.hs-sec07__discount h5 {font-size: 20px; margin-top: 8px;}
	.hs-sec07__discount h5:before,
	.hs-sec07__discount h5:after {width: 25px; height: 24px;}
	.hs-sec07__discount h5:before {margin-right: 12px; top: -8px;}
	.hs-sec07__discount h5:after {margin-left: 12px; bottom: -16px;}
	.hs-sec07__discount h5 span:after {margin-top: -4px;}
	.hs-sec07__right {margin-top: 32px;}
	.hs-sec07__coupon p {height: auto; font-size: 16px; padding: 24px;}
	.hs-sec07__coupon h5 {font-size: 16px; height: 50px;}
	.hs-sec07__coupon h5:after {width: 24px; height: 24px;}

	.hs-sec08 {padding: 64px 0;}
	.hs-sec08__half {display: block; margin: 0;}
	.hs-sec08__item {margin: 0; width: 100%; margin-bottom: 32px;}
	.hs-sec08__item:last-child {margin-bottom: 0;}
	.hs-sec08__bumb {width: 88px; height: 88px; font-size: 14px; top: -32px; right: -24px;}
	.hs-sec08__text p {font-size: 14px;}
	.hs-sec08__text ul li {font-size: 12px; margin-bottom: 8px;}
	.hs-sec08__cost {padding: 16px 24px;}
	.hs-sec08__cost span {font-size: 13px;}
	.hs-sec08__cost p strong {font-size: 30px;}	
	.hs-sec08__cost p em {font-size: 20px;}
	
	.hs-sec09 {padding-top: 64px; padding-bottom: 64px}
	.hs-sec09__title {margin-bottom: 64px;}
	.hs-sec09__title span {font-size: 24px;}

	.hs-sec09__wrap {margin: 0; display: 100%;}
	.hs-sec09__item {padding: 0; margin-bottom: 32px;}
	.hs-sec09__item:last-child {margin-bottom: 0;}
	.hs-sec09__item.item01 {width: 100%;}
	.hs-sec09__item.item01:before {content: ''; display: block; width: 95px; height: 45px; position: absolute; left: 50%; margin-left: -48px; bottom: 100%; margin-bottom: -10px; background: url('https://img.megastudyth.com/event/2023/highscore/sec09_ribbon.png')no-repeat center center / cover;}
	.hs-sec09__item.item02 {width: 100%;}
	.hs-sec09__item dt {font-size: 16px; justify-content: center;}
	.hs-sec09__list > ul {padding-left: 8px;}
	.hs-sec09__list li:before {top: 2px;}
	.hs-sec09__text {font-size: 13px;}







}