@charset "utf-8";

#pre * {box-sizing: border-box;}

.pre-ban {background: #011C32;}
.pre-ban__wrap {display: flex; align-items: center;}
.pre-ban__wrap dl {flex-grow: 1; display: flex; align-items: center;}
.pre-ban__wrap dl dt {flex-grow: 1; color: #FFE199;}
.pre-ban__wrap dl dt h5 {font-size: 1.75rem;}
.pre-ban__wrap dl dt p {font-size: 1.375rem; margin-top: 0.125rem; font-weight: 300;}
.pre-ban__wrap dl dd {flex-shrink: 0; margin-left: 1rem;}
.pre-ban__wrap dl dd a {width: 12.5rem; height: 3rem; font-size: 1.25rem; font-weight: 500; border-radius: 3rem; background: #FFEEC6; background: linear-gradient(to right, #FFEEC6 0%, #FFDA82 100%); display: flex; align-items: center; justify-content: center;}
.pre-ban__wrap img {flex-shrink: 0; display: block; width: 18.75rem; margin-left: 1rem;}

.pre-top {padding: 6.25rem 0; text-align: center; background: url('https://img.megastudyth.com/event/2025/megapass/top_bg.jpg')no-repeat center center / cover;}
.pre-top h5 {display: flex; align-items: center; justify-content: center;}
.pre-top h5 span {font-size: 1.5rem; padding: 0.25rem 1rem; font-weight: 400; position: relative; color: #03EAA5; background: #1E167B; background: linear-gradient(to right, #1E167B 0%, #0E1718 100%); display: flex; align-items: center; justify-content: center;}
.pre-top h5 span:after {content: ''; display: block; width: 4rem; height: 4rem; position: absolute; left: 100%; top: 50%; margin-left: 1.5rem; margin-top: -1rem; background: url('https://img.megastudyth.com/event/2025/megapass/top_arrow.png')no-repeat center center / cover;}
.pre-top h6 {font-size: 2.25rem; color: #13173A; margin-top: 3rem;}
.pre-top h3 {margin-top: 3rem; font-size: 6rem; color: #0037FF; font-weight: 700; line-height: 1.0; text-shadow: 4px 0px 0px rgba(255, 255, 255, 1);}
.pre-top p {margin-top: 5rem; display: flex; justify-content: center;}
.pre-top p span {display: block; font-size: 2.25rem; font-style: italic; letter-spacing: 0.1em; background: #0037FF; background: linear-gradient(to right, #0037FF 0%, #16174B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.pre-btn {width: 17.5rem; height: 3.75rem; font-size: 1.25rem; font-weight: 500; color: #000; border-radius: 5rem; border: solid 1px #fff; background: #55F7FC; background: linear-gradient(to right, #55F7FC 0%, #C5FF75 100%); display: flex; align-items: center; justify-content: center;}

.pre-word {padding: 6.25rem 0; background: #E8F5FE;}
.pre-word__title {text-align: center;}
.pre-word__title h3 {font-size: 2rem; font-weight: 700;}
.pre-word__title p {font-size: 1.5rem; color: #006FFF; font-style: italic; font-weight: 500; text-decoration: underline; margin-top: 0.5rem;}
.pre-word__box {background: #006FFF; padding: 3rem 2rem 2.5rem; width: 100%; margin: 2.5rem auto 0; border-radius: 1.25rem; display: flex; flex-direction: column; align-items: center;}
.pre-word__box h5 {font-size: 2rem; color: #fff; font-weight: 500;}
.pre-word__box ul {margin-top: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;}
.pre-word__box ul li span,
.pre-word__box ul li input[type="text"] {width: 3.75rem; height: 3.75rem; font-size: 2.5rem; background: #fff; border: solid 0.25rem #2476FE; border-radius: 0.625rem; color: #006FFF; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center;}
.pre-word__box ul li input[type="text"] {font-weight: 600; padding-bottom: 0.25rem;}
.pre-word__box button {margin-top: 1.75rem;}
.pre-word__box p {font-size: 0.875rem; color: #fff; margin-top: 1.25rem; font-weight: 300;}
.pre-word__box h6 {color: #91ff00; font-size: 1.25rem; margin-top: 0.5rem; text-align: center;}

.pre-word__hint {width: 100%; margin: 2.5rem auto 0;}
.pre-word__hint dt {background: #BBE3FF; color: #006FFF; font-size: 1.5rem; height: 3rem; border-radius: 3rem; display: flex; align-items: center; justify-content: center;}
.pre-word__hint dd {margin-top: 1.25rem;}
.pre-word__hint dd ul {display: flex; gap: 1.25rem;}
.pre-word__hint dd ul li {flex: 1; background: #fff; display: flex; flex-direction: column;}
.pre-word__hint dd ul li div {flex-grow: 1; display: flex; flex-direction: column; padding: 2rem; align-items: center;}
.pre-word__hint dd ul li h5 {flex-shrink: 0; height: 1.5rem; padding: 0 0.5rem; font-size: 1rem; font-weight: 400; background: #DFF2FF; color: #006FFF; display: flex; align-items: center; justify-content: center;}
.pre-word__hint dd ul li p {flex-grow: 1; margin-top: 1.25rem; display: flex; align-items: center; text-align: center; font-size: 0.875rem; font-weight: 300;}
.pre-word__hint dd ul li a {flex-shrink: 0; height: 3rem; font-size: 1.125rem; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; position: relative;}
.pre-word__hint dd ul li a:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; margin-left: 0.25rem; margin-top: 0.125rem; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); box-sizing: border-box;}
.pre-word__hint dd ul li a em {min-width: 4rem; height: 3rem; padding: 0 1rem; background: #91ff00; color: #000; position: absolute; left: 50%; bottom: 50%; margin-left: 0.5rem; margin-bottom: 0.5rem; font-style: normal; font-weight: 500; border-radius: 3rem; display: flex; align-items: center; justify-content: center;}
.pre-word__hint dd ul li a em:after {content: ''; display: block; position: absolute; left: 0; top: 100%; margin-top: -0.125rem; margin-left: 1.25rem; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 0 0; border-color: #91FF00 transparent transparent transparent; transform: rotate(0deg);}
.pre-word__desc {margin-top: 2rem; text-align: center; font-size: 0.875rem; color: #6B7684; font-size: 0.875rem; font-weight: 300; line-height: 1.6;}

.pre-evt {padding: 6.25rem 0; background: url('https://img.megastudyth.com/event/2025/megapass/prev_gift_bg.jpg')no-repeat center center / cover;}
.pre-evt__title {text-align: center; font-size: 2rem; color: #fff;}
.pre-evt__list {margin-top: 2rem; display: flex; gap: 1.25rem;}
.pre-evt__list dl {flex: 1; background: #fff; padding: 2.5rem 1rem; border-radius: 1.25rem; display: flex; flex-direction: column;}
.pre-evt__list dl dt {text-align: center; flex-grow: 1; display: flex; flex-direction: column;}
.pre-evt__list dl dt h5 {flex-shrink: 0; font-size: 1.5rem; color: #006FFF;}
.pre-evt__list dl dt p {flex-grow: 1; font-size: 1.125rem;}
.pre-evt__list dl dd {flex-shrink: 0; margin-top: 2rem;}
.pre-evt__list dl dd img {display: block; max-width: 80% !important; margin: 0 auto;}

.pre-cpn {padding: 6.25rem 0; background: #000;}
.pre-cpn__title {text-align: center; display: flex; flex-direction: column; align-items: center;}
.pre-cpn__title h3 {font-size: 3rem; color: #fff;}
.pre-cpn__title strong {margin-top: 3rem; height: 2rem; border: solid 1px #fff; color: #fff; font-weight: 400; font-size: 1.125rem; padding: 0 1rem; border-radius: 2rem; display: flex; align-items: center; justify-content: center;}
.pre-cpn__title h5 {margin-top: 1rem; display: flex; justify-content: center;}
.pre-cpn__title h5 span {font-size: 1.5rem; color: #fff; font-weight: 300; position: relative; z-index: 0;}
.pre-cpn__title h5 span:before {content: ''; background: #002C86; position: absolute; left: -0.5rem; right: -0.5rem; top: 0.25rem; bottom: -0.5rem; height: 100%; z-index: -1; transform: rotate(-3deg);}
.pre-cpn__img {margin-top: 1rem;}
.pre-cpn__img img {display: block; margin: 0 auto; max-width: 45% !important;}
.pre-cpn__btn {margin-top: 1rem; display: flex; justify-content: center;}
.pre-cpn__desc {margin-top: 3rem; padding: 1.5rem; border: solid 1px #333; border-radius: 0.625rem; background: #000; background: linear-gradient(to bottom, #000000 0%, #001C63 100%);}
.pre-cpn__desc h5 {font-size: 1rem; color: #CACACA;}
.pre-cpn__desc ul {font-size: 0.875rem; color: #CACACA; font-weight: 200; padding-left: 1rem; margin-top: 1rem;}
.pre-cpn__desc ul li {list-style: decimal; margin-bottom: 0.25rem; line-height: 1.5;}
.pre-cpn__desc ul li:last-child {margin-bottom: 0;}

.pre-buck {padding: 6.25rem 0; background: #0F4FE8; background: linear-gradient(to bottom, #0F4FE8 0%, #030F7A 100%);}
.pre-buck__title {text-align: center;}
.pre-buck__title strong {height: 2rem; background: #FFFB66; font-weight: 500; font-size: 1.125rem; padding: 0 1rem; border-radius: 2rem; display: inline-flex; align-items: center; justify-content: center;}
.pre-buck__title h3 {margin-top: 1rem; display: flex; justify-content: center;}
.pre-buck__title h3 span {font-size: 2.5rem; font-weight: 700; background: #FFFFFF; background: linear-gradient(to right, #FFFFFF 0%, #59EDFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pre-buck__info {margin-top: 1rem; display: flex; justify-content: center;}
.pre-buck__info > div {border-radius: 0.625rem; padding: 1px; background: #678BFF; background: linear-gradient(to right, #678BFF 60%, #2054F8 100%);}
.pre-buck__info ul {padding: 1.5rem 1rem; border-radius: 0.625rem; background: #0F4FE8; background: linear-gradient(to bottom, #0F4FE8 0%, #0F4FE8 100%);}
.pre-buck__info ul li {color: #fff; margin-bottom: 0.75rem; display: flex; align-items: center;}
.pre-buck__info ul li:last-child {margin-bottom: 0;}
.pre-buck__info ul li strong {width: 10.5rem; font-weight: 500; display: flex; align-items: center;}
.pre-buck__info ul li strong:before {content: ''; display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.5rem;}
.pre-buck__info ul li:nth-child(1) strong:before {background: url('https://img.megastudyth.com/event/2025/megapass/prev_event2_info_1.png')no-repeat center center / cover;}
.pre-buck__info ul li:nth-child(2) strong:before {background: url('https://img.megastudyth.com/event/2025/megapass/prev_event2_info_2.png')no-repeat center center / cover;}
.pre-buck__info ul li span {font-weight: 300;}
.pre-buck__half {margin-top: 3rem; display: flex; padding: 0 2.5rem; align-items: center;}
.pre-buck__img {flex: 1; padding: 0 10%;}
.pre-buck__img img {}
.pre-buck__box {flex: 1; border-radius: 1.25rem; padding: 3rem 1rem; display: flex; flex-direction: column; align-items: center; position: relative; background: #012458; background: linear-gradient(to bottom, #012458 0%, #0930B3 80%, rgba(9,48,179,0) 100%);}
.pre-buck__box.end:after {content: ''; display: block; width: 11.75rem; height: 9rem; position: absolute; left: 100%; top: 0; margin-left: -7rem; margin-top: -2rem; background: url('https://img.megastudyth.com/event/2025/megapass/prev_event2_label.png')no-repeat center center / cover;}
.pre-buck__box h5 {text-align: center; color: #fff; font-size: 1.5rem; font-weight: 500;}
.pre-buck__box button {}
.pre-buck__box a {font-size: 0.875rem; color: #fff; font-weight: 200; margin-top: 1.25rem; text-decoration: underline; display: flex; align-items: center; justify-content: center;}
.pre-buck__box a:after {content: ''; display: block; width: 0.25rem; height: 0.25rem; margin-left: 0.25rem; border-top: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg);}
.pre-buck__count {margin-top: 1.5rem; width: 80%;	margin-left: auto; margin-right: auto;}
.pre-buck__count > div {padding-bottom: 53.8940%; position: relative;	 background: url('https://img.megastudyth.com/event/2025/megapass/prev_event2_count.png')no-repeat center center / cover;}
.pre-buck__count ul {position: absolute; left: 15%; right: 14%; top: 20%; bottom: 40%; display: flex;}
.pre-buck__count ul li {flex: 1; text-align: center; display: flex; align-items: center; justify-content: center;}
.pre-buck__count ul li span {font-size: 3.75rem; color: #006FFF; font-weight: 600;}
.pre-buck__desc {margin-top: 3rem;}
.pre-buck__desc h5 {font-size: 1rem; color: #fff;}
.pre-buck__desc ul {font-size: 0.875rem; color: #fff; font-weight: 200; padding-left: 1rem; margin-top: 1rem;}
.pre-buck__desc ul li {list-style: decimal; margin-bottom: 0.25rem; line-height: 1.5;}
.pre-buck__desc ul li:last-child {margin-bottom: 0;}
.pre-buck__otp {margin-top: 1.75rem; background: #fff; padding: 1.75rem 2.5rem; display: flex; align-items: center; border-radius: 0.625rem;}
.pre-buck__otp dt {flex-grow: 1; font-size: 1.75rem; font-weight: 500;}
.pre-buck__otp dd {flex-shrink: 0;}
.pre-buck__otp dd p {font-size: 0.75rem; color: #8B95A1; text-align: right; margin-top: 0.5rem;}
.pre-buck__otp .opt-group {margin: 0.5rem 0; display: flex; align-items: center;}
.pre-buck__otp .opt-group label {width: 8.75rem; font-weight: 300;}
.pre-buck__otp .opt-group input[type="text"] {width: 15rem; height: 2.5rem; padding: 0 0.5rem; appearance: none; border: solid 1px #D3D8DD; border-radius: 0.375rem; margin-right: 0.5rem;}
.pre-buck__otp .opt-group button {width: 8.75rem; height: 2.5rem; background: #F0F7FF; border: solid 1px #006FFF; color: #006FFF; font-weight: 500; border-radius: 0.375rem;}
.pre-buck__list {margin-top: 1.75rem; background: #fff; border-radius: 0.625rem; display: flex; flex-wrap: wrap; overflow: hidden;}
.pre-buck__list dl {width: calc(100% / 5); display: flex; flex-direction: column;}
.pre-buck__list dl dt {flex-shrink: 0; border: solid 1px #EDEDF3; background: #F8F9FA; font-size: 0.875rem; margin-right: -1px; margin-bottom: -1px; height: 2.5rem; display: flex; align-items: center; justify-content: center;}
.pre-buck__list dl dd {flex-grow: 1; border: solid 1px #EDEDF3; margin-right: -1px; margin-bottom: -1px;}
.pre-buck__list dl dd em,
.pre-buck__list dl dd strong,
.pre-buck__list dl dd span {display: flex; height: 7.5rem;}
.pre-buck__list dl dd em {text-indent: -9999px; background: url('https://img.megastudyth.com/event/2025/megapass/prev_event2_stamp.png')no-repeat center center / auto 70%;}
.pre-buck__list dl dd strong {font-size: 1.5rem; text-align: center; color: #006FFF; font-style: italic; display: flex; align-items: center; justify-content: center;}
.pre-buck__list dl dd span {text-indent: -9999px; background: url('https://img.megastudyth.com/event/2025/megapass/prev_event2_soon.png')no-repeat center center / 60% auto;}

.pre-ipn {padding: 6.25rem 0; background: #fff9ef url('https://img.megastudyth.com/event/2025/megapass/prev_event3_bg.jpg')no-repeat center top / 100% auto;}
.pre-ipn__title {text-align: center;}
.pre-ipn__title strong {height: 2rem; background: #000; color: #fff; font-weight: 500; font-size: 1.125rem; padding: 0 1rem; border-radius: 2rem; display: inline-flex; align-items: center; justify-content: center;}
.pre-ipn__title h3 {margin-top: 1rem; font-size: 2.5rem; font-weight: 700; line-height: 1.2;}
.pre-ipn__title h3 span {color: #FF5400; display: block;}
.pre-ipn__evt {margin-top: 2.5rem;}
.pre-ipn__evt dt {}
.pre-ipn__evt dt img {display: block; margin: 0 auto; max-width: 30% !important;}
.pre-ipn__evt dd {margin-top: -2.5rem; display: flex; justify-content: center;}
.pre-ipn__evt dd button {width: 22.5rem; height: 5rem; background: #000; color: #fff; border: solid 1px #fff; font-size: 1.25rem; font-weight: 500; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.pre-ipn__desc {margin-top: 3rem; padding: 1.5rem; background: #FFF0D3;}
.pre-ipn__desc h5 {font-size: 1rem; font-weight: 600;}
.pre-ipn__desc ul {font-size: 0.875rem; font-weight: 300; padding-left: 1rem; margin-top: 1rem;}
.pre-ipn__desc ul li {list-style: decimal; margin-bottom: 0.25rem; line-height: 1.5;}
.pre-ipn__desc ul li:last-child {margin-bottom: 0;}

.pre-tcas {padding: 6.25rem 0; text-align: center; position: relative; overflow: hidden;}
.pre-tcas:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; height: 200%; background: #0F4FE8; background: radial-gradient(circle farthest-corner at center center, #0F4FE8 0%, #030F7A 100%);}
.pre-tcas h3 {font-size: 2.5rem; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.pre-tcas h3 span {font-weight: 500; background: #A2E8FC; background: linear-gradient(to right, #A2E8FC 0%, #4CCBFB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pre-tcas p {font-size: 1.25rem; color: #fff; margin-top: 1rem; font-weight: 300;}
.pre-tcas a {margin: 2.5rem auto 0; width: 17.5rem; height: 3.75rem; background: #fff; color: #006FFF; font-size: 1.25rem; font-weight: 500; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}

.pre-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; padding: 2rem 1rem; background: rgba(0,0,0,0.5);}
.pre-pop > div {display: table; width: 100%; height: 100%;}
.pre-pop > div > div {display: table-cell; vertical-align: middle;}
.pre-pop__box {width: 100%; max-width: 23.75rem; margin: 0 auto; padding: 3.75rem 1.25rem 1.5rem; background: #fff; border-radius: 1.25rem; position: relative; box-shadow: -4px 14px 24px 0px rgba(0, 0, 0, 0.25);}
.pre-pop__close {width: 2.5rem; height: 2.5rem; background: none; position: absolute; right: 0.5rem; top: 0.5rem; text-indent: -9999px;}
.pre-pop__close:before,
.pre-pop__close:after {content: ''; display: block; width: 2px; height: 1.5rem; background: #D6D8DD; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -0.75rem;}
.pre-pop__close:before {transform: rotate(-45deg);}
.pre-pop__close:after {transform: rotate(45deg);}
.pre-pop__cont {text-align: center; padding-bottom: 3.5rem;}
.pre-pop__cont h5 {font-size: 1.75rem;}
.pre-pop__cont p {color: #8B95A1; font-weight: 300; margin-top: 0.25rem;}
.pre-pop__cont strong {display: block; color: #006FFF; font-weight: 400; padding-bottom: 2rem; margin-top: 1.5rem;}
.pre-pop__cont img {display: block; width: 7.5rem; margin: 0 auto;}
.pre-pop__btn {width: 100%; height: 3rem;	background: #006FFF; color: #fff; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}


@media (max-width:1280px) {
	.pre-ban__wrap dl dt h5 {font-size: 1.5rem;}
	.pre-ban__wrap dl dt p {font-size: 1.125rem;}
	.pre-ban__wrap dl dd a {width: 10rem; font-size: 1.125rem;}
	.pre-top h3 {font-size: 5rem;}
	.pre-cpn__title h3 {font-size: 2.5rem;}
	.pre-buck__otp dt {font-size: 1.5rem;}
}

@media (max-width:992px) {
	.pre-ban__wrap dl dt p {font-size: 1rem;}
	.pre-ban__wrap img {width: 15rem;}
	.pre-top h5 span {font-size: 1.5rem;}
	.pre-top h6 {font-size: 2rem; margin-top: 2rem;}
	.pre-top h3 {font-size: 4rem;}
	.pre-top p {margin-top: 3rem;}
	.pre-top p span {font-size: 1.75rem;}
	.pre-word__box ul li input[type="text"] {padding-bottom: 0;}
	.pre-evt__list dl dt p {font-size: 1rem;}
	.pre-btn {width: 14rem; height: 3.25rem; font-size: 1.125rem;}
	.pre-buck__box.end:after {width: 8.5rem; height: 6.5rem; margin-left: -4rem;}
	.pre-buck__otp dt {font-size: 1.25rem;}
	.pre-buck__otp .opt-group label {font-size: 0.875rem; width: 7rem;}
	.pre-buck__otp .opt-group input[type="text"] {width: auto; flex-grow: 1;}
	.pre-buck__list dl dd strong {font-size: 1.25rem;}
	.pre-ipn__evt dd button {width: 20rem; height: 4rem; font-size: 1.125rem;}
}

@media (max-width:768px) {
	.pre-ban {padding: 1rem 0;}
	.pre-ban__wrap {display: block;}
	.pre-ban__wrap dl dt h5 {font-size: 1.125rem;}
	.pre-ban__wrap dl dt p {font-size: 0.875rem;}
	.pre-ban__wrap dl dd a {width: 8rem; height: 2.5rem; font-size: 1rem;}
	.pre-ban__wrap img {display: none;}
	
	.pre-top {padding: 4rem 0;}
	.pre-top h5 span {font-size: 1rem;}
	.pre-top h6 {font-size: 1.25rem; margin-top: 0.75rem;}
	.pre-top h3 {font-size: 2.25rem; margin-top: 1.25rem;}
	.pre-top p {margin-top: 2rem;}
	.pre-top p span {font-size: 1.25rem;}

	.pre-btn {width: 12rem; height: 3rem;}
	.pre-buck__box.end:after {margin-left: -7rem;}

	.pre-word {padding: 5rem 0;}
	.pre-word__title h3 {font-size: 2rem;}
	.pre-word__title p {font-size: 1.125rem; margin-top: 0;}
	.pre-word__box {padding: 2rem; margin: 1.5rem auto 0;}
	.pre-word__box h5 {font-size: 1.25rem;}
	.pre-word__box ul {margin-top: 1rem; gap: 0.125rem;}
	.pre-word__box ul li span,
	.pre-word__box ul li input[type="text"] {width: 2.5rem; height: 2.5rem; font-size: 1.5rem; border-width: 0.125rem;}
	.pre-word__box button {margin-top: 1.5rem;}
	.pre-word__box h6 {font-size: 0.875rem;}
	.pre-word__hint {margin: 2rem auto 0;}
	.pre-word__hint dt {font-size: 1.25rem;}
	.pre-word__hint dd {margin-top: 1rem;}
	.pre-word__hint dd ul {gap: 1rem; flex-direction: column;}
	.pre-word__desc {margin-top: 1rem;}

	.pre-evt {padding: 5rem 0;}
	.pre-evt__title {font-size: 1.75rem;}
	.pre-evt__list {margin-top: 2rem; display: block;}
	.pre-evt__list dl {padding: 1rem 2rem; flex; flex-direction: row; align-items: center; margin-bottom: 1rem;}
	.pre-evt__list dl:last-child {margin-bottom: 0;}
	.pre-evt__list dl dt {text-align: left;}
	.pre-evt__list dl dt h5 {font-size: 1.25rem;}
	.pre-evt__list dl dt p {font-size: 1rem;}
	.pre-evt__list dl dd {flex-shrink: 0; margin-top: 0; margin-left: 1rem; width: 40%;}
	.pre-evt__list dl dd img {max-width: 100% !important;}

	.pre-cpn {padding: 5rem 0;}
	.pre-cpn__title h3 {font-size: 1.75rem;}
	.pre-cpn__title strong {margin-top: 1.5rem; font-size: 1rem;}
	.pre-cpn__title h5 span {font-size: 1.25rem;}
	.pre-cpn__img img {max-width: 80% !important;}
	.pre-cpn__desc ul {margin-top: 0.5rem;}

	.pre-buck {padding: 5rem 0;}
	.pre-buck__title strong {font-size: 1rem;}
	.pre-buck__title h3 span {font-size: 1.75rem;}
	.pre-buck__info ul {padding: 1rem;}
	.pre-buck__info ul li {display: block;}
	.pre-buck__info ul li:last-child {margin-bottom: 0;}
	.pre-buck__info ul li strong {width: 100%; font-size: 1.25rem;}
	.pre-buck__info ul li span {display: block; padding-left: 1.75rem; margin-top: 0.25rem;}
	.pre-buck__half {margin-top: 2rem; display: block; padding: 0;}
	.pre-buck__img {padding: 0 15%;}
	.pre-buck__box {margin-top: 2rem; padding: 2rem 1rem;}
	.pre-buck__box h5 {font-size: 1.75rem;}
	.pre-buck__box a {font-size: 1rem;}
	.pre-buck__desc {margin-top: 2rem;}
	.pre-buck__desc ul {margin-top: 0.5rem;}
	.pre-buck__otp {margin-top: 0; padding: 1.5rem 1.5rem 1rem; display: block;}
	.pre-buck__otp dt {font-size: 1.25rem;}
	.pre-buck__otp dt br {display: none;}
	.pre-buck__otp dd p {text-align: left;}
	.pre-buck__otp .opt-group {flex-wrap: wrap;}
	.pre-buck__otp .opt-group label {width: 100%; font-size: 1rem; margin-bottom: 0.25rem;}
	.pre-buck__otp .opt-group input[type="text"] {width: calc(100% - 8rem);}
	.pre-buck__otp .opt-group button {width: 7.5rem; font-size: 0.875rem;}		
	.pre-buck__list {margin-top: 1.5rem;}
	.pre-buck__list dl {width: calc(100% / 4);}
	.pre-buck__list dl dd em,
	.pre-buck__list dl dd strong,
	.pre-buck__list dl dd span {height: 6rem;}
	.pre-buck__list dl dd strong {font-size: 1rem;}

	.pre-ipn__evt dd button {width: 16rem;}

	.pre-tcas {padding: 5rem 0;}
	.pre-tcas h3 {font-size: 2rem;}
	.pre-tcas p {font-size: 1rem;}
	.pre-tcas a {margin: 2rem auto 0; width: 15rem; font-size: 1.125rem;}

}

@media (max-width:320px) {
	.pre-ban__wrap dl dd a {width: 6rem; font-size: 0.875rem;}
	.pre-top h5 span {font-size: 0.875rem;}

}