@charset "utf-8";

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



.mbk-main {position: relative; padding: 10rem 0; background: #2EC2F3; background: linear-gradient(to bottom right, #2EC2F3 0%, #254ABB 50%, #764AF7 100%);}
.mbk-main:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: -20%; bottom: 0; background: #FFFFFF; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #FFFFFF 40%);}
.mbk-main__top {text-align: center;}
.mbk-main__top h5 {font-size: 3rem;}
.mbk-main__top h4 {font-size: 10rem; font-weight: 700; line-height: 1.0; background: linear-gradient(45deg, #2EC2F3 0%, #254ABB 50%, #764AF7 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.mbk-main__top h3 {font-size: 10rem; text-transform: uppercase; font-weight: 600; line-height: 1.0;}

.mbk-main__half {margin-top: 10rem; position: relative; border-radius: 0.75rem; background: linear-gradient(to bottom right, #2EC2F3 0%, #254ABB 50%, #764AF7 100%);}
.mbk-main__half:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; mix-blend-mode: luminosity; background: url('https://img.megastudyth.com/event/2025/mebook/main_logo.png')no-repeat center center / 60% auto;}
.mbk-main__half dl {display: flex; align-items: flex-start; position: relative;}
.mbk-main__half dl dt {width: 50%;}
.mbk-main__half dl dd {width: 50%; display: flex; flex-direction: column; align-items: flex-start;}
.mbk-main__half dl dd p {color: #fff; font-size: 2rem;}
.mbk-main__half dl dd button {height: 3.75rem; border-radius: 0.75rem; margin-top: 1rem; background: #fff; font-size: 2rem; font-weight: 600; padding: 0 2rem ;display: flex; align-items: center; justify-content: center;}
.mbk-main__half dl dd button:after {content: ''; display: block; width: 0.75rem; height: 0.75rem; margin-left: 0.5rem; border-top: solid 3px #000; border-right: solid 3px #000; transform: rotate(45deg); }
.mbk-main__half dl:nth-child(odd) {margin-top: 10%;}
.mbk-main__half dl:nth-child(odd) dt {order: 2; margin-top: -10%;}
.mbk-main__half dl:nth-child(odd) dd {align-items: flex-end; text-align: right; padding-top: 5%;}
.mbk-main__half dl:nth-child(even) dt {margin-top: -40%; margin-left: -5%;}
.mbk-main__half dl:nth-child(even) dd {margin-right: 10%; margin-top: -10%;}

.mak-banner {width: 100%; height: 8rem; margin-top: 4rem; display: flex; border-radius: 0.75rem; position: relative; padding-left: 2rem; padding-right: 16rem; align-items: center; background: linear-gradient(to right, #000 0%, #7BD180 100%);}
.mak-banner strong {background: rgba(133,216,138,0.6); color: #fbfbfb; font-size: 1.5rem; margin-right: 2rem; border-radius: 0.5rem; font-weight: 500; flex-shrink: 0; padding: 0.5rem 1rem; line-height: 1.0; display: flex; align-items: center; justify-content: center;}
.mak-banner span {font-size: 2rem; color: #85D88A; flex-grow: 1; text-align: left;}
.mak-banner:after {content: ''; display: block; width: 20.75rem; height: 12.25rem; position: absolute; right: 0; bottom: 0; background: url('https://img.megastudyth.com/event/2025/mebook/banner.png')no-repeat center center / cover;}

.mak-start {position: relative; background: #26252C;}
.mak-start:before {content: ''; opacity: 0.2; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom right, #2EC2F3 0%, #254ABB 50%, #764AF7 100%);}
.mak-start dl {display: flex; align-items: center;}
.mak-start dl dt {display: flex; align-items: center; flex-grow: 1;}
.mak-start dl dt img {display: block; height: 170px; flex-shrink: 0; margin: 0 !important;}
.mak-start dl dt h5 {font-size: 2rem; color: #fff; margin-left: 2rem; padding-top: 1rem;}
.mak-start dl dd {flex-shrink: 0;}
.mak-store {display: flex; align-items: center;}
.mak-store li {margin-right: 1.5rem;}
.mak-store li:last-child {margin-right: 0;}
.mak-store li a {display: block; overflow: hidden; border-radius: 0.75rem;}
.mak-store li a img {display: block; height: 63px;}
.mak-store li a.ios {background: #fff;}
.mak-store li a.soon {background: rgba(0,0,0,0.2); border: solid 1px #aaa;}
.mak-store li a.google {background: #000; border: solid 1px #fff;}

.mak-app__top {padding-top: 3rem;}
.mak-app__title {display: flex; align-items: center;}
.mak-app__title dt {width: 60%; padding-bottom: 4rem;}
.mak-app__title dt h4 {font-size: 3.75rem;}
.mak-app__title dt h5 {font-size: 2.5rem; font-weight: 300; background: linear-gradient(45deg, #2EC2F3 0%, #254ABB 50%, #764AF7 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.mak-app__title dt h6 {font-size: 1.5rem; font-weight: 300; margin-top: 3rem; line-height: 1.8;}
.mak-app__title dd {width: 40%;}

.mak-app__tab {display: flex; position: relative;}
.mak-app__tab:before {content: ''; display: block; background: #E9E9E9; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%;}
.mak-app__tab li {flex: auto; position: relative;}
.mak-app__tab li button {width: 100%; height: 5rem; color: rgba(0,0,0,0.2); font-size: 1.125rem;}
.mak-app__tab li button.active {background: #254ABB; color: #fff; font-weight: 500; border-radius: 0.75rem;}

.mak-app__tabs {display: flex; position: relative;}
.mak-app__tabs:before {content: ''; display: block; background: #E9E9E9; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%;}
.mak-app__tabs button {flex: auto; position: relative;height: 5rem; color: rgba(0,0,0,0.2); font-size: 1.125rem;}
.mak-app__tabs button.is-active {background: #254ABB; color: #fff; font-weight: 500; border-radius: 0.75rem;}

.mak-app__load {padding-top: 3rem;}
.mak-app__cont {}
.mak-app__cont dl {display: flex; align-items: center;}
.mak-app__cont dl dt {width: 50%; padding-right: 10%; flex-shrink: 0;}
.mak-app__cont dl dd {}
.mak-app__cont dl dd h4 {font-size: 3.75rem; color: #254ABB; font-weight: 700;}
.mak-app__cont dl dd h5 {font-size: 1.5rem; margin-top: 2rem;}
.mak-app__cont dl dd p {color: rgba(0,0,0,0.4); margin-top: 2rem;}
.mak-app__down {padding: 12rem 0 6.25rem; text-align: center; position: relative; overflow: hidden; background: #2EC2F3; background: linear-gradient(to bottom right, #2EC2F3 0%, #254ABB 50%, #764AF7 100%);}
.mak-app__down:before {content: ''; display: block; position: absolute; left: 0; right: 0; top: -20%; bottom: -40%; background: #FFFFFF; background: linear-gradient(to bottom, #FFFFFF 20%, rgba(255,255,255,0) 100%);}
.mak-app__down h5 {font-size: 1.5rem;}
.mak-app__down a {display: inline-block; margin-top: 1.5rem; background: #000; overflow: hidden; border-radius: 0.75rem;}
.mak-app__down a img {display: block; width: 11.375rem;}

.mak-dtl__top {position: relative; background: #26252C; padding-top: 2.5rem;}
.mak-dtl__top:before {content: ''; opacity: 0.2; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom right, #2EC2F3 0%, #254ABB 50%, #764AF7 100%);}
.mak-dtl__down {display: flex; align-items: center;}
.mak-dtl__down dt {flex-grow: 1; color: #fff;}
.mak-dtl__down dt h4 {font-size: 2rem;}
.mak-dtl__down dt h3 {font-size: 3.5rem;}
.mak-dtl__down dt h3 strong {font-size: 4rem;}
.mak-dtl__down dd {flex-shrink: 0;}

.mak-dtl__tab {display: flex; margin-top: 2.5rem; position: relative;}
.mak-dtl__tab:before {content: ''; display: block; background: #171727; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%;}
.mak-dtl__tab li {flex: auto; position: relative;}
.mak-dtl__tab li button {width: 100%; height: 5rem; color: rgba(255,255,255,0.5); font-size: 1.125rem;}
.mak-dtl__tab li button.active {background: #764AF7; color: #fff; font-weight: 500; border-radius: 0.75rem;}

.mak-dtl__tabs {display: flex; margin-top: 2.5rem; position: relative;}
.mak-dtl__tabs:before {content: ''; display: block; background: #171727; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%;}
.mak-dtl__tabs button {flex: auto; position: relative; height: 5rem; color: rgba(255,255,255,0.5); font-size: 1.125rem;}
.mak-dtl__tabs button.is-active {background: #764AF7; color: #fff; font-weight: 500; border-radius: 0.75rem;}

.mak-dtl__load {padding-top: 3.5rem; padding-bottom: 5rem;}
.mak-dtl__cont {}
.mak-dtl__cont dl {}
.mak-dtl__cont dl {display: flex; align-items: center;}
.mak-dtl__cont dl dt {width: 50%; padding-left: 10%; flex-shrink: 0; order: 2;}
.mak-dtl__cont#dtl2 dl dt {padding-left: 0;}
.mak-dtl__cont dl dd {width: 50%;}
.mak-dtl__cont dl dd h4 {font-size: 3.75rem; color: #764AF7; font-weight: 700;}
.mak-dtl__cont dl dd h5 {font-size: 1.5rem; margin-top: 2rem;}
.mak-dtl__cont dl dd p {color: rgba(0,0,0,0.4); margin-top: 2rem;}

.nt-evt__form {background: linear-gradient(to bottom, #44C64B 0%, #fff 30%);}
.nt-evt__top {padding-top: 6rem;  text-align: center; display: flex; flex-direction: column; align-items: center; background: url('https://img.megastudyth.com/event/2025/mebook/event_top.png')no-repeat center top / 100% auto;}
.nt-evt__top em {padding: 0.5rem 1.25rem; background: #171727; color: #fff; font-size: 1.5rem; font-weight: 600; font-style: normal; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.nt-evt__top h4 {font-size: 2.5rem; margin-top: 1.5rem;}
.nt-evt__top h4 br {display: none;}
.nt-evt__top p {font-size: 1.5rem; margin-top: 1.5rem; font-weight: 500;}
.nt-evt__dtl {background: #fff; position: relative; border-radius: 1.25rem 1.25rem 0 0; margin-top: 2rem; padding: 2rem; display: flex; align-items: center; justify-content: center;}
.nt-evt__dtl dt {order: 2;}
.nt-evt__dtl dt img {width: 20rem;}
.nt-evt__dtl dd {}
.nt-evt__dtl dd h5 {font-size: 1.5rem; color: #59CC60; line-height: 1.4;}
.nt-evt__dtl dd p {line-height: 1.8; margin-top: 1rem;}
.nt-evt__badge {display: block; width: 9.375rem; height: 9.375rem; position: absolute; right: 2rem; top: -5rem; background: url('https://img.megastudyth.com/event/2025/mebook/event_badge.png')no-repeat center center / cover;}

.nt-evt__rdo {background: #fff; padding: 2.5rem 5rem; display: flex; gap: 1rem;}
.nt-evt__rdo li {flex: 1;}
.nt-evt__rdo li label {cursor: pointer; background: #f1f3f7; height: 5.5rem; padding: 0 1.5rem; display: flex; align-items: center;}
.nt-evt__rdo li input[type="radio"] {flex-shrink: 0; display: block; width: 1.5rem; height: 1.5rem; cursor: pointer; border: solid 3px #cfcfcf; position: relative; appearance: none; background: none; border-radius: 50%;}
.nt-evt__rdo li input[type="radio"]:checked {border-color: #006fff;}
.nt-evt__rdo li input[type="radio"]:checked:after {content: ''; display: block; position: absolute; background: #006fff; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; border-radius: 50%;}
.nt-evt__rdo li span {padding-left: 1.25rem; line-height: 1.2;}
.nt-evt__rdo li strong {display: block; font-size: 1.25rem; font-weight: 500;}
.nt-evt__cmt {padding: 2.5rem; background: #fff;}

.nt-evt__ipt {border: solid 1px #c5cbd3; border-radius: 1rem; display: flex; overflow: hidden; padding: 0.75rem 0;}
.nt-evt__ipt textarea {padding: 1rem 2.5rem; font-size: 1.25rem; font-weight: 300; display: block; height: 7.5rem; resize: none; width: 100%; border: none; background: none;}
.nt-evt__ipt textarea::placeholder {color: #c5cbd3;}
.nt-evt__ipt a {width: 10rem; flex-shrink: 0; font-size: 1.125rem; border-left: solid 1px #c5cbd3; display: flex; align-items: center; justify-content: center;}
.nt-evt__warn {font-size: 0.875rem; color: #7e8b9a; font-weight: 300; margin-top: 1rem; display: flex; padding: 0 1rem;}
.nt-evt__warn:before {content: ''; display: block; width: 6px; height: 1px; background: #7e8b9a; margin-right: 6px; margin-top: 8px;}

.nt-evt__list {border-top: solid 1px #212121; margin-top: 3rem;}
.nt-evt__list td {border-bottom: solid 1px #c5cbd3; font-size: 0.875rem; padding: 1rem; text-align: center; font-weight: 300;}
.nt-evt__list td.name {color: #7e8b9a; width: 120px;}
.nt-evt__list td.tutor {font-weight: 400; width: 200px;}
.nt-evt__list td.content {text-align: left;}
.nt-evt__list td.content p {display: flex;}
.nt-evt__list td.content strong {font-weight: 400;}
.nt-evt__list td.content a {color: #666; flex-shrink: 0; margin-left: 0.5rem;}
.nt-evt__list td.date {color: #666; width: 200px;}

.nt-evt__paging {margin-top: 2rem; display: flex; justify-content: center; align-items: center;}
.nt-evt__paging a {width: 2rem; height: 2rem; text-align: center; font-size: 0.875rem; font-weight: 300; color: #666; display: flex; justify-content: center; align-items: center;}
.nt-evt__paging > a {text-indent: -9999px; margin: 0 2px; position: relative;}
.nt-evt__paging > a img {display: none !important;}
.nt-evt__paging > a:before,
.nt-evt__paging > a:after {content: ''; width: 8px; height: 8px; border-top: solid 2px #aaa; position: absolute; left: 50%; top: 50%; margin-top: -4px; box-sizing: border-box;}
.nt-evt__paging > a.first:before {border-left: solid 2px #aaa; transform: rotate(-45deg); margin-left: -5px;}
.nt-evt__paging > a.first:after {border-left: solid 2px #aaa; transform: rotate(-45deg); margin-left: 1px;}
.nt-evt__paging > a.prev:before {border-left: solid 2px #aaa; transform: rotate(-45deg); margin-left: -2px;}
.nt-evt__paging > a.prev:after {display: none;}
.nt-evt__paging > a.next:before {border-right: solid 2px #aaa; transform: rotate(45deg); margin-left: -6px;}
.nt-evt__paging > a.next:after {display: none;}
.nt-evt__paging > a.last:before {border-right: solid 2px #aaa; transform: rotate(45deg); margin-left: -8px;}
.nt-evt__paging > a.last:after {border-right: solid 2px #aaa; transform: rotate(45deg); margin-left: -2px;}
.nt-evt__paging ul {margin: 0 2px; display: flex; justify-content: center; align-items: center;}
.nt-evt__paging ul li {margin: 0 2px;}
.nt-evt__paging ul li a.on {color: #000;}

.nt-desc {padding-top: 1.5rem; padding-bottom: 5rem; background: #e0e3eb;}
.nt-desc__title {display: flex; justify-content: center; align-items: center;}
.nt-desc__title h3 {font-size: 1.375rem; text-align: center; font-weight: 500;}
.nt-desc__title button {margin-left: 0.5rem; display: block; background: none; border: none; text-indent: -9999px; width: 1.5rem; height: 1rem; position: relative;}
.nt-desc__title button:after {content: ''; display: block; width: 0.5rem; height: 0.5rem; position: absolute; left: 50%; top: 50%; margin-left: -0.25rem; margin-top: -0.25rem; border-left: solid 2px #88929f; border-top: solid 2px #88929f; transform: rotate(45deg);}
.nt-desc__title button.active:after {transform: rotate(225deg); margin-top: -0.5rem;}

.nt-desc__cont {margin-top: 1.25rem; background: #fff; border: solid 1px #7e8b9a; padding: 3.25rem;}
.nt-desc__cont dl {margin-bottom: 2rem;}
.nt-desc__cont dl:last-child {margin-bottom: 0;}
.nt-desc__cont dl dt {font-weight: 500; margin-bottom: 0.5rem;}
.nt-desc__cont dl dd {font-weight: 300; margin-bottom: 0.25rem; display: flex;}
.nt-desc__cont dl dd:last-child {margin-bottom: 0;}
.nt-desc__cont dl dd:before {content: ''; display: block; flex-shrink: 0; width: 6px; height: 1px; background: #333; margin-right: 6px; margin-top: 10px;}
.nt-desc__cont dl dd a {color: #006fff; font-weight: 400; margin-left: 0.25rem;}


@media (max-width:1280px) {
	.mbk-main {padding: 8rem 0;}
	.mbk-main__top h5 {font-size: 2.5rem;}
	.mbk-main__top h4 {font-size: 8rem;}
	.mbk-main__top h3 {font-size: 8rem;}

	.mbk-main__half dl dd p {font-size: 1.75rem;}
	.mbk-main__half dl dd button {height: 3rem; border-radius: 0.75rem; font-size: 1.5rem; padding: 0 1.5rem;}
	.mbk-main__half dl dd button:after {width: 0.5rem; height: 0.5rem; border-top-width: 2px; border-right-width: 2px;}
	
	.mak-banner {padding-right: 10rem;}
	.mak-banner strong {font-size: 1.25rem; margin-right: 1rem;}
	.mak-banner span {font-size: 1.75rem;}
	.mak-banner:after {right: -4rem;}

	.mak-app__title dt h4 {font-size: 3.5rem;}
	.mak-app__title dt h5 {font-size: 2.25rem;}
	.mak-app__title dt h6 {font-size: 1.25rem; margin-top: 2rem;}
}


@media (max-width:992px) {
	.mbk-main {padding: 6rem 0;}
	.mbk-main__top h5 {font-size: 2rem;}
	.mbk-main__half {margin-top: 6rem;}
	.mbk-main__half dl dd p {font-size: 1.5rem;}
	.mbk-main__half dl dd button {height: 2.75rem; border-radius: 0.5rem; font-size: 1.25rem;}

	.mak-banner {height: 7rem; padding-left: 2rem; margin-top: 2rem;}

	.mak-start dl dt h5 {font-size: 1.75rem; margin-left: 1rem;}
	.mak-store li {margin-right: 0.5rem;}
	.mak-store li a {border-radius: 0.5rem;}
	.mak-store li a img {height: 44px;}

	.mak-app__title dt h4 {font-size: 3rem;}
	.mak-app__title dt h5 {font-size: 2rem;}
	.mak-app__title dt h6 {font-size: 1rem; margin-top: 2rem;}

	.mak-app__tab li button {height: 4rem; font-size: 1rem;}

	.mak-app__tabs button {height: 4rem; font-size: 1rem;}

	.mak-app__cont dl dd h4 {font-size: 3rem;}
	.mak-app__cont dl dd h5 {font-size: 1.25rem; margin-top: 1rem;}
	.mak-app__cont dl dd p {margin-top: 1rem;}

	.mak-app__down {padding: 6rem 0;}
	.mak-app__down h5 {font-size: 1.25rem;}
	.mak-app__down a img {width: 10rem;}

	.mak-dtl__down dt h4 {font-size: 1.5rem;}
	.mak-dtl__down dt h3 {font-size: 3rem;}
	.mak-dtl__down dt h3 strong {font-size: 3.5rem;}

	.mak-dtl__tab li button {height: 4rem; font-size: 1rem;}

	.mak-dtl__tabs button {height: 4rem; font-size: 1rem;}

	.mak-dtl__cont dl dd h4 {font-size: 3rem;}
	.mak-dtl__cont dl dd h5 {font-size: 1rem; margin-top: 1rem;}
	.mak-dtl__cont dl dd p {margin-top: 1rem;}

	.nt-evt__top {padding-top: 5rem;}
	.nt-evt__top em {font-size: 1.25rem;}
	.nt-evt__top h4 {font-size: 2.25rem;}
	.nt-evt__top p {font-size: 1.25rem;}
}

@media (max-width:768px) {

	.mbk-main {padding: 4rem 0 3rem;}
	.mbk-main__top h5 {font-size: 1.5rem;}
	.mbk-main__top h4 {font-size: 4rem;}
	.mbk-main__top h3 {font-size: 4rem;}

	.mbk-main__half {margin-top: 4rem;}
	.mbk-main__half dl dd {padding-left: 1rem; padding-right: 1rem;}
	.mbk-main__half dl dd p {font-size: 1rem;}
	.mbk-main__half dl dd button {height: 2.5rem; border-radius: 0.5rem; font-size: 1rem;}
	.mbk-main__half dl dd button:after {width: 5px; height: 5px; border-top-width: 1px; border-right-width: 1px;}
	.mbk-main__half dl:nth-child(even) dt {margin-top: -20%;}
	.mbk-main__half dl:nth-child(even) dd {margin-right: 0; margin-top: -5%;}

	.mak-banner {height: auto; padding: 1rem; margin-top: 1rem; padding-right: 4rem; flex-direction: column; align-items: flex-start;}
	.mak-banner strong {font-size: 1rem; padding: 0.25rem 0.5rem; border-radius: 0.25rem;}
	.mak-banner span {font-size: 1.125rem; margin-top: 0.5rem;}
	.mak-banner:after {width: 10.375rem; height: 6.125rem; right: -2.5rem;}
	
	.mak-start dl {flex-direction: column; padding: 2rem 0;}
	.mak-start dl dt img {display: none !important;}
	.mak-start dl dt h5 {font-size: 1.75rem; margin-left: 0; padding-top: 0;}
	.mak-start dl dt h5 br {display: none;}
	.mak-start dl dd {margin-top: 0.75rem; width: 100%;}
	.mak-store {gap: 1rem;}
	.mak-store li {margin-right: 0; flex: 1;}
	
	.mak-app__title {flex-direction: column;}
	.mak-app__title dt {order: 2; width: 100%; text-align: center; margin-top: 1rem; padding-bottom: 2.5rem;}
	.mak-app__title dt h4 {font-size: 2.5rem;}
	.mak-app__title dt h5 {font-size: 1.5rem; margin-top: 0.5rem;}
	.mak-app__title dt h6 {font-size: 1rem; margin-top: 1rem;}
	.mak-app__title dd {width: 100%; padding: 0 20% 0 25%;}
	
	.mak-app__tab {flex-wrap: wrap; margin: 0 -16px;}
	.mak-app__tab:before {display: none;}
	.mak-app__tab li {width: 50%; padding: 1px;}
	.mak-app__tab li button {height: 4rem; font-size: 1rem; background: #E9E9E9;}
	.mak-app__tab li button.active {border-radius: 0;}

	.mak-app__tabs {flex-wrap: wrap; margin: 0 -16px;}
	.mak-app__tabs:before {display: none;}
	.mak-app__tabs button {width: 50%; height: 4rem; font-size: 1rem; background: #E9E9E9; border: solid 1px rgba(0,0,0,0.05);}
	.mak-app__tabs button.is-active {border-radius: 0;}
	
	.mak-app__cont dl {flex-direction: column;}
	.mak-app__cont dl dt {width: 100%; padding-left: 20%; padding-right: 20%;}
	.mak-app__cont dl dd {width: 100%; text-align: center; margin-top: 2rem;}

	.mak-app__down {padding: 6rem 0 3rem;}
	.mak-app__down h5 {font-size: 1.25rem;}
	
	.mak-dtl__down {flex-direction: column;}
	.mak-dtl__down dt {width: 100%; text-align: center;}
	.mak-dtl__down dt h4 {font-size: 1.5rem;}
	.mak-dtl__down dt h3 {font-size: 3rem;}
	.mak-dtl__down dt h3 strong {font-size: 3.5rem;}
	.mak-dtl__down dd {width: 100%; margin-top: 1rem;}

	.mak-dtl__tab {flex-wrap: wrap; margin: 0 -16px; padding-top: 3rem;}
	.mak-dtl__tab:before {display: none;}
	.mak-dtl__tab li {width: 50%; padding: 1px;}
	.mak-dtl__tab li button {height: 4rem; font-size: 1rem; background: #171727;}
	.mak-dtl__tab li button.active {border-radius: 0;}

	.mak-dtl__tabs {flex-wrap: wrap; margin: 0 -16px; padding-top: 3rem;}
	.mak-dtl__tabs button {width: 50%; height: 4rem; font-size: 1rem; background: #171727; border: solid 1px rgba(255,255,255,0.1);}
	.mak-dtl__tabs button.is-active {border-radius: 0;}

	.mak-dtl__cont dl {flex-direction: column;}
	.mak-dtl__cont dl dt {width: 100%; padding-left: 20%; padding-right: 20%;}
	.mak-dtl__cont#dtl2 dl dt {padding-left: 10%; padding-right: 10%;}
	.mak-dtl__cont dl dd {order: 2; width: 100%; text-align: center; margin-top: 2rem;}
	.mak-dtl__cont dl dd h4 {font-size: 3rem;}
	.mak-dtl__cont dl dd h5 {font-size: 1rem; margin-top: 1rem;}
	.mak-dtl__cont dl dd p {margin-top: 1rem;}

	.nt-evt__top em {font-size: 1.25rem;}
	.nt-evt__top h4 {font-size: 2rem;}
	.nt-evt__top h4 br {display: block;}
	.nt-evt__top p {font-size: 1.125rem;}

	.nt-evt__dtl {display: block;}
	.nt-evt__dtl dt img {width: auto;}
	.nt-evt__dtl dd {margin-top: 2rem;}
	.nt-evt__dtl dd h5 {font-size: 1.25rem;}
	.nt-evt__dtl dd p {line-height: 1.8; margin-top: 1rem;}
	.nt-evt__badge {width: 6rem; height: 6rem; top: -2rem; right: -1rem;}


	.nt-evt__rdo {padding: 1rem; gap: 0.5rem;}
	.nt-evt__rdo li label {height: 4rem; padding-left: 0.75rem; padding-right: 0;}
	.nt-evt__rdo li input[type="radio"] {width: 1rem; height: 1rem; border-width: 1px;}
	.nt-evt__rdo li input[type="radio"]:checked:after {left: 2px; right: 2px; top: 2px; bottom: 2px;}
	.nt-evt__rdo li span {padding-left: 1rem; padding-left: 0.5rem; font-size: 0.875rem;}
	.nt-evt__rdo li strong {font-size: 0.875rem;}
	.nt-evt__cmt {padding: 1rem;}

	.nt-evt__ipt {padding: 0.5rem 0;}
	.nt-evt__ipt textarea {padding: 0.5rem 1rem; font-size: 1rem; height: 6rem;}
	.nt-evt__ipt a {width: 5rem; font-size: 1rem;}
	.nt-evt__warn {font-size: 0.875rem; padding: 0;}

	.nt-evt__list {margin-top: 2rem;}
	.nt-evt__list,
	.nt-evt__list tbody {display: block;}
	.nt-evt__list tr {display: flex; flex-wrap: wrap; border-bottom: solid 1px #c5cbd3; padding: 1rem 0.5rem;}
	.nt-evt__list td {display: block;}
	.nt-evt__list td {border-bottom: none; padding: 0;}
	.nt-evt__list td.name {width: auto;}
	.nt-evt__list td.tutor {flex-grow: 1; text-align: right;}
	.nt-evt__list td.content {width: 100%; margin-top: 0.5rem;}
	.nt-evt__list td.content strong {flex-grow: 1; font-size: 1rem;}
	.nt-evt__list td.date {width: 100%; text-align: right; margin-top: 0.5rem;}

	.nt-evt__paging {margin-top: 1rem;}
	.nt-desc__cont {padding: 2rem;}
	.nt-desc__cont dl {margin-bottom: 1.5rem;}

}


@media (max-width:320px) {

}