@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: #ffdf2f; 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/highscore2/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: #10197e url('https://img.megastudyth.com/event/2023/highscore2/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/highscore2/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/highscore2/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-bottom: 96px; overflow: hidden; background: url('https://img.megastudyth.com/event/2023/highscore2/sec02_bg.jpg')no-repeat center top / cover;}
.hs-sec02__dday {color: #333; position: absolute; top: 64px; left: 20px; background: url('https://img.megastudyth.com/event/2023/highscore2/sec02_badge.png')no-repeat center top / cover;}
.hs-sec02__dday > div {width: 196px; height: 196px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
.hs-sec02__dday em {font-style: normal; font-size: 14px; color: #999; line-height: 1.3;}
.hs-sec02__dday p {font-size: 28px; font-weight: 600; margin-top: 4px;}
.hs-sec02__dday strong {font-size: 36px; margin-top: 4px; color: #ff3bae; font-weight: 600;}
.hs-sec02__top { margin: 0 auto; width: 510px; height: 120px; font-size: 32px; color: #fff; background: #4e1779; line-height: 1.2; font-weight: 500; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; text-shadow: 0px 2px 2px rgba(0,0,0,0.26); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.hs-sec02__top span {color: #ffde25;}
.hs-sec02__title {position: relative;}
.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: 48px; font-weight: 500; font-style: italic; text-align: center; color: #fff; text-shadow: 0px 8px 12px rgba(0,0,0,0.16);}
.hs-sec02__title p span {color: #ffdf2f;}
.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/highscore2/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/highscore2/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/highscore2/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/highscore2/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:before {content: ''; display: block; width: 600px; height: 70px; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url('https://img.megastudyth.com/event/2023/highscore2/sec02_tail.png')no-repeat center top / 100% auto;}
.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-sec04-1 {background: #2d0f9d; padding: 32px 0; text-align: center;}
.hs-sec04-1 a {display: block;}
.hs-sec04-1 p {font-size: 24px; font-weight: 500; color: #fff;}
.hs-sec04-1 h3 {font-size: 36px; font-weight: 600; color: #ffec16; margin-top: 16px;}

.hs-sec05 {padding: 80px 0; background: #e9dffb;}
.hs-sec05__title {font-size: 40px; font-weight: 400; text-align: center;}
.hs-sec05__title strong {display: block; font-size: 48px;}
.hs-sec05__title span {color: #ff3bae;}
.hs-sec05__list {margin-top: 64px; display: flex;}
.hs-sec05__list li {width: 50%;}
.hs-sec05__list li dl {}
.hs-sec05__list li dl dt {width: 100%; max-width: 380px; margin: 0 auto; padding: 20px; position: relative;}
.hs-sec05__list li dl dt em {display: block; padding-bottom: 100%; -webkit-border-radius: 50%; border-radius: 50%;}
.hs-sec05__list li dl dt span {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 48px; font-weight: 600;}
.hs-sec05__list li dl dt:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('https://img.megastudyth.com/event/2023/highscore2/sec05_leaf.png')no-repeat center center / cover;}
.hs-sec05__list li dl dd {font-size: 20px; margin-top: 8px; text-align: center; font-weight: 500; line-height: 1.3;}
.hs-sec05__last {margin: 160px auto 0; width: 768px; height: 184px; background: #a025ff; color: #fff; position: relative; display: flex; -webkit-border-radius: 16px; border-radius: 16px; align-items: center; justify-content: center; flex-direction: column;}
.hs-sec05__last h5 {font-size: 60px; font-weight: 600;}
.hs-sec05__last p {font-size: 34px; font-weight: 600; margin-top: 12px;}
.hs-sec05__last:before {content: ''; display: block; width: 410px; height: 150px; position: absolute; left: 50%; bottom: 100%; margin-bottom: -20px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url('https://img.megastudyth.com/event/2023/highscore2/sec05_arrow.png')no-repeat center center / cover;}

.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: 80px 0;}
.hs-sec07__top {text-align: center;}
.hs-sec07__top h5 {font-size: 48px; font-weight: 600;}
.hs-sec07__top h3 {font-size: 104px; font-weight: 700; margin-top: 40px;}
.hs-sec07__top h3 span {color: #ff3bae;}
.hs-sec07__top p {height: 76px; background: #ffd8ef; font-size: 32px; padding: 0 56px; font-style: italic; margin-top: 40px; font-weight: 500; -webkit-border-radius: 80px; border-radius: 80px; display: inline-flex; align-items: center; justify-content: center;}
.hs-sec07__info {margin-top: 56px; padding: 40px; background: #f6f6f6; position: relative;}
.hs-sec07__info:before {content: ''; display: block; width: 204px; height: 208px; position: absolute; top: -72px; right: -48px; background: url('https://img.megastudyth.com/event/2023/highscore2/sec07_calendar.png')no-repeat center center / cover;}
.hs-sec07__info dt {font-size: 28px; font-weight: 600; margin-bottom: 32px;}
.hs-sec07__info dd {font-size: 20px; color: #676767; margin-bottom: 16px; position: relative; padding-left: 16px;}
.hs-sec07__info dd:last-child {margin-bottom: 0;}
.hs-sec07__info dd:before {content: ''; display: block; width: 5px; height: 5px; background: #999; position: absolute; left: 0; top: 8px; -webkit-border-radius: 50%; border-radius: 50%;}
.hs-sec07__info dd span {color: #8929ff;}
.hs-sec07__price {background: #8929ff; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between;}
.hs-sec07__price dt {display: flex; align-items: center;}
.hs-sec07__price dt u {font-size: 20px; color: rgba(255,255,255,0.7); text-decoration: none; display: block; position: relative; margin-right: 40px;}
.hs-sec07__price dt u:before {content: ''; background: #ffef3c; height: 1px; position: absolute; left: -8px; right: -16px; top: 50%;}
.hs-sec07__price dt u:after {content: ''; display: block; position: absolute; right: -18px; top: 50%; margin-top: -6px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 8px; border-color: transparent transparent transparent #ffef3c;}
.hs-sec07__price dt strong {font-size: 36px; color: #ffef3c; font-weight: 600;}
.hs-sec07__price dd {}
.hs-sec07__price dd a {width: 152px; height: 42px; background: #fff; color: #8929ff; font-size: 20px; -webkit-border-radius: 42px; border-radius: 42px; display: flex; align-items: center; justify-content: center;}
.hs-sec07__desc {padding: 32px 40px; border: solid 1px #eaeaea; margin-top: 36px;}
.hs-sec07__desc dt {font-size: 20px; color: #8929ff; margin-bottom: 16px;}
.hs-sec07__desc dd {font-size: 18px; color: #676767; line-height: 1.3;}



@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 > div {width: 140px; height: 140px;}
	.hs-sec02__dday em {font-size: 12px; line-height: 1.2;}
	.hs-sec02__dday p {font-size: 22px;}
	.hs-sec02__dday strong {font-size: 26px;}
	.hs-sec02__top {width: 400px; height: 96px; font-size: 24px;}
	.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;}
	.hs-sec05__last {width: 520px; height: 136px;}
	.hs-sec05__last h5 {font-size: 40px;}
	.hs-sec05__last p {font-size: 24px;}

	.hs-sec07__top h5 {font-size: 34px;}
	.hs-sec07__top h3 {font-size: 72px; margin-top: 16px;}
	.hs-sec07__top p {height: 56px; font-size: 24px; padding: 0 40px; margin-top: 24px;}
}

@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 {top: 32px;}
	.hs-sec02__dday > div {width: 120px; height: 120px;}
	.hs-sec02__dday p {font-size: 18px;}
	.hs-sec02__dday strong {font-size: 24px;}
	.hs-sec02__top {width: 320px; height: 72px; font-size: 20px;}
	.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: 20px;}
	.hs-sec05__title strong {font-size: 28px;}
	.hs-sec05__list {margin-top: 32px; margin-left: -20px; margin-right: -20px;}
	.hs-sec05__list li {padding: 0 20px;}
	.hs-sec05__list li dl dt span {font-size: 30px;}
	.hs-sec05__list li dl dd {font-size: 16px;}
	.hs-sec05__last {width: 400px; height: 104px; margin: 80px auto 0;}
	.hs-sec05__last:before {width: 205px; height: 75px;}
	.hs-sec05__last h5 {font-size: 32px;}
	.hs-sec05__last p {font-size: 18px;}

	.hs-sec06__qr dt {font-size: 32px;}
	.hs-sec06__qr dd {padding: 12px 48px;}

	.hs-sec07__top h5 {font-size: 26px;}
	.hs-sec07__top h3 {font-size: 60px; margin-top: 16px;}
	.hs-sec07__top p {height: 48px; font-size: 20px; padding: 0 32px; margin-top: 16px;}
	.hs-sec07__info {margin-top: 48px; padding: 24px;}
	.hs-sec07__info dt {font-size: 24px; margin-bottom: 16px;}
	.hs-sec07__info dd {font-size: 16px; margin-bottom: 8px; padding-left: 8px;}
	.hs-sec07__info dd:before {width: 3px; height: 3px; top: 8px;}
	.hs-sec07__price {padding: 16px 32px;}
	.hs-sec07__price dt u {font-size: 16px; margin-right: 24px;}
	.hs-sec07__price dt strong {font-size: 32px;}
	.hs-sec07__price dd a {width: 120px; height: 40px; font-size: 18px;}
	.hs-sec07__desc {padding: 24px; margin-top: 24px;}
	.hs-sec07__desc dt {font-size: 18px; margin-bottom: 8px;}
	.hs-sec07__desc dd {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-bottom: 64px;}
	.hs-sec02__dday {z-index: 1; left: 10px; top: 16px;}
	.hs-sec02__dday > div {width: 64px; height: 64px;}
	.hs-sec02__dday em {display: none;}
	.hs-sec02__dday p {font-size: 14px;}
	.hs-sec02__dday strong {font-size:18px; margin-top: 0;}
	.hs-sec02__top {width: 200px; height: 48px; font-size: 13px;}
	.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:before {width: 300px; height: 35px;}
	.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-sec04-1 p {font-size: 14px;}
	.hs-sec04-1 h3 {font-size: 24px; margin-top: 4px;}

	.hs-sec05 {padding: 64px 0;}
	.hs-sec05__title {font-size: 16px;}
	.hs-sec05__title strong {font-size: 24px;}
	.hs-sec05__list {margin-top: 32px; margin-left: 0; margin-right: 0; display: block;}
	.hs-sec05__list li {padding: 0; width: 100%; margin-bottom: 32px;}
	.hs-sec05__list li:last-child {margin-bottom: 0;}
	.hs-sec05__list li dl dt {max-width: 240px;}
	.hs-sec05__list li dl dt span {font-size: 24px;}
	.hs-sec05__list li dl dd {font-size: 14px;}
	.hs-sec05__last {width: 280px; height: 80px; margin: 64px auto 0;}
	.hs-sec05__last:before {width: 205px; height: 75px; margin-bottom: -8px;}
	.hs-sec05__last h5 {font-size: 22px;}
	.hs-sec05__last p {font-size: 14px; margin-top: 4px;}

	.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: 64px 0;}
	.hs-sec07__top h5 {font-size: 18px;}
	.hs-sec07__top h3 {font-size: 32px;}
	.hs-sec07__top p {height: 40px; font-size: 14px; padding: 0 24px;}
	.hs-sec07__info {margin-top: 32px;}
	.hs-sec07__info:before {display: none;}
	.hs-sec07__info dt {font-size: 18px;}
	.hs-sec07__info dd {font-size: 14px;}
	.hs-sec07__info dd:before {top: 6px;}
	.hs-sec07__price {padding: 16px; display: block;}
	.hs-sec07__price dt {justify-content: center;}
	.hs-sec07__price dt u {font-size: 14px;}
	.hs-sec07__price dt strong {font-size: 24px;}
	.hs-sec07__price dd {margin-top: 16px;}
	.hs-sec07__price dd a {margin: 0 auto;}
	.hs-sec07__desc {padding: 16px; margin-top: 16px;}

}