@charset "UTF-8";

*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;min-width:320px;margin:0 auto;}
body{font-size:15px;font-family:'Paperlogy', 'Noto Sans SC', 'Apple Gothic', sans-serif;color:#1E1E1E;line-height:1;word-break:break-all;-webkit-text-size-adjust:100%}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font-size:15px;font-family:'Paperlogy', 'Noto Sans SC', 'Apple Gothic', sans-serif;color:#1E1E1E;vertical-align:middle;line-height:1;font-weight:400;}
input,textarea,select,a{color:#1E1E1E;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
ol,ul,li{list-style:none;}
hr, legend, .blind{position:absolute;top:0;left:-1px;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%}
img,fieldset{border:0 none;}
img{max-width:100%}
label,button{cursor:pointer;}
em,address{font-style:normal;}
strong{font-weight:normal;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
button{border:none;box-shadow:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
select::-ms-expand {display:none;}
select:focus{outline:none}
input{border-radius:0;}
input[type=text]{-webkit-appearance:none;appearance:none;box-shadow:0 0;border:0 none;}
input[type=password]{-webkit-appearance:none;appearance:none;box-shadow:0 0;}
input::-ms-clear{display:none;}
input::placeholder, textarea::placeholder{color:#CECECE;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#CECECE;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#CECECE}
input:focus {outline:none;}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{display:none;}
input[type="button"], input[type="submit"], button{border:0 none;cursor:pointer;}
.clear:after {display:block;clear:both;content:'';}
.txt_hidden{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);}

/* Event */
.evt_wrap{width:100%;margin:auto;position:relative;letter-spacing:0;color:#000;}
.evt_wrap img {width:100%;max-width:100%;vertical-align:top;}
.evt_header{position:absolute;left:0;top:0;z-index:1;width:100%;height:21.87vw;max-height:140px}
.evt_header h1 a{display:inline-block;text-indent:-9999em;overflow:hidden;width:94px;height:28px;position:absolute;top:25px;left:20px;background:url(https://pic.neungyule.com/neteacher/img/common/logo.svg) 0 0 / 100% auto no-repeat;}

.evt_wrap section{background-color:#91E8C9;padding:75px 0;text-align:center;overflow:hidden;}
.evt_wrap section.bg_purple{background-color:#4C319E;color:#fff;}
.evt_wrap section.notice{background-color:#434343;color:#fff;text-align:left;position:relative;}
.evt_wrap section .inner{width:100%;min-width:320px;max-width:720px;margin:0 auto;padding:0 20px;}
.evt_wrap section .inner.nopd{padding:0;}
.evt_wrap h3{color:#4C319E;font-size:35px;line-height:45px;font-weight:800;margin:0 0 35px;}
.evt_wrap .bg_purple h3{color:#fff;}
.evt_wrap strong{font-weight:800;}
.evt_wrap .section3{padding-bottom:107px;position:relative;}
.evt_wrap .event{padding-bottom:76px;position:relative;}
.notice h3{color:#fff;font-size:25px;margin-bottom:28px;}
.notice a{color:#fff;}
.notice .notice_list{counter-reset:nums;}
.notice .notice_list li{counter-increment:nums;font-size:11px;line-height:20px;padding-left:12px;position:relative;letter-spacing:-0.04em;}
.notice .notice_list li:before{content:counter(nums)".";position:absolute;top:0;left:0;}
.notice .notice_list li+li{margin-top:4px;}
.notice .notice_list .point_box{display:inline-block;background:#313131;padding:26px 14px;margin:16px 0;line-height:20px;}
.notice .notice_list .point_box p{padding-left:10px;position:relative;}
.notice .notice_list .point_box p:before{content:'*';display:inline-block;width:9px;position:absolute;left:0;top:0;}

.visual{position:relative;}
.visual h2{position:relative;z-index:2;transform:translate(0, 50px);opacity:0;}
.visual .dama_box{position:relative;z-index:1;width:100%;height:108.61vw;max-height:782px;min-height:351px;margin-top:-21.67%;}
.visual .dama_box .book_cn{width:26.39%;position:absolute;right:20.83%;bottom:1.28%;z-index:3;transform:translate(30%, 0) rotate(3deg);opacity:0;}
.visual .dama_box .book_jp{width:25.83%;position:absolute;right:5.56%;bottom:0;z-index:4;transform:translate(-30%, 0) rotate(-3deg);opacity:0;}
.visual .dama_box .dama{position:absolute;top:0;left:0;z-index:2;}
.visual .dama_box .dama.float{animation:floating 3s infinite ease-in-out;}
.visual .dama_box .shadow{width:50%;position:absolute;bottom:4.86%;left:50%;margin-left:-25%;z-index:1;}
.visual .sub_tit{margin:48px 0 15px;font-size:17px;font-weight:600;}
.visual h3{margin-top:15px;}
.visual .desc{font-size:14px;line-height:25px;}
.visual .desc u{text-decoration:none;border-bottom:1px solid rgba(0, 0, 0, 0.35);}
@keyframes floating {
    0%{transform:translateY(0);}
    65%{transform:translateY(2%);}
    100%{transform:translateY(0);}
}

.item_box{touch-action:pan-y;}
.item_box .item{width:205px;height:205px;padding-top:116px;color:#000;background:#fff;border-radius:15px;font-size:13px;line-height:20px;}
.item_box .item:after{content:'';display:inline-block;width:78px;height:71px;background:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/sp_ico_box.png) no-repeat 0 0 / 100% auto;position:absolute;top:30px;left:50%;margin-left:-39px;}
.item_box .item1:after{background-position:0 0;}
.item_box .item2:after{background-position:0 -71px;}
.item_box .item3:after{background-position:0 -142px;}
.item_box .item4:after{background-position:0 -213px;}
.item_box .item5:after{background-position:0 -284px;}

.cbot_video{position:relative;}
.cbot_video h3{line-height:1;font-size:45px;}
.cbot_video + .cbot_video{margin-top:60px;}
.cbot_video .sub_tit{display:inline-block;font-size:17px;line-height:20px;font-weight:600;color:#000;margin-bottom:5px;}
.cbot_video .cha{display:block;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;position:absolute;opacity:0;}
.cbot_video.cn .cha{width:81px;height:89px;background-image:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/ico_vid_cn.png?v=2);right:-20px;top:-16px;transform:translate(70px, 32px) rotate(30deg);}
.cbot_video.jp .cha{width:120px;height:94px;background-image:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/ico_vid_jp.png?v=2);left:-20px;top:-40px;transform:translate(-100px, 60px) rotate(-30deg);}
.cbot_video .video_wrap{width:100%;max-width:640px;position:relative;border-radius:15px;overflow:hidden;margin:0 auto;}
.cbot_video .video_wrap .video_box{width:100%;height:100%;}
.cbot_video .video_wrap .video_box video{display:block;width:100%;height:100%;}
.cbot_video .video_wrap .overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:rgba(0,0,0,0.55);}
.cbot_video .video_wrap .overlay img{width:20%;height:auto;}
.section3 .desc{margin:30px 0;}
.section3 .desc p{position:relative;font-size:11px;line-height:20px;padding-left:7px;text-align:left;letter-spacing:-0.02em;}
.section3 .desc p:before{content:'*';display:inline-block;top:0;left:0;position:absolute;}
.btn_wrap{display:flex;width:100%;height:76px;position:absolute;bottom:0;left:0;}
.btn_wrap .btn_banner{display:block;width:50%;height:100%;flex:1 0 50%;text-indent:-9999em;overflow:hidden;background-repeat:no-repeat;background-size:auto 100%;}
.btn_wrap .btn_banner.cn{background-color:#BB2C3B;background-image:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/bn_chat_cn.png);background-position:center right 0;}
.btn_wrap .btn_banner.jp{background-color:#3585B4;background-image:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/bn_chat_jp.png);background-position:center left 0;}
.phone_box{border:5px solid #381D88;border-radius:30px;position:relative;padding:70px 0;}
.phone_box:after{content:'';position:absolute;top:-5px;left:50%;margin-left:-87px;width:174px;height:26px;background:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/phone_top.png) no-repeat 0 0 / 100% auto;}
.phone_box .step+.step{margin-top:75px;}
.phone_box .step .num{display:block;width:49px;height:49px;text-indent:-9999em;overflow:hidden;border-radius:50%;background:#fff url(https://pic.neungyule.com/neteacher/pc/event/2025/0904/sp_ico_num.png) no-repeat 0 0 / 100% auto;margin:0 auto 25px;}
.phone_box .step1 .num{background-position:0 0;}
.phone_box .step2 .num{background-position:0 -49px;}
.phone_box .step3 .num{background-position:0 -98px;}
.phone_box .step4 .num{background-position:0 -147px;}
.phone_box .step .sub_txt{margin:20px 0 50px;font-size:13px;line-height:20px;}
.phone_box .step .sub_txt span{color:#6EE3BA;border-bottom:1px solid #6EE3BA;}
.phone_box .step .chat_box{max-width:310px;margin:0 auto;}
.phone_box .step .a_box{margin-top:35px;}
.phone_box .chat_desc{margin:50px 15px 0;font-size:13px;line-height:22px;position:relative;}
.phone_box .chat_desc p{position:relative;}
.phone_box .chat_desc .ico_leaf{display:inline-block;width:24px;height:29px;background:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/ico_leaf.png) no-repeat 0 0 / 100% auto;position:absolute;margin-top:-7px;margin-left:4px;}
.phone_box .chat_desc ul{background:#3D2681;border-radius:10px;padding:17px 23px;margin-top:25px;}
.phone_box .chat_desc ul li{text-align:left;font-size:11px;line-height:17px;}

.event .evt_top{border-radius:5px;background:#4C319E;padding:24px 0 20px;color:#fff;margin:112px 0 40px;position:relative;}
.evt_wrap .evt_top p{font-size:25px;font-weight:500;margin-bottom:3px;}
.evt_wrap .evt_top h3{color:#fff;margin:0;}
.event .evt_top:after{content:'';display:block;width:100%;height:112px;background:url(https://pic.neungyule.com/neteacher/pc/event/2025/0904/event_char.png) no-repeat center 0 / auto 100%;position:absolute;left:0;top:-112px;}
.event h4{font-size:20px;font-weight:800;line-height:27px;margin-bottom:20px;}
.event h4 span{color:#4C319E;}
.event .txt{font-size:13px;line-height:22px;margin-bottom:30px;}
.event .dot_list{width:58%;margin:40px auto 30px;text-align:left;}
.event .dot_list li{position:relative;font-size:13px;font-weight:600;line-height:20px;padding-left:7px;}
.event .dot_list li:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#000;position:absolute;left:0;top:8px;}
.event .btn_review{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background:#000;border-radius:60px;color:#fff;gap:0 5px;font-size:20px;text-indent:18px;margin-bottom:75px;}
.event .btn_review:after{content:'';display:inline-block;width:18px;height:18px;background:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/ico_arr_right.png) no-repeat center / 100% auto;}
.evt_wrap .btn_float{position:fixed;right:0;bottom:50px;background-color:#1C1C1C;border-radius:10px 0 0 10px;z-index:19;transition:bottom .3s ease;width:100px;height:66px;transition:all .3s ease;}
.evt_wrap .btn_float.sticky{position:absolute;top:60px;bottom:unset;}
.evt_wrap .btn_float:after{content:'';display:inline-block;width:98px;height:44px;background:url(https://pic.neungyule.com/neteacher/m/event/2025/0904/bn_float_img.png) no-repeat 0 0 / auto 100%;position:absolute;top:-44px;right:0;}