@charset "utf-8";

#rly * {box-sizing: border-box; word-break: normal;}
#rly img {display: block; max-width: 100%; margin: 0 auto;}

.rly-title {font-size: 2.5rem; text-align: center; font-weight: 600; padding-bottom: 2rem;}
.rly-top {padding: 12rem 0 9rem; text-align: center; background: url('https://img.megastudyth.com/event/2025/relay/top_bg.jpg')no-repeat center center / cover;}
.rly-top__title {}
.rly-top__title p {font-size: 3rem; font-weight: 600; color: #fff;}
.rly-top__title h3 {font-size: 7.5rem; color: #fff; line-height: 1.0; margin-top: 1rem; margin-bottom: 2rem; text-shadow: 0px 0px 25px rgba(0, 255, 251, 0.6);}
.rly-top__title h3 br {display: none;}
.rly-top__title img {}
.rly-top__info {margin-top: -6rem; display: flex; flex-direction: column; align-items: center;}
.rly-top__info h5 {font-size: 3.125rem; color: #fff; line-height: 1.2; text-shadow: 0px 0px 25px rgba(0, 255, 251, 0.6);}
.rly-top__info h5 br {display: none;}
.rly-top__info p {font-size: 2rem; font-weight: 300; color: #fff; margin-top: 1.5rem;}
.rly-top__info a {padding: 1.25rem 4.375rem; background: #00FFFB; font-size: 2rem; margin-top: 1.5rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;}

.rly-rsn {padding: 6.25rem 0; background: #F2FBFF;}
.rly-rsn__slider {margin: 0 -0.75rem;}
.rly-rsn__slider .swiper-slide {padding: 0 0.75rem; height: auto;}
.rly-rsn__item {background: #fff; padding: 3.375rem 1.5rem; height: 100%; text-align: center; border-radius: 0.75rem; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.05);}
.rly-rsn__item img {display: block; width: 5.375rem;}
.rly-rsn__item h5 {font-size: 1.5rem; margin-top: 1.5rem;}
.rly-rsn__item p {margin-top: 1.5rem; font-weight: 300; line-height: 1.6; color: #666;}

.rly-fix {position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; background: #000; padding: 1.25rem 0;}
.rly-fix dl {display: flex; align-items: center;}
.rly-fix dl dt {flex-grow: 1; font-size: 1.5rem; color: #fff;}
.rly-fix dl dt span {color: #00FFFB; font-weight: 500;}
.rly-fix dl dd {flex-shrink: 0;}
.rly-fix dl dd a {height: 3.875rem; padding: 0 2rem; background: #00FFFB; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem;}

.rly-ttr {padding: 6.25rem 0;}
.rly-ttr__list {margin: -0.375rem; display: flex; flex-wrap: wrap;}
.rly-ttr__list > li {width: calc(100% / 4); padding: 0.375rem;}
.rly-ttr__item {border: solid 1px #E1E1E1; height: 100%; display: flex; flex-direction: column;}
.rly-ttr__item dt {background: #EAF8FF; position: relative; padding: 1.25rem 15% 0; flex-shrink: 0;}
.rly-ttr__item dt span {position: absolute; left: 0; top: 0; height: 1.875rem; padding: 0 0.75rem; font-weight: 300; background: rgba(0,255,251,0.4); display: flex; align-items: center; justify-content: center;}
.rly-ttr__item dd {padding: 1.5rem; text-align: center; flex-grow: 1; display: flex; flex-direction: column;}
.rly-ttr__item dd h5 {flex-shrink: 0; font-size: 1.5rem; font-weight: 300;}
.rly-ttr__item dd p {flex-grow: 1; margin-top: 0.75rem; font-size: 0.875rem; color: #666; font-weight: 300;}
.rly-ttr__item dd ul {flex-shrink: 0; background: #F6F6F6; padding: 0.5rem; margin-top: 0.75rem;}
.rly-ttr__item dd ul li {font-size: 0.875rem; font-weight: 300; margin-bottom: 0.25rem;}
.rly-ttr__item dd ul li:last-child {margin-bottom: 0;}

.rly-sch__head {display: flex; background: #F6F6F6; border: solid 1px #E1E1E1; font-size: 0.875rem;}
.rly-sch__head li {width: calc(100% / 4); padding: 0.875rem; border-right: solid 1px #E1E1E1; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.rly-sch__head li:nth-child(3) {width: calc(100% / 4 * 2.5);}
.rly-sch__head li:last-child {border-right: none;}
.rly-sch__list {border-left: solid 1px #E1E1E1; border-right: solid 1px #E1E1E1;}
.rly-sch__list ul {display: flex; border-bottom: solid 1px #E1E1E1; font-size: 0.875rem;}
.rly-sch__list ul li {width: calc(100% / 4); padding: 0.875rem; border-right: solid 1px #E1E1E1; font-weight: 300; display: flex; align-items: center; justify-content: center;}
.rly-sch__list ul li:nth-child(2) {font-weight: 500;}
.rly-sch__list ul li:nth-child(3) {width: calc(100% / 4 * 2.5);}
.rly-sch__list ul li:last-child {border-right: none;}
.rly-sch__desc {margin-top: 1rem; text-align: center; font-size: 0.875rem; font-weight: 300; color: #666;}

.rly-bnf {padding: 6.25rem 0;}
.rly-bnf__slider {margin: 0 -0.75rem;}
.rly-bnf__slider .swiper-slide {padding: 0 0.75rem; height: auto;}
.rly-bnf__item {background: #F2FBFF; padding: 3.375rem 1.5rem; height: 100%; text-align: center; border-radius: 0.75rem; display: flex; flex-direction: column; align-items: center;}
.rly-bnf__item img {display: block; width: 4.5rem;}
.rly-bnf__item h5 {font-size: 1.5rem; margin-top: 1.5rem; font-weight: 600;}
.rly-bnf__item ul {margin-top: 1.5rem; text-align: left;}
.rly-bnf__item ul li {margin-bottom: 0.75rem; font-weight: 300; position: relative; padding-left: 1.5rem;}
.rly-bnf__item ul li:last-child {margin-bottom: 0;}
.rly-bnf__item ul li:before {content: ''; display: block; width: 1rem; height: 1rem; position: absolute; left: 0; top: 0.2rem; background: url('https://img.megastudyth.com/event/2025/relay/benefit_check.png')no-repeat center center / cover;}
.rly-bnf__item ul li span {color: #4979F0; font-weight: 500;}

.rly-cnt {padding: 6.25rem 0; background: url('https://img.megastudyth.com/event/2025/relay/timer_bg.png')no-repeat center bottom / cover;}
.rly-cnt__title {text-align: center;}
.rly-cnt__title h3 {font-size: 2.5rem; color: #fff;}
.rly-cnt__title h3 br {display: none;}
.rly-cnt__title p {font-size: 1.5rem; color: #00FFFB; margin-top: 1rem; font-weight: 300;}
.rly-cnt__wrap {margin-top: 2rem; display: flex; justify-content: center;}
.rly-cnt__wrap dl {padding: 1.5rem 2rem; background: #fff; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;}
.rly-cnt__wrap dl dt {font-size: 1.5rem; font-weight: 300;}
.rly-cnt__wrap dl dd {flex-shrink: 0; margin-left: 8.75rem;}
.rly-cnt__digits {display: flex; align-items: center; gap: 0.25rem;}
.rly-cnt__digits:before {content: ''; display: block; width: 1.75rem; height: 1.75rem; margin-right: 0.5rem; background: url('https://img.megastudyth.com/event/2025/relay/timer_ico.png')no-repeat center center / cover;}
.rly-cnt__sep {height: 38px; font-size: 1.5rem; font-weight: 500; padding: 0 0.5rem; display: flex; align-items: center; position: relative;}
.rly-cnt__box {width: 32px; height: 38px; position: relative; padding: 0.325rem; border: solid 1px #CBCBCB; border-radius: 0.25rem; overflow: hidden;}
.rly-cnt__col {position: absolute; left:0; right:0; top:0; transition: transform .5s cubic-bezier(.2,.7,.1,1); will-change: transform; z-index: 1;}
.rly-cnt__cell {display:flex; align-items: center; justify-content: center; height: 38px; font-size: 1.5rem;}
.rly-cnt__box[data-role='m-tens'],
.rly-cnt__box[data-role='m-ones'],
.rly-cnt__box[data-role='s-tens'],
.rly-cnt__box[data-role='s-ones'] {display: none;}


@media (max-width:1280px) {
	.rly-title {font-size: 2.25rem}
	.rly-top {padding: 8rem 0;}
	.rly-top__title p {font-size: 2.5rem;}
	.rly-top__title h3 {font-size: 6rem;}
	.rly-top__info h5 {font-size: 3rem;}
	.rly-top__info p {font-size: 1.75rem;}
	.rly-top__info a {padding: 1.25rem 4rem;}
	.rly-rsn__item h5 {font-size: 1.25rem;}
	.rly-rsn__item p {font-size: 0.875rem;}
	.rly-fix dl dd a {height: 3.25rem; font-size: 1.25rem;}
	.rly-ttr__item dt span {font-size: 0.875rem;}
	.rly-ttr__item dd h5 { font-size: 1.25rem;}
	.rly-ttr__item dd p {font-size: 0.75rem;}
	.rly-ttr__item dd ul li {font-size: 0.75rem;}
	.rly-bnf__item ul li {font-size: 0.875rem;}
	.rly-cnt__wrap dl dt {font-size: 1.25rem;}
}


@media (max-width:992px) {
	.rly-title {font-size: 2rem}
	.rly-top__title p {font-size: 2rem;}
	.rly-top__title h3 {font-size: 5rem;}
	.rly-top__info h5 {font-size: 2.5rem;}
	.rly-top__info p {font-size: 1.5rem;}
	.rly-top__info a {padding: 1.125rem 2rem; font-size: 1.5rem;}
	.rly-rsn__item h5 {font-size: 1.25rem;}
	.rly-rsn__item p {font-size: 0.875rem;}
	.rly-fix dl dt {font-size: 1.25rem;}
	.rly-fix dl dd a {height: 3rem; font-size: 1rem; border-radius: 0.5rem;}
	.rly-ttr__item dd {padding: 0.75rem;}
	.rly-cnt__title h3 {font-size: 1.875rem;}
	.rly-cnt__title p {font-size: 1.25rem;}
	.rly-cnt__wrap dl dd {margin-left: 4rem;}
}


@media (max-width:768px) {
	.rly-title {font-size: 1.875rem}
	.rly-top {padding: 6rem 0;}
	.rly-top__title p {font-size: 1.5rem;}
	.rly-top__title h3 {font-size: 4.75rem;}
	.rly-top__title h3 br {display: block;}
	.rly-top__info {margin-top: -3rem;}
	.rly-top__info h5 {font-size: 1.875rem;}
	.rly-top__info h5 br {display: block;}
	.rly-top__info p {font-size: 1.25rem;}
	.rly-top__info a {padding: 0.75rem 2rem; font-size: 1.25rem;}
	.rly-rsn {padding: 4rem 0;}
	
	.rly-rsn__prev,
	.rly-rsn__next {display: block; background: none; width: 1rem; height: 1rem; text-indent: -9999px; position: absolute; top: 50%; margin-top: 2.5rem; z-index: 1; border-top: solid 2px #7E8B9A;}
	.rly-rsn__prev {left: 3rem; border-left: solid 2px #7E8B9A; transform: rotate(-45deg);} 
	.rly-rsn__next {right: 3rem; border-right: solid 2px #7E8B9A; transform: rotate(45deg);}
	.rly-rsn__pagination {margin-top: 1rem; display: flex; justify-content: center;}
	.rly-rsn__pagination .swiper-pagination-bullet {width: 10px; height: 10px;}
	.rly-rsn__pagination .swiper-pagination-bullet-active {background: #111;}

	.rly-fix dl dt span {display: block;}
	.rly-fix dl dd a {padding: 0 1rem;}
	.rly-ttr {padding: 4rem 0;}
	.rly-ttr__list > li {width: calc(100% / 2);}
	.rly-sch__head {display: none;}
	.rly-sch__list {border-top: solid 1px #E1E1E1;}
	.rly-sch__list ul {flex-wrap: wrap; background: #F6F6F6; padding-top: 1rem; justify-content: center; font-size: 1rem;}
	.rly-sch__list ul li {width: auto; padding: 0; border-right: none; display: block;}
	.rly-sch__list ul li:nth-child(1) {order: 0; font-weight: 500; margin-right: 0.5rem;}
	.rly-sch__list ul li:nth-child(2) {order: 2; width: 100%; background: #fff; border-top: solid 1px #E1E1E1; margin-top: 1rem; padding: 1rem 1rem 0.5rem; text-align: center;}
	.rly-sch__list ul li:nth-child(3) {order: 3; width: 100%; background: #fff; text-align: center; padding: 0 1rem 1rem;}
	.rly-sch__list ul li:nth-child(4) {order: 1;}
	.rly-bnf {padding: 4rem 0;}
	.rly-bnf__item ul li {font-size: 1rem;}
	.rly-bnf__item ul li:before {top: 0rem;}
	.rly-bnf__pagination {margin-top: 1rem; display: flex; justify-content: center;}
	.rly-bnf__pagination .swiper-pagination-bullet {width: 10px; height: 10px;}
	.rly-bnf__pagination .swiper-pagination-bullet-active {background: #111;}

	.rly-cnt {padding: 4rem 0;}
	.rly-cnt__title h3 {font-size: 1.75rem;}
	.rly-cnt__title h3 br {display: block;}
	.rly-cnt__wrap dl {padding: 1.25rem 2rem; border-radius: 0.5rem; flex-direction: column;}
	.rly-cnt__wrap dl dt {font-size: 1.25rem;}
	.rly-cnt__wrap dl dd {margin-left: 0; margin-top: 1rem;}
	.rly-cnt__sep {height: 32px; font-size: 1.25rem;}
	.rly-cnt__box {width: 26px; height: 32px;}
	.rly-cnt__cell {height: 32px;}
}


@media (max-width:320px) {
	.rly-fix dl dt {font-size: 1rem;}
}