@charset "utf-8";
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#buffet {width: 100%; overflow: hidden; color: #333; line-height: 1.3; letter-spacing: -0.025rem;}
#buffet * {box-sizing: border-box;}
#buffet img {display: block; max-width: 100%; margin: 0 auto;}
#buffet button {-webkit-appearance: none; appearance: none;}
#buffet #body_temp {}
.container {max-width: 1320px; padding-left: 20px; padding-right: 20px;}


.bf-top {padding: 120px 0; position: relative; background: url('https://img.megastudyth.com/event/2024/tgat68/top_bg.jpg')no-repeat center center / cover;}
.bf-top:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0.3) 100%);}
/* .bf-top {padding: 120px 0; position: relative; background: #4b1496 url('https://img.megastudyth.com/event/2024/buffet_high/tch_bottom.jpg')no-repeat center bottom / 100% auto;}
.bf-top:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 200px; background: url('https://img.megastudyth.com/event/2024/buffet_high/tch_top.jpg')no-repeat center top / 100% auto;} */
.bf-top p {font-size: 32px; background: #161c42; color: #fff; font-weight: 500; position: relative; height: 48px; padding-left: 16px; padding-right: 24px; margin-left: 24px; font-style: italic; display: inline-flex; align-items: center; justify-content: center;}
.bf-top p span {color: #1af1fb; font-weight: 600; margin-left: 8px;}
.bf-top p:before,
.bf-top p:after {content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; transform: rotate(0deg);}
.bf-top p:before {right: 100%; border-width: 0 0 48px 16px; border-color: transparent transparent #161C42 transparent;}
.bf-top p:after {left: 100%; border-width: 48px 16px 0 0; border-color: #161C42 transparent transparent transparent;}
.bf-top h3 {margin-top: 8px; position: relative; margin-left: -64px;}
.bf-top h3 span {font-size: 80px; line-height: 1; font-weight: 900; letter-spacing: -0.1rem;display: inline-block; padding: 0 40px; font-family: 'yg-jalnan'; font-style: italic;}
.bf-top h3 span strong {font-size: 160px; font-weight: 900;}
.bf-top h3 span strong br {display: none;}
.bf-top h3 span em {letter-spacing: -1rem;}
.bf-top h3 span:nth-child(1) {color: rgba(255,255,255,0.8); text-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-text-stroke: 1px rgba(255,255,255,0.2);}
.bf-top h3 span:nth-child(2) {position: absolute; left: 0; top: -1px; z-index: 2; display: inline-block; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2024/tgat68/top_title.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bf-top h3 span:nth-child(3) {position: absolute; left: 0; top: 0; color: rgba(0,0,0,0); text-shadow: 0px 6px 0px rgba(255,255,255,0.9);}
.bf-top h4 {font-size: 60px; font-weight: 700; line-height: 1.0; font-style: italic; margin-top: 24px; color: #fff;}
.bf-top h5 {font-size: 40px; font-weight: 700; line-height: 1.0; font-style: italic; padding: 0 8px; margin-left: -8px; display: inline-block; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2024/tgat68/top_grd.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bf-top ul {display: flex; margin-top: 32px;}
.bf-top ul li {margin-right: 8px; position: relative;}
.bf-top ul li:last-child {margin-right: 0;}
.bf-top ul li:after {content: ''; display: block; width: 32px; height: 32px; background: #1af1fb; position: absolute; left: 100%; margin-left: -12px; top: 50%; margin-top: -16px; z-index: 1; -webkit-border-radius: 50%; border-radius: 50%;}
.bf-top ul li:last-child:after {display: none;}
.bf-top ul li div {width: 240px; height: 96px; font-size: 14px; font-weight: 300; position: relative; color: rgba(255,255,255,0.5); background: rgba(59,92,195,0.5); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-border-radius: 12px; border-radius: 12px;}
.bf-top ul li strong {display: block; font-size: 22px; color: #fff; font-weight: 600;}
.bf-top ul li div:before,
.bf-top ul li div:after {content: ''; display: block; position: absolute; top: 50%; background: #fff; left: 100%; z-index: 2;}
.bf-top ul li div:before {width: 12px; height: 2px; margin-top: -1px; margin-left: -2px;}
.bf-top ul li div:after {width: 2px; height: 12px; margin-left: 3px; margin-top: -6px;}
.bf-top ul li:last-child div:before,
.bf-top ul li:last-child div:after {display: none;}

@media (max-width:1280px) {
	.bf-top {padding: 96px 0;}
	.bf-top p {font-size: 26px; height: 40px;}
	.bf-top p:before {border-width: 0 0 40px 16px;}
	.bf-top p:after {border-width: 40px 16px 0 0;}
	.bf-top h3 {margin-left: -32px;}
	.bf-top h3 span {font-size: 60px; padding: 0 20px;}
	.bf-top h3 span strong {font-size: 120px;}
	.bf-top h4 {font-size: 50px;}
	.bf-top h5 {font-size: 34px}
	.bf-top ul li div {width: 200px; height: 80px; font-size: 13px;}
	.bf-top ul li strong {font-size: 18px;}

}

@media (max-width:992px) {
	.bf-top p {font-size: 20px; height: 32px; padding-left: 8px; padding-right: 12px; margin-left: 16px;}
	.bf-top p:before {border-width: 0 0 32px 16px;}
	.bf-top p:after {border-width: 32px 16px 0 0;}
	.bf-top h3 {margin-left: -32px;}
	.bf-top h3 span {font-size: 52px; padding: 0 20px;}
	.bf-top h3 span strong {font-size: 100px;}
	.bf-top h4 {font-size: 42px;}
	.bf-top h5 {font-size: 26px}
}

@media (max-width:768px) {
	.bf-top {padding: 64px 0; text-align: center;}
	.bf-top p {font-size: 20px; height: 32px; padding-left: 8px; padding-right: 12px; margin-left: 16px;}
	.bf-top p:before {border-width: 0 0 32px 16px;}
	.bf-top p:after {border-width: 32px 16px 0 0;}
	.bf-top h3 {margin-left: 0; text-align: center; white-space: nowrap;}
	.bf-top h3 span {font-size: 40px; padding: 0;}
	.bf-top h3 span strong {font-size: 80px; display: block;}
	.bf-top h3 span:nth-child(2) {right: 0;}
	.bf-top h3 span:nth-child(3) {right: 0; text-shadow: 0px 3px 0px rgba(255,255,255,0.9);}
	.bf-top h4 {font-size: 24px;}
	.bf-top h5 {font-size: 16px}
	.bf-top ul {margin-top: 24px; margin-left: -4px; margin-right: -4px;}
	.bf-top ul li {margin-right: 0; padding: 0 4px; width: 33.3333%;}
	.bf-top ul li:last-child {margin-right: 0;}
	.bf-top ul li:after {width: 24px; height: 24px; margin-top: -12px;}
	.bf-top ul li div {width: 100%; height: 64px; font-size: 9px;}
	.bf-top ul li strong { font-size: 13px; font-weight: 500; line-height: 1.1;}
	.bf-top h3 span strong br {display: block;}



}

@media (max-width:320px) {


}




.bf-tch {padding: 120px 0; position: relative; background: #130c42 url('https://img.megastudyth.com/event/2024/tgat68/tch_bottom.jpg')no-repeat center bottom / 100% auto;}
.bf-tch:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 200px; background: url('https://img.megastudyth.com/event/2024/tgat68/tch_top.jpg')no-repeat center top / 100% auto;}
.bf-tch__title {text-align: center;}
.bf-tch__title h5 {font-size: 36px; color: #fff;}
.bf-tch__title h5 span {color: #f8ff44;}
.bf-tch__title h4 {font-size: 52px; margin-top: 32px; font-weight: 700; color: #fff; line-height: 1.2;}
.bf-tch__title h4 span {color: #44ffae;}
.bf-tch__group {margin-top: 48px; padding: 0 10%;}

@media (max-width:1280px) {
	.bf-tch__title h5 {font-size: 30px;}
	.bf-tch__title h4 {font-size: 46px; margin-top: 24px;}

}

@media (max-width:992px) {	
	.bf-tch__title h5 {font-size: 20px;}
	.bf-tch__title h4 {font-size: 36px; margin-top: 8px;}

}

@media (max-width:768px) {
	.bf-tch {padding: 64px 0;}
	.bf-tch__title h5 {font-size: 14px;}
	.bf-tch__title h4 {font-size: 20px;}
	.bf-tch__title h4 br {display: none;}
	.bf-tch__group {padding: 0; margin-top: 24px;}

}






.bf-stu {padding-top: 96px; padding-bottom: 136px; background: #f6f6f6 url('https://img.megastudyth.com/event/2024/buffet_high/stu_bg.jpg')no-repeat center top / 100% auto;}
.bf-stu__title {text-align: center;}
.bf-stu__title h5 {height: 64px; font-size: 36px; color: #fff; padding: 0 40px; background: linear-gradient(to right,  rgba(126,31,255,0) 0%,rgba(126,31,255,1) 35%,rgba(126,31,255,1) 65%,rgba(126,31,255,0) 100%); display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.bf-stu__title h5 span {color: #44ffae;}
.bf-stu__title h4 {font-size: 40px; font-weight: 600; margin-top: 32px;}
.bf-stu__title h4 strong {display: block; font-size: 52px;}
.bf-stu__title h4 span {color: #7b18fe;}

.bf-stu__tcas {background: #fff; padding: 32px; text-align: center; margin-top: 40px;}
.bf-stu__tcas p {font-size: 32px; color: #676767; font-weight: 600;}
.bf-stu__tcas h5 {font-size: 40px; font-weight: 700;}
.bf-stu__wrap {padding: 32px 40px;}
.bf-stu__wrap.navy {background: #2f337d;}
.bf-stu__wrap.bk {background: #111;}
.bf-stu__slider .slick-dots {display: flex; justify-content: center; margin-top: 20px;}
.bf-stu__slider .slick-dots li {margin: 0 5px; display: flex; align-items: flex-end; height: 12px;}
.bf-stu__slider .slick-dots li button {background: #fff; width: 6px; height: 6px; text-indent: -9999px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.bf-stu__slider .slick-dots li.slick-active button {background: #ff187f; height: 12px;}

.bf-stu__slider {margin: 0 -10px;}
.bf-stu__slider .slick-slide {padding: 12px 10px;}
.bf-stu__card {margin-top: 12px; -webkit-transition: all 0.3s;  transition: all 0.3s; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.16);}
.bf-stu__card dt {border: solid 12px #ddd; position: relative; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.bf-stu__card dt img {display: block; width: 100%;}
.bf-stu__card dt p {padding: 0 24px; height: 40px; font-size: 20px; font-weight: 500; position: absolute; right: 0; bottom: 0; background: #aaa; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.bf-stu__card dd {background: #fff; padding: 16px; display: flex; align-items: center;}
.bf-stu__card dd h4 {background: #f2f2f2; color: #999; font-size: 14px; width: 80px; height: 40px; margin-right: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px;}
.bf-stu__card dd em {flex-shrink: 0; display: block; width: 44px; height: 44px; margin-right: 8px;}
.bf-stu__card dd div {flex-grow: 1;}
.bf-stu__card dd h5 {font-size: 16px;}
.bf-stu__card dd h5 strong {font-size: 20px; margin-right: 4px;}
.bf-stu__card dd p {}
.bf-stu__slider .slick-slide.on .bf-stu__card {-webkit-transform: translateY(-24px); transform: translateY(-24px);}
.bf-stu__wrap.navy .bf-stu__card dt {border-color: #111;}
.bf-stu__wrap.navy .bf-stu__card dt p {background: #111; color: #fff;}
.bf-stu__wrap.navy .bf-stu__slider .slick-slide.on .bf-stu__card dt {border-color: #ffd71c;}
.bf-stu__wrap.navy .bf-stu__slider .slick-slide.on .bf-stu__card dt p {background: #ffd71c; color: #333;}
.bf-stu__wrap.bk .bf-stu__card dt {border-color: #ff187f;}
.bf-stu__wrap.bk .bf-stu__card dt p {background: #ff187f; color: #fff;}
.bf-stu__wrap.bk .bf-stu__slider .slick-slide.on .bf-stu__card dt {border-color: #44ffae;}
.bf-stu__wrap.bk .bf-stu__slider .slick-slide.on .bf-stu__card dt p {background: #44ffae; color: #333;}

@media (max-width:1280px) {
	.bf-stu {padding-bottom: 96px;}
	.bf-stu__title h5 {height: 48px; font-size: 26px; padding: 0 24px;}
	.bf-stu__title h4 {font-size: 34px; margin-top: 16px;}
	.bf-stu__title h4 strong {font-size: 46px;}
	.bf-stu__tcas p {font-size: 24px;}
	.bf-stu__tcas h5 {font-size: 34px;}
	.bf-stu__card dt p {padding: 0 16px; height: 32px; font-size: 16px;}
	.bf-stu__card dd {padding: 8px;}
	.bf-stu__card dd h4 {font-size: 12px; width: 56px; height: 32px;}
	.bf-stu__card dd em {width: 32px; height: 32px;}
	.bf-stu__card dd h5 {font-size: 12px;}
	.bf-stu__card dd h5 strong {font-size: 16px;}
	.bf-stu__card dd p {font-size: 12px;}
}

@media (max-width:992px) {	
	.bf-stu__title h5 {height: 40px; font-size: 20px;}
	.bf-stu__title h4 {font-size: 30px;}
	.bf-stu__title h4 strong {font-size: 40px;}
	.bf-stu__tcas p {font-size: 20px;}
	.bf-stu__tcas h5 {font-size: 30px;}
}

@media (max-width:768px) {
	.bf-stu {padding-top: 64px; padding-bottom: 64px;}
	.bf-stu__title h5 {height: auto; padding: 8px 24px; margin: 0 -20px; font-size: 14px;}
	.bf-stu__title h4 {font-size: 20px;}
	.bf-stu__title h4 strong {font-size: 30px;}
	.bf-stu__tcas {padding: 24px; margin-top: 24px;}
	.bf-stu__tcas p {font-size: 15px;}
	.bf-stu__tcas h5 {font-size: 20px;}
	.bf-stu__wrap {padding: 24px;}
	.bf-stu__slider {margin: 0 -5px;}
	.bf-stu__slider .slick-slide {padding: 12px 5px;}
	.bf-stu__slider .slick-dots {margin-top: 8px;}
	.bf-stu__card dt {border-width: 8px;}
	.bf-stu__card dt p {padding: 0 0 0 8px; height: 24px; font-size: 11px;}
	.bf-stu__card dd h4 {font-size: 10px; width: 40px; height: 24px;}
	.bf-stu__card dd h5 {font-size: 10px;}
	.bf-stu__card dd h5 strong {font-size: 14px;}
	.bf-stu__card dd em {display: none;}
}








.bf-system {padding: 120px 0; background: url('https://img.megastudyth.com/event/2024/tgat68/system_bg.jpg')no-repeat center top / cover;}
.bf-system__title {text-align: center;}
.bf-system__title h5 {height: 64px; font-size: 36px; color: #fff; padding: 0 40px; background: linear-gradient(to right,  rgba(126,31,255,0) 0%,rgba(126,31,255,1) 35%,rgba(126,31,255,1) 65%,rgba(126,31,255,0) 100%); display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.bf-system__title h5 span {color: #44ffae;}
.bf-system__title h4 {font-size: 40px; font-weight: 600; margin-top: 32px; color: #fff;}
.bf-system__title h4 strong {display: block; font-size: 52px;}
.bf-system__tcas {display: flex; flex-wrap: wrap; margin-top: 64px; position: relative;}
.bf-system__tcas:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 50%; border-top: dashed 1px #d7b9ff;}
.bf-system__tcas dd {width: 50%; display: flex; margin: 24px 0; position: relative;}
.bf-system__tcas dd:nth-child(odd) {justify-content: flex-end;}
.bf-system__tcas dd:nth-child(2),
.bf-system__tcas dd:nth-child(6) {padding-left: 40px;}
.bf-system__tcas dd:nth-child(3),
.bf-system__tcas dd:nth-child(7) {padding-right: 40px;}
.bf-system__tcas dd:before {content: ''; display: block; width: 60%; border-top: dashed 1px #d7b9ff; position: absolute; top: 50%;}
.bf-system__tcas dd:after {content: ''; display: block; width: 30%; border-top: dashed 1px #d7b9ff; position: absolute; top: 50%;}
.bf-system__tcas dd:nth-child(2):before,
.bf-system__tcas dd:nth-child(6):before {left: 40px;}
.bf-system__tcas dd:nth-child(3):before,
.bf-system__tcas dd:nth-child(7):before {right: 40px;}
.bf-system__tcas dd:nth-child(2):after,
.bf-system__tcas dd:nth-child(6):after {left: 60%; margin-left: 40px; transform-origin: left top;}
.bf-system__tcas dd:nth-child(3):after,
.bf-system__tcas dd:nth-child(7):after {right: 60%; margin-right: 40px; transform-origin: right top;}
.bf-system__tcas dd:nth-child(2):after,
.bf-system__tcas dd:nth-child(7):after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-system__tcas dd:nth-child(3):after,
.bf-system__tcas dd:nth-child(6):after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.bf-system__tcas dd > div {width: 296px; height: 128px; background: #343a7b; overflow: hidden; position: relative; z-index: 1; padding-top: 24px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.bf-system__tcas dd span {padding: 4px 8px; background: #fc2493; color: #fff; line-height: 1.1; font-size: 14px; font-weight: 500; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.bf-system__tcas dd p {color: #fff; font-size: 18px; text-align: center;}
.bf-system__tcas dd.red > div {background: #691ad5; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.16);}
.bf-system__tcas dd.red span {background: #44ffae; color: #333; font-weight: 600;}
.bf-system__tcas dd.red p {color: #fff;}
.bf-system__tcas dt {width: 344px; height: 344px; background: #2b2f55; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; outline: solid 8px #eadaff; position: absolute; left: 50%; top: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 16px 0px rgba(68,33,115,1); box-shadow: 0px 0px 16px 0px rgba(68,33,115,1); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.bf-system__tcas dt p {font-size: 20px; color: #fff; font-weight: 500; margin-top: 8px;}
.bf-system__tcas dt span {height: 48px; background: #f2456a; color: #fff; font-size: 32px; font-weight: 500; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}
.bf-system__tcas dt span em {display: block; width: 25px; height: 23px; text-indent: -9999px; margin: 0 8px; background: url('https://img.megastudyth.com/event/2024/tgat68/sys_x.png')no-repeat center center / cover;}

@media (max-width:1280px) {
	.bf-system__title h5 {height: 48px; font-size: 26px; padding: 0 24px;}
	.bf-system__title h4 {font-size: 34px; margin-top: 16px;}
	.bf-system__title h4 strong {font-size: 38px;}
	.bf-system__tcas {margin-top: 48px;}
	.bf-system__tcas dd > div {width: 240px; height: 112px;}
	.bf-system__tcas dd p {font-size: 16px;}
	.bf-system__tcas dt {width: 280px; height: 280px;}
	.bf-system__tcas dt p {font-size: 18px;}
	.bf-system__tcas dt span {height: 40px; font-size: 24px; padding: 0 16px;}
	.bf-system__tcas dt span em {width: 18px; height: 16px; margin: 0 4px;}

}

@media (max-width:992px) {	
	.bf-system__title h5 {height: 40px; font-size: 20px;}
	.bf-system__title h4 {font-size: 26px;}
	.bf-system__title h4 strong {font-size: 34px;}
	.bf-system__tcas {margin-top: 24px;}
	.bf-system__tcas dd > div {width: 200px; height: 88px; padding-top: 16px;}
	.bf-system__tcas dd span {font-size: 11px;}
	.bf-system__tcas dd p {font-size: 14px;}
	.bf-system__tcas dt {width: 200px; height: 200px;}
	.bf-system__tcas dt p {font-size: 14px;}
	.bf-system__tcas dt span {height: 32px; font-size: 18px;}
	.bf-system__tcas dt span em {width: 14px; height: 12px;}
}

@media (max-width:768px) {
	.bf-system {padding: 64px 0;}
	.bf-system__title h5 {height: auto; padding: 8px 24px; font-size: 16px;}
	.bf-system__title h4 {font-size: 18px; margin-top: 8px;}
	.bf-system__title h4 strong {font-size: 24px;}
	.bf-system__tcas {margin-top: 32px;}
	.bf-system__tcas:before {left: 50%; right: auto; top: 0; bottom: 0; border-top: none; border-right: dashed 1px #d7b9ff;}
	.bf-system__tcas dd {width: 100%; margin: 16px 0 0;}
	.bf-system__tcas dd:nth-child(2),
	.bf-system__tcas dd:nth-child(6) {padding-left: 0;}
	.bf-system__tcas dd:nth-child(3),
	.bf-system__tcas dd:nth-child(7) {padding-right: 0;}
	.bf-system__tcas dd:before,
	.bf-system__tcas dd:after {display: none;}
	.bf-system__tcas dd > div {width: 60%;}
	.bf-system__tcas dd p {font-size: 12px;}
	.bf-system__tcas dt {width: 160px; height: 160px; margin: 0 auto 16px; position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
	.bf-system__tcas dt p {font-size: 12px;}
	.bf-system__tcas dt span {height: 24px; font-size: 14px;}
}

@media (max-width:320px) {

}



.bf-price {padding: 120px 0; background: url('https://img.megastudyth.com/event/2024/tgat68/price_bg.jpg')no-repeat center top / cover; /* background: radial-gradient(ellipse at center, rgb(45 52 135) 0%, rgb(20 12 69) 100%); */}
.bf-price__title {text-align: center;}
.bf-price__title h3 {font-size: 48px; line-height: 1; font-weight: 900; letter-spacing: -0.1rem; font-family: 'yg-jalnan';}
.bf-price__title h3 strong {display: block; font-size: 96px; font-style: italic; margin-top: 16px; color: #ff4dab; text-shadow: 0px 4px 0px rgba(0,0,0,0.9);}
.bf-price__title h3 em {letter-spacing: -1rem;}
.bf-price__title dl {margin-top: 16px; line-height: 1.0; display: flex; justify-content: center; align-items: flex-end;}
.bf-price__title dl dt {font-size: 18px; position: relative; padding-left: 8px; padding-right: 40px; margin-right: 24px; color: #aaa;}
.bf-price__title dl dt strong {font-size: 40px; font-weight: 600;}
.bf-price__title dl dt:before {content: ''; display: block; height: 2px; background: #aaa; position: absolute; left: 0; right: 0; top: 50%;}
.bf-price__title dl dt:after {content: ''; display: block; background: #aaa; width: 16px; height: 2px; position: absolute; right: 0; top: 50%; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-price__title dl dd {font-size: 24px; color: #691ad5;}
.bf-price__title dl dd strong {font-size: 80px; font-weight: 800; text-shadow: 0px 2px 0px rgba(0,0,0,0.9);}
.bf-price__title p {font-size: 18px; font-weight: 300; margin-top: 24px;}
.bf-price__title p u {font-weight: 500; font-size: 20px;}
.bf-price__title a {margin-top: 40px; height: 64px; font-size: 24px; font-weight: 500; padding: 0 40px; font-weight: 500; background: #44ffae; -webkit-box-shadow: 0px 4px 0px 0px #2fb279; box-shadow: 0px 4px 0px 0px #2fb279; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px;}

.bf-price__detail {margin-top: 40px; text-align: center;}
.bf-price__detail h5 {font-size: 20px; background: #161c42; color: #fff; font-weight: 500; margin-bottom: 16px; position: relative; height: 40px; padding-left: 16px; padding-right: 24px; font-style: italic; display: inline-flex; align-items: center; justify-content: center;}
.bf-price__detail h5:before,
.bf-price__detail h5:after {content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; transform: rotate(0deg);}
.bf-price__detail h5:before {right: 100%; border-width: 0 0 40px 16px; border-color: transparent transparent #161C42 transparent;}
.bf-price__detail h5:after {left: 100%; border-width: 40px 16px 0 0; border-color: #161C42 transparent transparent transparent;}

.bf-price__tb {border: solid 1px #161c42; overflow: hidden; width: 100%; max-width: 820px; margin: 0 auto; -webkit-border-radius: 12px; border-radius: 12px;}
.bf-price__tb table {margin: -1px; width: calc(100% + 2px);}
.bf-price__tb th,
.bf-price__tb td {border: solid 1px #161c42;}
.bf-price__tb th {padding: 8px; background: #6a73af; color: #fff; font-size: 14px; font-weight: 500;}
.bf-price__tb td {padding: 12px;}
.bf-price__tb td:first-child {text-align: left;}

.bf-price__benefit {margin-top: 64px; display: flex; align-items: center; justify-content: center;}
.bf-price__benefit dt {order: 2; width: 50%;}
.bf-price__benefit dt img {}
.bf-price__benefit dd {padding-right: 40px; flex-shrink: 0;}
.bf-price__benefit dd h5 {font-size: 32px; font-weight: 700;}
.bf-price__benefit dd ul {margin-top: 8px;}
.bf-price__benefit dd ul li {margin-bottom: 8px; font-size: 16px; display: flex; align-items: center;}
.bf-price__benefit dd ul li:last-child {margin-bottom: 0;}
.bf-price__benefit dd ul li:before {content: ''; display: block; flex-shrink: 0; margin-right: 8px; width: 4px; height: 4px; background: #333; -webkit-border-radius: 50%; border-radius: 50%;}

@media (max-width:1280px) {
	.bf-price__title h3 {font-size: 36px;}
	.bf-price__title h3 strong {font-size: 80px;}
	.bf-price__title dl {margin-top: 16px;}
	.bf-price__title dl dt {font-size: 14px; padding-right: 24px;}
	.bf-price__title dl dt strong {font-size: 32px;}
	.bf-price__title dl dd {font-size: 18px;}
	.bf-price__title dl dd strong {font-size: 60px;}
	.bf-price__title p {font-size: 16px;}
	.bf-price__title p u {font-size: 18px;}
	.bf-price__detail h5 {font-size: 18px;}
}

@media (max-width:768px) {
	.bf-price {padding: 64px 0;}
	.bf-price__title h3 {font-size: 24px;}
	.bf-price__title h3 strong {font-size: 24px; margin-top: 8px; letter-spacing: -0.05rem; text-shadow: 0px 2px 0px rgba(0,0,0,0.9);}
	.bf-price__title h3 em {letter-spacing: -0.5rem;}
	.bf-price__title h3 b {font-size: 50px;}

	.bf-price__title dl {margin-top: 8px;}
	.bf-price__title dl dt {font-size: 12px; padding-right: 12px; margin-right: 8px;}
	.bf-price__title dl dt strong {font-size: 20px;}
	.bf-price__title dl dt:after {width: 8px;}
	.bf-price__title dl dd {font-size: 14px;}
	.bf-price__title dl dd strong {font-size: 40px; text-shadow: 0px 1px 0px rgba(0,0,0,0.9);}
	.bf-price__title p {font-size: 13px;}
	.bf-price__title p u {font-size: 15px;}
	.bf-price__title a {margin-top: 24px; height: 48px; font-size: 20px; padding: 0 24px;}
	
	.bf-price__detail h5 {font-size: 13px; height: 24px; padding-left: 4px; padding-right: 12px; margin-bottom: 8px;}
	.bf-price__detail h5:before {border-width: 0 0 24px 16px;}
	.bf-price__detail h5:after {border-width: 24px 16px 0 0;}
	.bf-price__tb th {padding: 4px; font-size: 10px;}
	.bf-price__tb td {padding: 4px; font-size: 10px;}

	.bf-price__benefit {margin-top: 40px; display: block;}
	.bf-price__benefit dt {width: 100%; padding: 0 5%;}
	.bf-price__benefit dd {padding-right: 0; margin-top: 16px;}
	.bf-price__benefit dd h5 {font-size: 20px;}
	.bf-price__benefit dd ul li {margin-bottom: 4px; font-size: 13px;}
}




.bf-quick {position: absolute; right: 0; top: 0; margin-top: 160px; z-index: 101; width: 232px;}
.bf-quick ul li {margin-bottom: 8px; overflow: hidden; -webkit-border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px;}
.bf-quick ul li:last-child {margin-bottom: 0;}
.bf-quick ul li a em {display: block; width: 24px; height: 24px; background: rgba(0,0,0,0.3); position: relative; -webkit-border-radius: 50%; border-radius: 50%;}
.bf-quick ul li a em:before {content: ''; display: block; width: 24px; height: 2px; background: #fff; position: absolute; right: 50%; top: 50%; margin-top: 2px; margin-right: -4px;}
.bf-quick ul li a em:after {content: ''; display: block; background: #fff; height: 2px; width: 10px; position: absolute; right: 50%; top: 50%; margin-top: 2px; margin-right: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: right center;}
.bf-quick__bubble {width: 90px; height: 28px; background: #fff; position: absolute; bottom: 100%; left: 50%; margin-left: -45px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 14px; border-radius: 14px;}
.bf-quick__bubble span {display: inline-block; font-weight: 600; padding: 0 4px; font-style: italic; background-clip: text; -webkit-background-clip: text; color: transparent; background-image: url('https://img.megastudyth.com/event/2024/buffet_high/quick_gradient.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.bf-quick__bubble:after {content: ''; display: block; width: 10px; height: 9px; position: absolute; top: 100%; left: 50%; margin-left: -5px; background: url('https://img.megastudyth.com/event/2024/buffet_high/quick_tail.png')no-repeat center center / cover;}
.bf-quick__main dl dt {padding: 16px 24px; background: #ffe9f4;}
.bf-quick__main dl dt span {font-size: 12px;}
.bf-quick__main dl dt strong {display: block; font-size: 16px; font-weight: 600;}
.bf-quick__main dl dd {padding: 8px 24px; background: #fc2493; display: flex; align-items: center; justify-content: space-between;}
.bf-quick__main dl dd span {color: #fff;}
.bf-quick__btn {padding: 0 24px; height: 80px; display: flex; align-items: center; justify-content: space-between;}
.bf-quick__btn h5 {flex-grow: 1; font-size: 16px; font-weight: 600;}
.bf-quick__btn em {flex-shrink: 0;}
.bf-quick__btn.ppl {background: #7a18ff;}
.bf-quick__btn.ppl h5 {color: #fff;}
.bf-quick__btn.grn {background: #44ffae;}
.bf-quick__btn.grn em:before,
.bf-quick__btn.grn em:after {background: #333;}

@media (max-width:1280px) {	
	.bf-quick {width: 144px;}
	.bf-quick ul li a em {display: none;}
	.bf-quick__main dl dt {padding: 12px;}
	.bf-quick__main dl dt span {font-size: 10px;}
	.bf-quick__main dl dt strong {font-size: 14px;}
	.bf-quick__main dl dd {padding: 8px 12px;}
	.bf-quick__btn {padding: 0 12px; height: 56px;}
	.bf-quick__btn h5 {font-size: 14px;}
}

@media (max-width:992px) {	
	.bf-quick {position: fixed; top: auto !important; margin-top: 0; width: 100%; bottom: 0; background: #fff;}
	.bf-quick ul {display: flex;}
	.bf-quick ul li {width: 50%; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0;}
	.bf-quick ul li a em {display: block;}
	.bf-quick__bubble {display: none;}
	.bf-quick__main dl dt {display: none;}
	.bf-quick__main dl dd {height: 64px;}
	.bf-quick__btn {height: 64px;}
	.bf-quick__btn h5 {font-size: 14px;}
}

@media (max-width:768px) {
	.bf-quick ul li a em {display: none;}	
	.bf-quick__main dl dd {height: 48px; padding: 0 8px; line-height: 1.1; text-align: center; justify-content: center;}
	.bf-quick__main dl dd span {font-size: 12px;}
	.bf-quick__btn {padding: 0 8px; height: 48px;}
	.bf-quick__btn h5 {font-size: 12px; text-align: center; line-height: 1.1;}
}





.bf-inquiry {padding: 80px 0; background: url('https://img.megastudyth.com/event/2024/buffet_high/inquiry_bg.jpg')no-repeat center bottom / cover;}
.bf-inquiry__title {text-align: center; font-weight: 600;}
.bf-inquiry__title h4 {font-size: 56px; color: #fff;}
.bf-inquiry__title h4 br {display: none;}
.bf-inquiry__title h5 {font-size: 36px; color: #fff72a; margin-top: 8px;}
.bf-inquiry__inner {max-width: 468px; margin: 0 auto;}
.bf-inquiry__inner h4 {height: 48px; background: #cfdff8; font-size: 22px; font-weight: 600; margin-top: 56px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 24px; border-radius: 24px;}
.bf-inquiry__inner h4:before {content: ''; display: block; flex-shrink: 0; width: 63px; height: 84px; margin-right: 12px; margin-top: -48px; background: url('https://img.megastudyth.com/event/2024/buffet_middle/inquiry_icon.png')no-repeat center center / cover;}
.bf-inquiry__box {background: #fff; padding: 30px; margin: 0 auto; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.bf-inquiry__box:before {content: ''; display: block; height: 30px; background: url('https://img.megastudyth.com/event/2024/buffet_high/course_logo.png')no-repeat center center / auto 100%;}
.bf-inquiry__box label:not([type='radio'] + label) {display: block; font-size: 15px; margin-top: 20px; margin-bottom: 10px;}
.bf-inquiry__box li {margin-bottom: 5px; position: relative;}
.bf-inquiry__box li:last-child {margin-bottom: 0; margin-top: 20px;}
.bf-inquiry__box li:first-child label {margin-top: 0;}
.bf-inquiry__box input:not([type='radio']),
.bf-inquiry__box select {display: block; width: 100%; height: 50px; border: solid 1px #ddd; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; appearance: none; -webkit-border-radius: 5px; border-radius: 5px;}
.bf-inquiry__box input {padding: 0 10px;}
.bf-inquiry__box select {padding-left: 10px; padding-right: 40px; background: none; cursor: pointer;}
.bf-inquiry__box input:focus,
.bf-inquiry__box select:focus {border-width: 2px; border-color: #0082ff;}
.bf-inquiry__box input[type='radio'] {margin-right: 5px;}
.bf-inquiry__box input[type='radio'] + label {margin-right: 15px; cursor: pointer;}
.bf-inquiry__rdo {display: flex; margin-top: 24px;}
.bf-inquiry__rdo input[type="radio"] {display: none;}
.bf-inquiry__rdo input[type="radio"] + label {width: 50%; height: 52px; margin-right: 0; background: #f2f2f2; color: #999; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: center;}
.bf-inquiry__rdo input[type="radio"]:checked + label {background: #1f4d79; color: #fff;}
.bf-inquiry__select:after {content: ''; display: block; width: 6px; height: 6px; border-right: solid 1px #333; border-bottom: solid 1px #333; position: absolute; right: 15px; bottom: 24px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bf-inquiry__btn li button {background: #44ffae; font-weight: 600; font-size: 20px; display: flex; width: 100%; height: 56px; align-items: center; justify-content: center; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-appearance: none; appearance: none;}

@media (max-width:1280px) {
	.bf-inquiry__title h4 {font-size: 48px;}
	.bf-inquiry__title h5 {font-size: 30px;}
	.bf-inquiry__rdo input[type="radio"] + label {height: 48px;}
}

@media (max-width:992px) {
	.bf-inquiry__title h4 {font-size: 40px;}
	.bf-inquiry__title h5 {font-size: 26px;}
	.bf-inquiry__box input[type="text"],
	.bf-inquiry__box input[type="tel"],
	.bf-inquiry__box select {height: 40px;}
	.bf-inquiry__box label:not([type='radio'] + label) {margin-top: 16px; margin-bottom: 6px; font-size: 14px;}
	.bf-inquiry__rdo input[type="radio"] + label {height: 40px;}
	.bf-inquiry__btn li button {font-size: 16px;}
}

@media (max-width:768px) {
	.bf-inquiry {padding: 64px 0;}
	.bf-inquiry__title h4 {font-size: 24px;}
	.bf-inquiry__title h5 {font-size: 16px;}
	.bf-inquiry__title h4 br {display: block;}
	.bf-inquiry__inner h4 {height: 40px; font-size: 16px; margin-top: 32px; margin-bottom: 8px;}
	.bf-inquiry__inner h4:before {width: 45px; height: 60px; margin-right: 8px; margin-top: -32px;}
	.bf-inquiry__box {padding: 20px;}
	.bf-inquiry__box:before {height: 24px;}
}

@media (max-width:320px) {
	.bf-inquiry__title h4 {font-size: 26px;}
	.bf-inquiry__title h5 {font-size: 18px;}
	.bf-inquiry__inner h4 {height: 32px; font-size: 14px;}
}
#spinner:not([hidden]) {position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.5); z-index:999;}
#spinner::after {content: ""; width: 80px; height: 80px; border: 2px solid #f3f3f3; border-top: 3px solid #f25a41; border-radius: 100%; will-change: transform; animation: spin 1s infinite linear;}
@keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
.myDiv{font-size:27px; font-weight:600; text-align:center; vertical-align:middle;}
.myDiv span {font-size:15px;}