@charset "utf-8";


#tcas * {box-sizing: border-box;}
#tcas img {display: block; max-width: 100%; margin: 0 auto;}
#tcas .container {z-index: 1;}

@keyframes starAppear{
	from{ opacity:0; transform:scale(.7); }
	to  { opacity:1; transform:scale(1); }
}
@keyframes starTwinkle{
	0%  { transform:scale(1); }
	50% { transform:scale(1.5); }
	100%{ transform:scale(1); }
}

@keyframes bounceAni {
	0% {animation-timing-function: ease-in; opacity: 1; transform: translateY(-160px);}
	24% {opacity: 1;}
	40% {animation-timing-function: ease-in; transform: translateY(-24px);}
	65% {animation-timing-function: ease-in; transform: translateY(-12px);}
	82% {animation-timing-function: ease-in; transform: translateY(-6px);}
	93% {animation-timing-function: ease-in; transform: translateY(-4px);}
	25%,
	55%,
	75%,
	87% {animation-timing-function: ease-out; transform: translateY(0px);}
	100% {animation-timing-function: ease-out; opacity: 1; transform: translateY(0px);}
}

@keyframes fadeInUp {
	0% {opacity: 0; transform: translateY(40px);}
	100% {opacity: 1; transform: translateY(0);	}
}


