/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 * Copyright Filipe Linhares
 */@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}html{tab-size:2;background-color:#d1f0d5}body{font-family:-apple-system, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", "Noto Sans", "Noto Sans JP", "Noto Sans CJK JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", BlinkMacSystemFont, "メイリオ", Arial, sans-serif;margin:0 auto;width:100vw;min-height:100vh;max-width:1200px;min-width:930px;background-color:#f1f1f1}a,a:visited{color:initial;text-decoration:none}li{list-style:none}.main_container{margin:0 auto;padding:28px 60px;box-sizing:border-box;background-color:#f1f1f1;max-width:1200px}.form_button_main,.form_button_sub,.form_button_sub:visited,.form_button_main:visited{display:inline-block;width:124px;height:52px;padding:10px 0;margin:10px 0;border-radius:4px;font-size:20px;font-weight:600;text-align:center;color:#fff;background-color:#498D52;border:none;box-sizing:border-box}.form_button_sub,.form_button_sub:visited{color:#498D52;background-color:#fff;vertical-align:middle;border:solid 1px #498D52}.checkbox{width:520px;height:24px;opacity:0;-webkit-appearance:none;appearance:none;position:absolute}.checkbox_label{font-size:16px;font-weight:400;position:relative;height:100%;width:100%;display:flex;align-items:center}.checkbox_label::before{display:block;content:"";width:20px;height:20px;border:2px solid #ccc;border-radius:4px;margin-right:8px;margin-top:2px}.checkbox:checked+.checkbox_label::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%23498D52' stroke-width='4' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 2px}.blocker.jquery-modal{z-index:20}.blocker.jquery-modal #howto_video_modal{z-index:25}.page_header{background-color:#fff;padding:30px 0 25px 0;margin:0 auto;box-sizing:border-box;max-width:1200px}.page_header_description{margin-top:20px;font-size:16px;line-height:28px;text-align:center}.page_title{font-weight:500;font-size:32px;margin:0;text-align:center}.header{display:flex;align-items:center;justify-content:space-between;height:68px;width:100%;max-width:1200px;margin:0 auto;background-color:#fff}.header_right{display:flex;height:100%;align-items:center}.header_logo{height:54px;margin-left:60px}.header_logo img{height:100%}.header_nav{height:100%;width:auto}.header_nav_ul{display:flex;width:100%;height:100%;margin:0;padding:0 8px;justify-content:space-between;align-items:center;text-align:center}.header_nav_item{font-size:16px;font-weight:500;align-items:center;margin:0 12px}.header_mypage_link{display:inline-flex;height:100%;text-align:center;align-items:center;white-space:nowrap}.header_mypage_link *{white-space:nowrap}.mypage_icon{margin-right:8px;height:22px}.tmenu_icon{-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;width:20px;color:#39B54A}.tmenu_person{width:40px;border-radius:20px;position:absolute;left:36px}.tmenu_name{font-size:16px;font-weight:500;margin-left:8px;vertical-align:middle;position:absolute;left:76px;white-space:nowrap}.tmenu_item{z-index:4;position:relative;display:flex;height:68px;width:160px;text-align:center;align-items:center;justify-content:space-between}.tmenu_list{z-index:3;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;position:fixed;display:flex;width:180px;max-height:0;opacity:0;overflow:hidden;background-color:#fff;flex-direction:column}.tmenu_list .tmenu_item{-webkit-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;opacity:0}.tmenu_bg{z-index:2;opacity:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;right:0}#tmenu_checkbox{display:none;width:0}#tmenu_link_to_teachers .tmenu_icon{height:20px;position:relative;margin-left:20%}#tmenu_link_to_teachers .tmenu_name{position:relative;margin-left:0;left:initial;margin-right:10%}#tmenu_checkbox:checked~.tmenu_item .tmenu_icon{background:transparent;transform:rotate(180deg)}#tmenu_checkbox:checked~.tmenu_bg{pointer-events:auto}#tmenu_checkbox:checked~.tmenu_list{height:auto;max-height:100vh;opacity:1}#tmenu_checkbox:checked~.tmenu_list .tmenu_item{-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;opacity:1}.drawer_checkbox{display:none}.drawer_icon,.drawer_icon::before,.drawer_icon::after{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:7;display:block;height:3px;width:30px;background-color:#39B54A;position:absolute;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.drawer_icon::before,.drawer_icon::after{content:" "}.drawer_icon::before{top:16px}.drawer_icon::after{top:-16px}.drawer_icon_wrapper{position:relative;cursor:pointer;display:block;width:80px;height:100%;margin-left:8px}.drawer_bg{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:5;background-color:#000;opacity:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;right:0}.drawer_menu{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:6;position:fixed;display:flex;background:#ffffff;color:#000;width:256px;height:100vh;top:0;right:-256px;padding:72px 8px 0 8px;overflow-y:auto;flex-direction:column;align-items:center}.drawer_menu_item{font-size:18px;font-weight:500;margin:20px 0;text-align:center}.drawer_menu .copyright{margin-top:24px;font-size:12px;line-height:28px;text-align:center}.drawer_logo{width:140px;margin:16px 0}#drawer_checkbox:checked~.drawer_icon_wrapper .drawer_icon{background:transparent}#drawer_checkbox:checked~.drawer_icon_wrapper .drawer_icon:before{transform:rotate(-45deg);top:0}#drawer_checkbox:checked~.drawer_icon_wrapper .drawer_icon:after{transform:rotate(45deg);top:0}#drawer_checkbox:checked~.drawer_bg{opacity:0.3;pointer-events:auto}#drawer_checkbox:checked~.drawer_menu{right:0}.logout_button,.contact_button,.logout_button:visited,.contact_button:visited{display:block;position:relative;margin:28px auto 8px auto;width:104px;height:42px;font-size:16px;background-color:#fff;border-radius:52px;border:solid 1.5px #498D52}.logout_button a,.contact_button a,.logout_button:visited a,.contact_button:visited a{width:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap;text-align:center;color:#498D52}.contact_button{font-size:14px;margin-top:16px}.howto_os_wrapper{display:table;margin:0 auto 32px auto;align-items:center;justify-content:space-between}.howto_os_button,.howto_os_active{width:146px;height:44px;padding-top:2px;margin:0 20px;font-size:20px;font-weight:500;color:#c7c6c6;border-radius:22px;background-color:#fff}.howto_os_active{margin:0 20px;color:#fff;background-color:#498D52}.howto_nav{display:inline-flex;height:auto;width:100%;margin:0 auto 20px auto;justify-content:center;flex-wrap:wrap}.howto_nav_item{display:inline-flex;padding:8px 20px;margin:8px;font-size:16px;font-weight:500;background-color:#fff;box-sizing:content-box;border-radius:24px;align-items:center}.howto_nav_item img{height:16px;margin-right:6px}.howto_nav_wrapper{width:80%;text-align:center;margin:0 auto}.howto_nav_wrapper_seikyo{width:100%}.howto_category{display:flex;width:760px;margin:24px auto 36px auto;justify-content:space-between;align-items:center;flex-wrap:wrap}.howto_category_title{width:100%;margin:0 auto 16px auto;font-size:24px;font-weight:500;text-align:center}.howto_card{width:220px;margin:12px auto;overflow:hidden;border-radius:12px;background-color:#fff;height:180px}.howto_card_top{width:220px;margin:12px auto;overflow:hidden;border-radius:12px;background-color:#fff;height:220px}.howto_card_img{width:220px;height:124px}.howto_card_title{margin:2px 0 8px 16px;font-size:16px;font-weight:500}.howto_card_description{margin:8px 16px;font-size:14px;font-weight:400}.howto_video{max-width:1280px}.howto_seikyo_zoom_button{font-size:25px;font-weight:500;color:#fff;background-color:#498D52;padding:5px 20px 10px}.mypage_nav{margin:20px auto 0 auto;display:flex;flex-wrap:wrap;width:804px;justify-content:space-between}.mypage_banner{display:flex;width:100%;margin:16px 0;border-radius:10px}.mypage_card{display:flex;width:48%;height:220px;background-color:#fff;margin:16px 0;padding:2px 4px;border-radius:10px}.mypage_card_full{width:55%;margin:16px 200px}.mypage_card_l{position:relative;width:50%}.mypage_card_l_full{padding-left:15px}.mypage_card_r{display:flex;justify-content:center;align-items:center;width:50%}.mypage_card_r img{height:120px}.mypage_card_title{width:100%;position:absolute;top:50%;transform:translateY(-50%);text-align:center;font-size:24px;font-weight:500;margin-left:4px}#minivideo_title.mypage_card_title{font-size:20px}.mypage_card_title_full{transform:translateY(-90%)}.mypage_card_detail{position:relative;margin-left:12px;top:148px;font-size:14px;font-weight:400;text-align:center}.mypage_card_detail_full{top:140px}.mypage_card_tname{position:absolute;top:52px;left:50%;transform:translateX(-50%);font-size:20px;font-weight:500;text-align:center;margin-left:2px}.mypage_card_upgrade{position:absolute;z-index:100;width:387px;height:219px;background:rgba(122,122,122,0.85);background-image:url(//assets-tw-dev.koredake.net/assets/upgrade-d12fe445f43b2262c2e00d48cbe15743f0484514be3de91fb16eb303de4a7c3b.png);border-radius:10px}.mypage_card_need_upgrade{opacity:0.4}.teacher_thumb{border-radius:50%}.lessoncard{width:860px;height:auto;background-color:#deffd4;margin:42px auto auto auto;padding:42px 0 30px 0}.lessoncard_title{display:flex;width:640px;height:130px;margin:0 auto;padding:12px 0 12px 0;border-radius:65px;background-color:#fff;text-align:center;flex-wrap:wrap;align-items:center;justify-content:center}.lessoncard_title h2{width:100%;font-size:34px;font-weight:500}.lessoncard_title span{font-size:14px;font-weight:400}.lessoncard_grids{display:flex;width:540px;height:350px;margin:32px auto 0 auto;flex-wrap:wrap;justify-content:space-between;align-content:space-between}.lessoncard_grid{display:block;position:relative;width:160px;height:160px;background-color:#fff;cursor:pointer}.lessoncard_grid_inner{display:block;position:relative;width:160px;height:160px}.lessoncard_lesson_number{position:absolute;top:0;right:0;width:56px;font-size:24px;font-weight:500;color:#fff;background-color:#ff7bac;text-align:center}.lessoncard_bg_word{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap;font-size:32px;opacity:0.4;text-align:center;line-height:120%}.lessoncard_done::after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap;display:inline-block;content:"";background-image:url(//assets-tw-dev.koredake.net/assets/done_stamp0-40bedca7f3d6a2917fe1f3641f78accde14f9fc8ead5313951e9eecbf5fcd53b.png);height:156px;width:156px;background-size:contain;vertical-align:middle;z-index:2;pointer-events:none}.lessoncard_latest{border:solid 4px #ff7bac}.lessoncard_unavailable{filter:brightness(60%)}.lessoncard_checkbox{position:absolute;display:none;width:0;height:0}.lessoncard_modal_bg{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;display:block;z-index:10;opacity:0;background-color:#000;pointer-events:none;width:100%;height:100%;position:fixed;top:0;right:0}.lessoncard_modal_window{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap;display:none;z-index:11;position:fixed;opacity:0;background-color:#fff;width:560px;height:300px;padding:30px}.lessoncard_modal_title{font-size:28px;text-align:center;font-weight:400}.lessoncard_modal_info{position:relative;font-size:18px;margin:0 0 6px 12px}.lessoncard_modal_inner{display:flex;margin-top:30px;justify-content:space-between}.lessoncard_modal_button{border-radius:19px;position:absolute;left:50%;transform:translateX(-50%);font-size:20px;font-weight:500;width:120px;height:42px;margin:12px auto 0 auto;color:#fff;border:none;background-color:#39B54A}.lessoncard_download,.lessoncard_download:visited{display:flex;border-radius:22px;width:300px;height:48px;margin:36px auto 0 auto;font-size:18px;font-weight:500;color:#fff;text-align:center;background-color:#39B54A;align-items:center;justify-content:center}.lessoncard_download img,.lessoncard_download:visited img{height:20px;margin:2px 8px 0 0}.lessoncard_checkbox:checked~.lessoncard_modal_bg{opacity:0.4;pointer-events:auto}.lessoncard_checkbox:checked~.lessoncard_modal_window{display:block;opacity:1}.loginform .checkbox_label{text-align:center}.login_terms,.login_forget{margin-top:10px;font-size:12px;line-height:24px;font-weight:400;text-align:center}.login_terms a,.login_forget a{text-decoration:underline}.login_forget{font-size:14px;margin:10px}.alert,.notice{position:fixed;height:auto;width:40%;min-width:340px;max-width:600px;padding:20px 10px;top:70px;left:50%;transform:translateX(-50%);font-size:16px;line-height:28px;text-align:center;overflow-wrap:break-word;background-color:#f8a1a1;overflow:hidden}.alert:empty,.notice:empty{display:none}.notice{background-color:#94dcf1}.teachers_list{display:flex;width:830px;margin:0 auto;padding:12px 8px;justify-content:space-around;flex-wrap:wrap;background-color:#f1f1f1}.teachers_list_item{position:relative;width:45%;height:200px;margin:20px 0}.teachers_list_container{position:relative;display:block;width:100%;height:100%;background-color:#fff;border-radius:10px}.teachers_list_img{position:absolute;width:140px;top:50%;left:32px;transform:translate(-16px, -50%);border-radius:180px}.teachers_list_profile{position:absolute;top:50%;left:50%;transform:translate(0, -40%);white-space:nowrap}.teachers_list_profile p{margin-top:4px;line-height:20px}.teachers_list_name{font-size:20px;font-weight:600;margin-bottom:8px}.teachers_list_more{position:absolute;right:20px;bottom:16px;font-size:14px;color:#39B54A}.teacher_p{background-color:#fff;width:auto;max-width:880px;min-width:690px;margin:0 auto;padding:30px 82px 36px 82px;box-sizing:content-box;border-radius:20px}.teacher_p_names{margin-bottom:20px}.teacher_p_name{position:relative;text-align:center}.teacher_p_name::before{content:"";position:absolute;top:80%;left:0;width:35%;height:2px;background-color:#39B54A}.teacher_p_name::after{content:"";position:absolute;top:80%;right:0;width:35%;height:2px;background-color:#39B54A}.teacher_p_description{font-size:14px;margin-bottom:20px;text-align:center}.teacher_p_family_name{font-size:14px;text-align:center;margin-top:2px}.teacher_p_container{display:flex;min-height:440px;margin:20px 0 0 0;padding:12px 0}.teacher_p_right{box-sizing:content-box;width:55%;padding:0 8px}.teacher_p_list{display:flex;width:100%;flex-wrap:wrap;justify-content:space-around;margin:10px 0 20px 0}.teacher_p_recommend{position:relative;margin:8px 0;padding:0;line-height:30px}.teacher_p_recommend h3{position:relative;font-size:16px;font-weight:500}.teacher_p_recommend_inner{padding:2px 0 2px 16px;margin:4px 0 0 32px;border-left:4px solid #39B54A;box-sizing:border-box}.teacher_p_bottom{display:flex;width:80%;margin:20px auto 0 auto;justify-content:space-between;align-items:flex-end}.teacher_p_bio{min-height:132px;width:100%;font-size:14px;line-height:26px}.teacher_p_item{display:flex;width:40%;height:30px;margin:4px 0;justify-content:space-between;align-items:center}.teacher_p_item_l{display:flex;width:auto;height:24px;margin-right:8px;font-size:14px;white-space:nowrap;justify-content:space-between;align-items:center}.teacher_p_item_l img{height:14px;margin-right:8px}.teacher_p_item_r{font-size:14px;text-align:right}.teacher_p_left{display:flex;box-sizing:content-box;width:45%;padding:0 8px 0 32px;text-align:center;align-items:center}.teacher_p_img{display:block;height:400px;margin:auto auto auto 16px}.teacher_p_button,.teacher_p_button_link,.teacher_p_button_link:visited,.teacher_p_button_video{border-radius:12px;display:block;width:100%;height:48px;margin:0 auto;font-size:16px;font-weight:500;color:#fff;text-align:center}.teacher_p_button a,.teacher_p_button_link a,.teacher_p_button_link:visited a,.teacher_p_button_video a,.teacher_p_button a:visited{color:inherit}.teacher_p_button_video{width:240px;margin:2px auto;color:#498D52;border:solid 2px #498D52;background-color:#fff}.teacher_p_button_link,.teacher_p_button_link:visited{width:280px;margin:0 20px;color:#498D52;border:solid 2px #498D52;background-color:#fff;flex:0 1 280px}.teacher_p_button_link~form,.teacher_p_button_link:visited~form{border-radius:12px;display:block;width:280px;height:48px;margin:0 20px;flex:0 1 280px;background-color:#498D52}.teacher_p_button_wrap{padding:12px 0}.teacher_intro_movie{max-width:1280px}.tos_wrapper{margin:24px 48px 24px 48px;padding:36px 52px;border-radius:10px;background-color:#fff}.tos_title{font-size:24px;font-weight:700}.tos_clause{margin:18px}.tos_headline{font-size:18px;margin-bottom:8px;font-weight:500}.tos_text{font-size:16px;line-height:26px}.tos_list{padding:4px 0 4px 4px}.tos_list_item{margin-bottom:2px}.tos_contact{margin:4px 0 0 12px}.tos_footer{margin-top:24px;padding-top:8px;line-height:26px;border-top:solid 2px #000}.upgrade_main_container{margin:0 auto;padding:28px 60px;box-sizing:border-box;background-color:#f1f1f1;max-width:1000px}.upgrade_main_container img{max-width:100%;display:block;margin:30px 0}.upgrade_title{width:100%;margin:65px auto 45px;font-size:24px;font-weight:600;border-top:2px solid #04384c;border-bottom:2px solid #04384c;background-color:#f1f9ee;padding:15px}.mark_yellow{background:linear-gradient(transparent 50%, #fcf69f 50%)}.has-large-font-size{font-size:1.3em}.upgrade_button{width:300px;height:50px;padding-bottom:5px;font-size:25px;font-weight:500;color:#fff;background-color:#498D52;border-radius:22px;display:block;text-align:center;margin-top:45px;margin-bottom:45px;margin-left:auto}.upgrade_button:hover{opacity:0.5}.upgrade_message_box{background-color:#c6c6c6;position:relative}.upgrade_message{position:absolute;color:white;top:20px;left:0;right:0;text-align:center}p.upgrade_message_title{font-size:1.4em;line-height:2.5em}p.upgrade_message_details_btn{background-color:#fff;padding:10px;color:#000;width:40%;margin:10px auto;border-radius:20px;box-shadow:0px 3px 5px 0px black, 0.3}.user_profile{background-color:#fff;width:660px;margin:0 auto;padding:36px 68px;border-radius:20px;text-align:center}.user_profile_wrapper{display:inline-flex;justify-content:center;padding-left:12px;margin:0 auto 24px auto}.user_profile_item{margin:16px auto;font-size:22px;text-align:left}.user_profile .form_button_main,.user_profile .form_button_sub{margin:0 auto}.userform,.loginform{background-color:#fff;width:660px;margin:0 auto;padding:36px 68px;border-radius:20px}.userform .field,.loginform .field{margin:4px auto;width:520px}.userform .field.checkbox_wrapper,.loginform .field.checkbox_wrapper{margin-top:12px;margin-bottom:-8px}.userform_label{font-size:18px}.userform_input,.userform_input_birthday .year,.userform_input_birthday .month,.userform_input_birthday .day,.userform_input_birthday{font-size:20px;width:100%;height:36px;margin:8px 0;border:solid 1px #ddd;padding:4px 8px;border-radius:4px;box-sizing:border-box}.userform_input_birthday{display:flex;height:auto;margin:0;padding:0;border:none;align-items:center}.userform_input_birthday .year,.userform_input_birthday .month,.userform_input_birthday .day{position:relative;width:20%;margin-left:28px;margin-right:10px;padding:0 8px 0 16px}.userform_input_birthday .year{margin-left:0}.userform .actions,.loginform .actions{margin-top:20px}.names{display:flex;margin:0 auto;width:520px;justify-content:space-between;align-items:flex-end}.names .field{margin:4px 0;flex-shrink:1;width:250px}.change_password{border:4px solid #d1f0d5;padding:4px 16px;margin:16px 0 20px 0;border-radius:8px}.change_password_notice{margin:8px 0 16px 0}.change_password .field{width:480px}.labels{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.form_notice{font-size:14px;color:#818a91}.actions{text-align:center}#userform_agree_label a{text-decoration:underline}#userform_agree~.actions .form_button_main,#userform_agree~.actions .form_button_sub{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;pointer-events:none;opacity:0.4}#userform_agree:checked~.actions .form_button_main,#userform_agree:checked~.actions .form_button_sub{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;pointer-events:auto;opacity:1}.error_explanation{margin-bottom:16px;padding:16px 20px;background-color:#ffcbcb;border-radius:8px}.error_explanation_headline{margin-bottom:4px;font-size:18px;font-weight:500}.error_explanation_item{margin:auto;font-size:16px;padding:2px 0}.watch_header{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 60px 30px 60px;background-color:#fff}.watch_breadcrumbs{display:inline-flex;padding-top:32px;margin-bottom:8px;align-items:center}.watch_container{display:flex;margin:0 auto;padding:32px 56px;background-color:#f1f1f1;max-width:1200px}.watch_container_l{width:65%}.watch_container_r{width:35%;padding-left:32px}.watch_lesson_title{font-size:28px;font-weight:700}.watch_lesson_number{font-size:18px;font-weight:400;border-bottom:1.5px solid #fff}.watch_lesson_back,.watch_lesson_back:visited{display:inline-flex;margin-right:5px;font-size:18px;font-weight:400;align-items:center;border-bottom:1.5px solid #fff}.watch_lesson_back:hover,.watch_lesson_back:visited:hover{border-bottom:1.5px solid #39B54A}.watch_lesson_pen{height:20px;margin-right:4px}.watch_lesson_header_info{position:absolute;display:flex;width:400px;font-size:16px;justify-content:space-between;bottom:24px}.watch_lesson_bottom_info{border-radius:10px;width:90%;padding:20px 30px 8px 30px;margin:36px auto;background-color:#fff}.watch_lesson_bottom_item{display:flex;position:relative;width:100%;padding:12px 0;font-size:16px;font-weight:400;justify-content:space-between;align-items:flex-start}.watch_lesson_bottom_item_l{width:30%}.watch_lesson_bottom_item_r{width:65%}.watch_recommend{padding-bottom:12px}.watch_recommend_link,.watch_recommend_link:visited{display:inline-block;width:auto;padding:8px 18px;font-size:18px;font-weight:500;color:#fff;background-color:#498D52;border-radius:18.5px}.watch_recommend_list{padding:8px 0 8px 12px}.watch_recommend_item{margin:2px 0}.watch_task_download,.watch_task_download:visited{display:flex;border-radius:22px;width:280px;height:44px;margin:24px auto;font-size:16px;font-weight:500;color:#498D52;text-align:center;background-color:#fff;border:solid 2px #498D52;align-items:center;justify-content:center}.watch_task_download img,.watch_task_download:visited img{height:20px;margin:2px 8px 0 0}#hlsvideo{display:block;width:90%;height:auto;margin:0 auto 0 auto;background-color:#fff}#hlsvideo:before{content:"";display:block;padding-top:calc(9% / 16 * 100)}.chapter_header{width:100%;display:inline-block;text-align:center}.chapter_item{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;display:block;margin:12px 0;padding:16px 20px;border-radius:14px;background-color:#fff}.chapter_watching{background-color:#d1f0d5}.chapter_title{display:flex;width:100%;font-size:16px;font-weight:500;align-items:center;justify-content:space-between}.chapter_icon{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;width:20px;background:transparent}.chapter_accordion{display:none}.chapter_text{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;max-height:0;min-height:0;padding-top:0;font-size:14px;font-weight:400;opacity:0;overflow:hidden}.chapter_description{line-height:22px}.chapter_link,.chapter_link:visited{display:block;margin:8px 4px -4px auto;text-align:right;font-weight:500;color:#498D52}.chapter_link span,.chapter_link:visited span{border-bottom:1px solid #498D52;padding-bottom:2px}.chapter_accordion:checked~.chapter_text{display:block;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;padding:12px 0 4px 0;max-height:400px;opacity:1;overflow:visible}.chapter_accordion:checked~label .chapter_icon{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;background:transparent;transform:rotate(180deg)}*{box-sizing:border-box}