.parallax-stage {height: 200vh; position: relative;}
.parallax-bg {left: -100%; right: -100%; top: 0; height: 100vh; z-index: 0 !important; background: #FFFFFF; background: linear-gradient(to top, #FFFFFF 0%, #FE2423 60%);}
.parallax-sticky {position: sticky; top: 0; height: 100vh; backdrop-filter: blur(6px); background: var(--card); border-block: 1px solid var(--border);}
.stage-canvas {position: absolute; inset: 0;}
.parallax-item {position: absolute; z-index: 2; object-fit: cover; border-radius: var(--radius); filter: drop-shadow(var(--shadow)); will-change: transform; transform: translate3d(0,0,0);}
.parallax-item.img1 {left: 50%; top: 50%; margin-top: -22% !important; max-width: 10rem !important; margin-left: -5rem !important;}
.parallax-item.img2 {left: 50%; top: 50%; margin-top: -20% !important; max-width: 4.875rem !important; margin-left: 15rem !important;}
.parallax-item.img3 {left: 50%; top: 50%; margin-top: 8% !important; max-width: 6.875rem !important; margin-left: 16rem !important;}
.parallax-item.img4 {right: 50%; top: 50%; margin-top: 6% !important; max-width: 9rem !important; margin-right: 16rem !important;}
.parallax-item.img5 {left: 50%; top: 50%; margin-top: -22% !important; max-width: 21.625rem !important; margin-left: -10rem !important;}
.tcas-top__title {height: 100vh; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 0; animation: bounceAni 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.5s normal forwards;}
.tcas-top__title dl {position: relative;}
.tcas-top__title dl dt img {max-width: 37.625rem !important;}
.tcas-top__title dl dd ul li {position: absolute; opacity:0; transform:scale(.7); animation-name: starAppear, starTwinkle; animation-duration: 200ms, 900ms; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards, both; animation-direction: normal, alternate;}
.tcas-top__title dl dd ul li:nth-child(1) {width: 2.25rem; top: 10%; right: 50%; margin-right: 42%; animation-delay: 1000ms, 1400ms;}
.tcas-top__title dl dd ul li:nth-child(2) {width: 1.375rem; top: 37%; right: 50%; margin-right: 38%; animation-delay: 1400ms, 2000ms;}
.tcas-top__title dl dd ul li:nth-child(3) {width: 3.5rem; top: 52%; right: 50%; margin-right: 58%; animation-delay: 1200ms, 1700ms;}
.tcas-top__title dl dd ul li:nth-child(4) {width: 2.125rem; top: 88%; right: 50%; margin-right: 54%; animation-delay: 1600ms, 2300ms;}
.tcas-top__title dl dd ul li:nth-child(5) {width: 2rem; top: 27%; left: 50%; margin-left: 35%; animation-delay: 1300ms, 1850ms;}
.tcas-top__title dl dd ul li:nth-child(6) {width: 2rem; top: 40%; left: 50%; margin-left: 50%; animation-delay: 1500ms, 2150ms;}
.tcas-top__title dl dd ul li:nth-child(7) {width: 2rem; top: 66%; left: 50%; margin-left: 46%; animation-delay: 1100ms, 1550ms;}
.tcas-top__title p {font-size: 1.5rem; font-weight: 600; padding: 0 1.5rem; opacity: 0; border: solid 2px #000; height: 3rem; margin-top: 3rem; border-radius: 4rem; display: flex; align-items: center; justify-content: center; animation: fadeInUp 2s cubic-bezier(.24,1.41,.54,1.01) 1.5s forwards;}

.tcas-alv {padding: 7.5rem 0;}
.tcas-alv__title {text-align: center;}
.tcas-alv__title h4 {color: #EE1717; font-size: 1.75rem; font-weight: 500;}
.tcas-alv__title h3 {color: #EE1717; font-size: 5rem; font-weight: 600; line-height: 1.0;}
.tcas-alv__title p {font-size: 1.25rem; text-decoration: underline; margin-top: 2rem;}
.tcas-alv__list {display: flex; flex-wrap: wrap; margin: -0.25rem; padding-top: 2.5rem;}
.tcas-alv__list li {width: 25%; padding: 0.25rem;}
.tcas-alv__list li a {height: 5rem; background: #EFEFEF; font-size: 1.25rem; font-weight: 600; border-radius: 0.625rem; transition: all .3s ease-in-out; text-align: center; display: flex; align-items: center; justify-content: center;}
.tcas-alv__list li a:hover {background: #000; color: #fff;}
.tcas-alv__list li a span {margin-right: 0.25rem;}

.tcas-lec {background: #000; padding: 7.5rem 0;}
.tcas-lec__item {margin-bottom: 5rem;}
.tcas-lec__item.line {border: solid 1px #D41012;}
.tcas-lec__item:last-child {margin-bottom: 0;}
.tcas-lec__item h4 {background: #D41012; color: #fff; height: 3.5rem; font-size: 1.75rem; text-align: center; display: flex; align-items: center; justify-content: center;}
.tcas-lec__item dl {background: #fff; display: flex; align-items: center;}
.tcas-lec__item dl dt {width: 40%; flex-shrink: 0; padding: 2rem;}
.tcas-lec__item dl dd {flex-grow: 1; padding: 3rem 3rem 3rem 0;}
.tcas-lec__item dl dd h5 {font-size: 5rem; font-weight: 700;}
.tcas-lec__item dl dd p {font-size: 1.5rem; font-weight: 300; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: dashed 2px #aaa;}
.tcas-lec__item dl dd a {width: 20rem; height: 3.75rem; border-radius: 0.625rem; font-size: 1.25rem; background: #FFD504; padding: 0 1.5rem; display: flex; align-items: center; justify-content: space-between;}
.tcas-lec__item dl dd a:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; border-right: solid 2px #111; border-top: solid 2px #111; flex-shrink: 0; transform: rotate(45deg);}
.tcas-lec__item dl dd ul {display: flex; flex-wrap: wrap; margin: -0.25rem;}
.tcas-lec__item dl dd ul li {width: calc(100% / 3); padding: 0.25rem;}
.tcas-lec__item dl dd ul li a {width: 100%; background: #EFEFEF; padding: 0 0.5rem; font-size: 1rem; justify-content: center; font-weight: 600;}
.tcas-lec__item dl dd ul li a:after {display: none;}
.tcas-lec__item dl dd ul li a:hover {background: #FFD504;}

.tcas-cpn {padding: 7.5rem 0; background: url('https://img.megastudyth.com/event/2025/tcas/coupon_bg.png')no-repeat center center / cover;}
.tcas-cpn__title {font-size: 2.75rem; text-align: center; font-weight: 700;}
.tcas-cpn__box {margin-top: 2.5rem; background: #000; border-radius: 1.25rem; padding: 3.75rem; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.tcas-cpn__box dt {text-align: center;}
.tcas-cpn__box dt h4 {font-size: 3.75rem; color: #fff; font-weight: 600;}
.tcas-cpn__box dt h4 span {color: #FFD504;}
.tcas-cpn__box dt p {font-size: 1.25rem; color: #fff; font-weight: 300; margin-top: 0.5rem;}
.tcas-cpn__box dd {margin-top: 2.5rem;}
.tcas-cpn__box dd a {width: 20rem; height: 3.75rem; background: #fff; border: solid 0.25rem #D41012; color: #D41012; font-size: 1.25rem; font-weight: 600; border-radius: 0.625rem; transition: all .3s ease-in-out; display: flex; align-items: center; justify-content: center;}
.tcas-cpn__box:before,
.tcas-cpn__box:after {content: ''; display: block; position: absolute;}
.tcas-cpn__box:before {width: 5.625rem; height: 4.0625rem; right: 50%; top: 10%; margin-right: 25%; background: url('https://img.megastudyth.com/event/2025/tcas/coupon_deco_1.png')no-repeat center center / cover;}
.tcas-cpn__box:after {width: 4.5rem; height: 4.1875rem; left: 50%; bottom: 10%; margin-left: 25%; background: url('https://img.megastudyth.com/event/2025/tcas/coupon_deco_2.png')no-repeat center center / cover;}

.tcas-ban {background: #001454;}
.tcas-ban .bf-ban {margin-top: 0; overflow: visible;}
.tcas-ban .bf-ban__count {position: relative;}
.tcas-ban .bf-ban__count:before {content: ''; display: block; background: #000E3C; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%;}




@media (max-width:992px) {
	.tcas-lec__item dl dd ul li a {font-size: 0.875rem;}
}

@media (max-width:768px) {
	.parallax-item.img1 {margin-top: -40% !important; max-width: 8rem !important; margin-left: -4rem !important;}
	.parallax-item.img2,
	.parallax-item.img3,
	.parallax-item.img4 {display: none !important;}
	.parallax-item.img5 {top: 45%; max-width: 20rem !important; margin-left: -10rem !important;}
	.tcas-top__title dl dt img {max-width: 85% !important;}
	.tcas-top__title p {font-size: 1.25rem; margin-top: 2rem;}

	.tcas-alv {padding-top: 0; padding-bottom: 5rem;}
	.tcas-alv__title h4 {font-size: 1.5rem;}
	.tcas-alv__title h3 {font-size: 3.5rem;}
	.tcas-alv__title p {font-size: 1rem; margin-top: 1.5rem;}
	.tcas-alv__list {margin: -0.125rem;}
	.tcas-alv__list li {width: 50%; padding: 0.125rem;}
	.tcas-alv__list li a {height: 3rem; font-size: 1rem; font-weight: 500;}
	
	.tcas-lec {padding: 5rem 0;}
	.tcas-lec__item {margin-bottom: 2rem;}
	.tcas-lec__item h4 {height: 3rem; font-size: 1.25rem;}
	.tcas-lec__item dl dt {width: 50%; padding: 1rem;}
	.tcas-lec__item dl dd {padding: 1rem 1rem 1rem 0;}
	.tcas-lec__item dl dd h5 {font-size: 2rem;}
	.tcas-lec__item dl dd p {font-size: 0.875rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom-width: 1px;}
	.tcas-lec__item dl dd a {width: auto; height: 3rem; font-size: 1rem; padding: 0 1rem;}
	.tcas-lec__item dl dd a:after {width: 4px; height: 4px; border-right-width: 1px; border-top-width: 1px;}
	.tcas-lec__item.line dl {flex-direction: column;}
	.tcas-lec__item.line dl dt {width: 75%;}
	.tcas-lec__item.line dl dd {padding: 2rem; padding-top: 0;}
	.tcas-lec__item.line dl dd ul li a {flex-direction: column;}
	
	.tcas-cpn {padding: 5rem 0;}
	.tcas-cpn__title {font-size: 2.25rem;}
	.tcas-cpn__box {margin-top: 1.5rem; border-radius: 1.25rem; padding: 2rem;}
	.tcas-cpn__box dt h4 {font-size: 2.75rem;}
	.tcas-cpn__box dt p {font-size: 1rem; margin-top: 0.25rem;}
	.tcas-cpn__box dd {margin-top: 1.5rem;}
	.tcas-cpn__box dd a {width: 16rem; height: 3rem;}
	.tcas-cpn__box:before {right: auto; top: 2%; left: 2%; margin-right: 0;}
	.tcas-cpn__box:after {left: auto; bottom: 2%; right: 2%; margin-left: 0;}
}