*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html,body{position:relative;margin:0;padding:0;min-height:100%;height:100%;width:100%;line-height:1;font-size:12px}body{color:#333333;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, "メイリオ", Osaka, sans-serif, system-ui}div,h1,h2,h3,h4,dt,dd,p,a{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;margin:0;padding:0;font-weight:normal;font-feature-settings:"palt"}ul,li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;list-style-type:none;margin:0;padding:0}a{text-decoration:none}a[href=""]:hover{cursor:default}i{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;font-style:normal}textarea{font-family:inherit}.clearly-lazy{background:#ddd;display:block;box-sizing:content-box;padding-top:200%;padding-left:200%;height:200% !important;width:200% !important}body #swipebox-overlay{z-index:2147483647 !important}body #swipebox-overlay #swipebox-title{height:100%}body #swipebox-overlay #swipebox-title a{height:100%;display:block;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}body #swipebox-overlay #swipebox-top-bar{background:transparent !important;height:100% !important}body #swipebox-overlay .slide img{cursor:initial}.relative{position:relative}.absolute-center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.hidden{display:none !important}.block{display:block}.inline-block{display:inline-block}.inline-block-children>*{display:inline-block}.pull-right{float:right}.content-box{box-sizing:content-box}.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.text-primary{color:#1298ff}.text-danger{color:#FF5A5A}.text-green{color:#4DB6AC}.text-primary-important{color:#1298ff !important}.text-danger-important{color:#FF5A5A !important}.text-green-important{color:#4DB6AC !important}.color-white{color:#fff}.color-black{color:#333333}.color-primary{color:#1298ff}.color-grey-600{color:#757575}.bg-grey{background-color:#EEEEEE}.bg-grey-100{background-color:#f5f5f5}.font-size-8{font-size:8px}.font-size-10{font-size:10px}.font-size-12{font-size:12px}.font-size-13{font-size:13px}.font-size-14{font-size:14px}.font-size-16{font-size:16px}.font-size-18{font-size:18px}.letter-sp-0-2{letter-spacing:0.2px}.letter-sp-2{letter-spacing:2px}.letter-sp-4{letter-spacing:4px}.height-full{height:100%}.min-height-24{min-height:24px}.min-height-28{min-height:28px}.min-height-32{min-height:32px}.min-height-32-children>*{min-height:32px}.line-height-140{line-height:140%}.line-height-150{line-height:150%}.line-height-180{line-height:180%}.line-height-200{line-height:200%}.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.vertical-bottom{vertical-align:bottom}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.top-50-percent{top:50%}.bottom-20{bottom:20px}.translateY-min-50-percent{transform:translateY(-50%)}.margin-none{margin:0 !important}.margin-16{margin:16px}.margin-27{margin:27px}.margin-top-12{margin-top:12px}.margin-top-18{margin-top:18px}.margin-top-20{margin-top:20px}.margin-top-24{margin-top:24px}.margin-top-28{margin-top:28px}.margin-top-36{margin-top:36px}.margin-top-48{margin-top:48px}.margin-top-56{margin-top:56px}.margin-top-100{margin-top:100px}@media only screen and (min-width: 769px){.margin-top-screen-lg-42{margin-top:42px}}.margin-right-2{margin-right:2px}.margin-right-4{margin-right:4px}.margin-right-6{margin-right:6px}.margin-right-8{margin-right:8px}.margin-right-12{margin-right:12px}.margin-right-18{margin-right:18px}.margin-bottom-2{margin-bottom:2px}.margin-bottom-4{margin-bottom:4px}.margin-bottom-6{margin-bottom:6px}.margin-bottom-8{margin-bottom:8px}.margin-bottom-12{margin-bottom:12px}.margin-bottom-14{margin-bottom:14px}.margin-bottom-16{margin-bottom:16px}.margin-bottom-18{margin-bottom:18px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-24{margin-bottom:24px}.margin-bottom-28{margin-bottom:28px}.margin-bottom-36{margin-bottom:28px}.margin-bottom-44{margin-bottom:44px}.margin-bottom-48{margin-bottom:48px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-56{margin-bottom:56px}.margin-bottom-60{margin-bottom:60px}.margin-left-2{margin-left:2px}.margin-left-6{margin-left:6px}.margin-left-8{margin-left:8px}.margin-left-12{margin-left:12px}.padding-8{padding:8px}.padding-10{padding:10px}.padding-12{padding:12px}.padding-14{padding:14px}.padding-16{padding:16px}.padding-20{padding:20px}.padding-22{padding:22px}.padding-24{padding:24px}.padding-40{padding:40px}.padding-left-2{padding-left:2px}.padding-left-4{padding-left:4px}.padding-left-8{padding-left:8px}.padding-left-12{padding-left:12px}.padding-left-16{padding-left:16px}.padding-left-18{padding-left:18px}.padding-left-20{padding-left:20px}.padding-left-24{padding-left:24px}.padding-left-42{padding-left:42px}.padding-right-2{padding-right:2px}.padding-right-6{padding-right:6px}.padding-right-8{padding-right:8px}.padding-right-12{padding-right:12px}.padding-right-16{padding-right:16px}.padding-right-18{padding-right:18px}.padding-right-24{padding-right:24px}.padding-right-42{padding-right:42px}.padding-top-none{padding-top:0 !important}.padding-top-12{padding-top:12px}.padding-top-18{padding-top:18px}.padding-top-20{padding-top:20px}.padding-top-24{padding-top:24px}.padding-top-28{padding-top:28px}.padding-top-30{padding-top:30px}.padding-top-32{padding-top:32px}.padding-top-40{padding-top:40px}.padding-top-48{padding-top:48px}.padding-bottom-4{padding-bottom:4px}.padding-bottom-8{padding-bottom:8px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-12{padding-bottom:12px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-24{padding-bottom:24px}.padding-bottom-30{padding-bottom:30px}.padding-bottom-32{padding-bottom:32px}.padding-bottom-40{padding-bottom:40px}.padding-bottom-48{padding-bottom:48px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-88{padding-bottom:88px}@media only screen and (min-width: 769px){.padding-top-screen-lg-16{padding-top:16px}}@media only screen and (min-width: 769px){.screen-lg-hidden{display:none !important}}.border-radius-0-5{border-radius:.5em}.responsive-wrapper-inner{max-width:960px;margin-left:auto;margin-right:auto}.max-width-600{max-width:600px}.max-width-480{max-width:600px}.pages__bg{background-color:#EEEEEE;padding:.8rem 0rem}.bg-default{background-color:#EEEEEE}@media only screen and (min-width: 769px){.border-screen-lg-rounded{border-radius:4px;overflow:hidden}}.border-bottom-bold{border-bottom:solid 2px #e0e0e0}.border-radius-none{border-radius:0 !important}.img-scaled-stretch{width:100%;height:auto}.google-play-badge{position:relative;display:inline-block;width:107px;height:32px;overflow:hidden}.google-play-badge img{position:absolute;height:calc(100% + 15px);width:calc(100% + 15px);top:-7.5px;left:-7.5px}.ballon-arrow-up{position:relative}.ballon-arrow-up::before{content:'▲';color:white;position:absolute;left:50%;top:-18px;font-size:25px;transform:translate(-50%)}.base-component.tag{display:inline-block;padding:1.5px 4px;border-radius:2px;font-weight:500;font-size:12px;line-height:17px;text-align:center;background-color:#EEEEEE;color:#212121}.base-component.tag.pronote{background-color:#ff7152;color:#fff}.base-component.tag.premium{background-color:#66BB6A;color:#fff}.base-component.x-btn{font-family:Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;font-size:14px;font-weight:500;line-height:20px;position:relative;background-color:lightgrey !important;border-radius:4px;outline:none;padding:4px 6px;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.base-component.x-btn:hover{cursor:pointer;filter:brightness(110%)}.base-component.x-btn:active{filter:brightness(120%)}.base-component.x-btn:disabled{filter:grayscale(0.5) brightness(100%)}.base-component.x-btn.block{display:block;width:100%}.base-component.x-btn.large{padding:1.4167em .8333em}.base-component.x-btn.primary{background-color:#1298ff !important;color:#ffffff;border-color:#1298ff;border-style:solid}.base-component.x-btn.primary:hover{filter:none;background-color:#14bbff !important;border-color:#14bbff !important}.base-component.x-btn.primary:active{filter:none;background-color:#16ccff !important;border-color:#16ccff !important}.base-component.x-btn.outline{position:relative;background-color:transparent !important;color:#1298ff;border:solid 1px #1298ff;padding-top:5px;padding-bottom:5px;margin-top:0;margin-bottom:0}.base-component.x-btn.line{font-size:1.24em;padding:0 0.333em;line-height:1.75em;height:2.084em;background-color:#00b900 !important;border-color:#00b900;color:#ffffff;border-radius:.5em;border-style:solid}.base-component.x-btn.line i{position:relative;top:-0.1em;left:0;margin-right:0.333em;display:inline-block;background:url(https://d.line-scdn.net/r/web/social-plugin/img/common/line_v3.png) 0 4px no-repeat;background-size:24px 22px;width:24px;height:100%}.base-component.x-btn.line span{position:relative;top:-.6em}.base-component.x-btn.white{background-color:#FFFFFF !important;border-style:none;color:#1298FF}.base-component.x-btn.white:hover{background-color:#DDD !important}.base-component.x-btn.white:active{background-color:#C1C1C1 !important}a.base-component.x-btn{display:inline-block;text-align:center}a.base-component.x-btn.legacy{font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;font-size:1.4rem;padding:1.2rem;border:1px solid #1298ff;border-radius:0.4rem;line-height:1}@media only screen and (min-width: 769px){a.base-component.x-btn.legacy{padding:1.2rem 3.6rem}}a.base-component.x-btn.legacy.with-icon{padding-left:19.2px;padding-right:32px}a.base-component.x-btn.legacy.with-icon i{display:inline-block;font-size:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}button.base-component.x-btn.outline-app{font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;font-size:1.2rem;font-weight:bold;color:#1298ff;background-color:#fff !important;border:solid 1px #e0e0e0;padding:8px 1em}button.base-component.x-btn.outline-app:hover{filter:brightness(104%)}button.base-component.x-btn.outline-app:active{filter:brightness(108%)}.base-component.user-avatar{display:inline-block;background-color:#ffffff;border-radius:50%;overflow:hidden;width:2.67em;height:2.67em;border:2px solid #eeeeee}.base-component.user-avatar.small{border:1px solid #eeeeee}.base-component.user-avatar img{width:100%;height:100%}.pagenation,.note-comments-pagenation{display:table;width:100%;position:relative}header{position:relative;z-index:2147483647}header .header-fixed{position:fixed;box-shadow:0 3px 2px -2px rgba(0,0,0,0.2);z-index:200;background-color:#fff;width:100%;box-shadow:none;border-bottom:solid 1px #e5e5e5}header .header-fixed.super-fixed{position:fixed !important;top:0 !important}header .search-wrapper .search__textbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;width:100%;height:3em;border:1px solid #bdbdbd;padding:0 1em;font-size:1.25em}.globalnavi__ic,.globalnavi-timeline__ic,.globalnavi-notebooks__ic,.globalnavi-questions__ic,.globalnavi-font_awesome__ic{background-repeat:no-repeat;margin:auto;margin-bottom:.4rem;height:2rem;width:2rem;background-size:cover}.globalnavi__tx{font-size:.85rem;font-weight:bold}.globalnavi__tx.sm{font-size:.7rem;line-height:1.6}.globalnavi__btn--active .globalnavi__tx{color:#1298ff}.globalnavi-timeline__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_timeline.png)}.globalnavi__btn--active .globalnavi-timeline__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_timeline_on.png)}.globalnavi-notebooks__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_notebook.png)}.globalnavi__btn--active .globalnavi-notebooks__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_notebook_on.png)}.globalnavi-questions__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_qa.png)}.globalnavi__btn--active .globalnavi-questions__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_qa_on.png)}.globalnavi-font_awesome__ic{position:relative}.globalnavi-font_awesome__ic i{display:block;font-size:1.6em;line-height:1.8rem}.globalnavi__btn--active .globalnavi-font_awesome__ic i{color:#1298ff}body.static-global-nav .header-fixed.super-fixed{position:absolute !important}@media only screen and (max-width: 480px){body.static-global-nav .header-fixed.super-fixed .screen-sm-hidden{display:block !important}body.static-global-nav .header-fixed.super-fixed .screen-sm-hidden .fixed{display:table !important}}body.static-global-nav .nav-wrapper .globalnavi__container.fixed{position:absolute;top:4rem}.header-menu-active .nav-wrapper .logo-wrapper .logo-hover-mask{z-index:200}.nav-wrapper{position:relative;height:4em;display:flex;flex-direction:row;padding-left:130px}@media only screen and (min-width: 1601px){.nav-wrapper{max-width:1600px;margin-left:auto;margin-right:auto}}.nav-wrapper button.square,.nav-wrapper .search-back-icon-wrapper{display:none}.nav-wrapper .header__sitename img{height:24px;width:91px;top:.35em;margin-top:2px}.nav-wrapper .header-center{padding-left:0;flex-grow:1;width:initial}.nav-wrapper .header-center-content{display:flex}.nav-wrapper .header-center-content .header__sitename{font-size:1em;display:table-cell;vertical-align:middle;pointer-events:none;width:102px;text-align:center;height:4em;margin-right:1em}.nav-wrapper .header-center-content .fa-chevron-down,.nav-wrapper .header-center-content .fa-chevron-up{font-size:12px;position:relative;top:1px}.nav-wrapper .header-center-content .fa-chevron-down{color:#9e9e9e}.nav-wrapper .header-center-content .fa-chevron-up{color:#757575}.nav-wrapper .logo-wrapper{display:inline-block;position:absolute;left:0}.nav-wrapper .logo-wrapper .logo-hover-mask{top:0;position:absolute;left:0;line-height:4em;padding-bottom:1px;padding-left:102px;padding-right:1.5px;z-index:0;user-select:none}.nav-wrapper .search-wrapper{display:inline-block;position:relative;line-height:4em;padding-left:1em;padding-right:8px;flex:1}.nav-wrapper .search-wrapper .search-icon-wrapper{position:absolute;left:16px;top:25.5px;transform:translate(0%, -50%);width:24px;height:24px;background:#1298FF;opacity:0.6;border-radius:50%}.nav-wrapper .search-wrapper .search-icon-wrapper i{display:block;width:100%;height:100%}.nav-wrapper .search-wrapper input{position:relative;top:1.5px;height:32px;border:solid 1px #E0E0E0;border-radius:2em;color:#333333;font-size:14px;font-weight:bold;font-size:12px;font-weight:500;padding-left:34px}.nav-wrapper .search-wrapper input:focus{outline:none}.nav-wrapper .search-wrapper input::placeholder{line-height:1.6rem}.nav-wrapper .globalnavi__container{position:absolute;left:0;top:4rem;width:100%;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5;background-color:#fffffff5;height:58px;display:table}.nav-wrapper .globalnavi__container.fixed{position:fixed;top:4rem}.nav-wrapper .globalnavi-item{display:table-cell;vertical-align:top;padding:0;margin:0;width:20%}.nav-wrapper .globalnavi-item .globalnavi-timeline__ic:after{content:'';background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_timeline_on.png)}.nav-wrapper .globalnavi-item .globalnavi-notebooks__ic:after{content:'';background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_notebook_on.png)}.nav-wrapper .globalnavi-item .globalnavi-questions__ic:after{content:'';background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_qa_on.png)}.nav-wrapper .globalnavi-item:hover{background:#e9faff;background:none}.nav-wrapper .globalnavi-item:hover .globalnavi-font_awesome__ic i{color:#1298ff}.nav-wrapper .globalnavi-item:hover .globalnavi-timeline__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_timeline_on.png)}.nav-wrapper .globalnavi-item:hover .globalnavi-notebooks__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_notebook_on.png)}.nav-wrapper .globalnavi-item:hover .globalnavi-questions__ic{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/ic_qa_on.png)}.nav-wrapper .globalnavi-item:hover .globalnavi__tx{color:#1298ff}.nav-wrapper .globalnavi-item .globalnavi-font_awesome__ic i{color:#9E9E9E}.nav-wrapper .globalnavi-item .globalnavi__tx{color:#757575}.nav-wrapper .globalnavi-item .globalnavi__btn--active .globalnavi-font_awesome__ic i{color:#1298ff}.nav-wrapper .globalnavi-item .globalnavi__btn--active .globalnavi__tx{color:#1298ff}.nav-wrapper .globalnavi__btn,.nav-wrapper .globalnavi__btn--active{text-align:center;display:block;margin:0;padding:0;width:100%;height:100%;padding-top:.8rem}.nav-wrapper .globalnavi__btn--active{color:#1298ff}.nav-wrapper .account-wrapper{display:inline-block;width:4rem;height:calc(4rem + 1px);text-align:center;line-height:4rem;font-size:1.7em;color:#757575;user-select:none}.nav-wrapper .account-wrapper .fa-sign-in-alt{color:#555555}.nav-wrapper .account-wrapper.guest{width:initial;vertical-align:top;padding-left:7.6px;padding-right:16px}.nav-wrapper .account-wrapper.guest>span{font-size:12px;font-weight:600;line-height:16px;color:#1298ff;vertical-align:middle}.nav-wrapper .account-wrapper.signed-in{font-size:1em;padding-top:.665em}.nav-wrapper .account-wrapper.signed-in .user-avatar{border:none}.nav-wrapper .account-wrapper.active{background:#e9faff;background:none}.nav-wrapper .account-wrapper.active i{color:#1298ff}.nav-wrapper .account-wrapper.active .user-avatar{box-shadow:0px 0px 5px 2px #1298ff}.nav-wrapper .search-active button.square{display:initial;font-size:1.5em;color:#1298ff;width:2.667em;height:2.667em;border:none;background:none}.nav-wrapper .search-active button.back{color:#555555;position:absolute;left:0}.nav-wrapper .search-active button.back,.nav-wrapper .search-active .search-back-icon-wrapper{display:inline-block;width:48px;height:48px;position:absolute;left:0}.nav-wrapper .search-active button.back svg,.nav-wrapper .search-active .search-back-icon-wrapper svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nav-wrapper .search-active button.keyboard{color:#555555;position:absolute;right:2.667em}.nav-wrapper .search-active .logo-wrapper,.nav-wrapper .search-active .account-wrapper{display:none}.nav-wrapper .search-active .search-wrapper{position:absolute;z-index:201;left:0;right:0;padding-left:48px;padding-right:12px}.nav-wrapper .search-active .search-wrapper .header-extension{display:inherit;top:calc(4em);bottom:5px;left:0;right:0;border:none;box-shadow:0px 6px 7px 1px rgba(0,0,0,0.2);background:#fffffff5}.nav-wrapper .search-active .search-wrapper .header-extension-inner{max-height:inherit}.nav-wrapper .search-active .search-wrapper .search-suggestion-title{font-weight:bold;color:#555555;cursor:default;line-height:2.4;margin-top:.5em;padding-left:1em;padding-right:1em}.nav-wrapper .search-active .search-wrapper .last-suggestion{font-size:1em;display:inline-block;color:white;font-weight:bold;line-height:1;padding:.7em;border-radius:1em;background:#1298ff;border-color:#1298ff;margin-left:1.5em;border-style:solid}.nav-wrapper .search-active .search-wrapper .last-suggestion:hover{cursor:pointer}.nav-wrapper .search-active .search-wrapper .last-suggestion:active{filter:brightness(0.9);border-style:solid;background:#0d96cc}.nav-wrapper .search-active .search-wrapper .suggestion-list li{font-size:1.2em;padding-left:1.5em;padding-right:1.5em;padding-top:1em;padding-bottom:1em;line-height:1.4}.nav-wrapper .search-active .search-wrapper .suggestion-list li div:first-child{font-weight:bold;font-size:.85em;color:#999}.nav-wrapper .search-active .search-wrapper .suggestion-list li:hover{background:#dbf2fd;cursor:pointer}.nav-wrapper .search-active .search-wrapper .suggestion-list li:active{background:#1298ff;color:white}.nav-wrapper .search-active .search-wrapper .suggestion-list li:active div:first-child{color:white}.nav-wrapper .search-active .search-wrapper .search-icon-wrapper{left:53px}.nav-wrapper .search-active .search-wrapper .search-clear-icon-wrapper{display:inline-block;width:24px;height:24px;position:absolute;right:9px;top:13px;transform:translate(-50%)}.nav-wrapper .search-active .search-wrapper .search-clear-icon-wrapper i{display:block;height:100%;width:100%}.nav-wrapper .search-active .search-wrapper .search-clear-icon-wrapper svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.nav-wrapper .search-active input[type=text]{width:calc(100%);border:solid 2px #1298FF;height:38px;padding-right:34px}.nav-wrapper .search-active button[type=submit]{position:absolute;right:0;top:0}@media only screen and (min-width: 769px){.nav-wrapper .globalnavi-item{vertical-align:top;padding:0;margin:0;width:auto}.nav-wrapper .globalnavi__ic,.nav-wrapper .globalnavi-timeline__ic,.nav-wrapper .globalnavi-notebooks__ic,.nav-wrapper .globalnavi-questions__ic,.nav-wrapper .globalnavi-font_awesome__ic{float:left;margin:0 .5rem}.nav-wrapper .search-active button.square,.nav-wrapper .search-active .search-back-icon-wrapper{display:none}.nav-wrapper .search-active .logo-wrapper,.nav-wrapper .search-active .account-wrapper{display:inline-block}.nav-wrapper .search-active .search-wrapper{position:relative;left:inherit;right:inherit;padding-left:calc(1em);padding-right:calc(1em)}.nav-wrapper .search-active .search-wrapper .header-extension{border:solid 1px #ddd;border-top:none 1px #ffffff;bottom:inherit;left:-1em;width:calc(100% + 2em);background:#ffffffff}.nav-wrapper .search-active .search-wrapper .header-extension-inner{max-height:417px}.nav-wrapper .globalnavi__container{background-color:transparent;bottom:0;right:0;height:auto;border-top:none;border-bottom:none;position:initial !important;display:initial;width:initial}.nav-wrapper .globalnavi__container .globalnavi__tx{display:none;margin-left:0}.nav-wrapper .globalnavi__btn,.nav-wrapper .globalnavi__btn--active,.nav-wrapper .globalnavi__btn--active{padding-top:0;padding-bottom:0}.nav-wrapper .globalnavi__btn>:first-child,.nav-wrapper .globalnavi__btn--active>:first-child,.nav-wrapper .globalnavi__btn--active>:first-child{top:1.2em}.nav-wrapper .globalnavi__btn>:first-child i,.nav-wrapper .globalnavi__btn--active>:first-child i,.nav-wrapper .globalnavi__btn--active>:first-child i{position:relative;top:-1px;font-size:1.4em}.nav-wrapper .globalnavi__btn>:last-child,.nav-wrapper .globalnavi__btn--active>:last-child,.nav-wrapper .globalnavi__btn--active>:last-child{top:.6em}}@media only screen and (min-width: 1025px){.nav-wrapper .globalnavi__container .globalnavi__tx{display:block}.nav-wrapper .globalnavi__container .globalnavi__btn,.nav-wrapper .globalnavi__container .globalnavi__btn--active,.nav-wrapper .globalnavi__container .globalnavi__btn--active{padding-right:.7rem}}html[lang=ja] .nav-wrapper .header__sitename img{height:24px;width:91px}.base-component.header-extension{font-size:1rem;background-color:white;box-shadow:0 3px 2px -2px rgba(0,0,0,0.2);border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-top:none 1px #ffffff;width:100%;bottom:auto;position:fixed;top:calc(4rem + 1px);padding-bottom:.5em;line-height:4em;z-index:200;box-shadow:none}@media only screen and (min-width: 769px){.base-component.header-extension{position:absolute;width:19rem;border:solid 1px #ddd;border-top:none 1px #ffffff}}.base-component.header-extension.left{left:0;right:initial}@media only screen and (min-width: 769px){.base-component.header-extension.left{border-left:none;border-right:solid 1px #ddd}}.base-component.header-extension.right{left:initial;right:0}@media only screen and (min-width: 769px){.base-component.header-extension.right{border-left:solid 1px #ddd;border-right:none}}@media only screen and (hover: none) and (pointer: coarse) and (max-height: 378px){.base-component.header-extension.right{bottom:5px}}@media only screen and (min-width: 769px){.base-component.header-extension.center{display:none !important}}.base-component.header-extension hr.separator{border:none;border-top:solid 1px #ddd;margin-left:1em;margin-right:1em}@media only screen and (min-width: 1601px){.base-component.header-extension{max-width:1600px;margin-left:auto;margin-right:auto;border-left:solid 1px #ddd !important;border-right:solid 1px #ddd !important}}.base-component.header-extension .header-extension-inner{height:100%;max-height:417px;overflow-y:auto}@media only screen and (min-width: 769px){.base-component.header-extension .header-extension-inner{max-height:467px}}.base-component.header-extension h3{text-align:center;background:#f7f7f7;color:#555555;font-size:1rem;font-weight:bold;line-height:2.2}.base-component.header-extension li>a{position:relative;font-size:1.3rem;line-height:3;display:block;color:#555555;text-align:left;padding-left:1em;padding-right:1em;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.base-component.header-extension li>a .fa:not(.fa-google-play):not(.fa-apple){color:#12ACEF}.base-component.header-extension li>a .app-store{position:absolute;right:2.4em;top:-.112em}.base-component.header-extension li>a .app-store .fa-google-play{font-size:.9em}.base-component.header-extension li>a:hover{cursor:pointer;background:#12ACEF;color:white}.base-component.header-extension li>a:hover .fa{color:white !important}.base-component.header-extension li>a:after{font:normal normal normal 14px/1 "Font Awesome 5 Free";font-weight:900;content:"\f054";position:absolute;right:1em;top:1.2em}.base-component.header-extension li>a.note-filter:after{content:"\f02d"}@media only screen and (min-width: 769px){.base-component.header-extension h3{font-size:.9rem;padding-left:.8rem;text-align:left}.base-component.header-extension li>a{line-height:2.4;font-size:1rem;padding-left:1.1em}.base-component.header-extension li>a:after{font-size:.8em;right:1em;top:1em}}.header-shadow__open-app{padding-top:4rem}.use-desktop nav.tabs ul:not([data-simplebar="init"]){overflow-x:hidden}button.pin{position:absolute;bottom:-6px;transform:translateY(100%)}body.subject-tabs-scroll-dragging .desktop-side-ad-fixed{pointer-events:none}nav.tabs{overflow:visible;height:49px;max-width:1600px;margin-left:auto;margin-right:auto}nav.tabs.fixed:before{content:'';background-color:#fff;position:fixed;left:0;right:0;height:49px;border-bottom:solid 1px #dedede}nav.tabs ul{width:100%;max-width:1600px;top:2px;overflow-x:auto;height:initial;margin-left:auto;margin-right:auto;display:block}nav.tabs ul ::-webkit-scrollbar{display:none;width:0 !important;height:0 !important}nav.tabs ul{-ms-overflow-style:none;scrollbar-width:none}nav.tabs ul .arrow-button{position:absolute;right:0;top:0;bottom:0;width:2rem;border-radius:0}nav.tabs ul .arrow-button:not(:disabled){cursor:pointer}nav.tabs ul .arrow-button{background-color:white;border:none;box-shadow:-4px 0px 6px -4px grey}nav.tabs ul .arrow-button i{font-size:.8em;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}nav.tabs ul .tabs__btn__wrapper:last-child{padding-right:40px}nav.tabs ul[data-simplebar]{position:initial}nav.tabs ul .simplebar-content{position:relative;top:2px}nav.tabs ul .simplebar-content-wrapper{overflow-y:hidden}nav.tabs ul .simplebar-track.simplebar-vertical{display:none}nav.tabs ul .simplebar-track.simplebar-horizontal{bottom:0px;height:36px;transform:translateY(100%);pointer-events:none}@media only screen and (hover: none) and (pointer: coarse){nav.tabs ul .simplebar-track.simplebar-horizontal{display:none}}nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar{height:32px;padding-top:2px}nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible{pointer-events:initial}nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible:after{opacity:1;transition:opacity 0s linear}nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after{content:'';position:absolute;top:-6px;left:50%;height:10px;width:10px;background:#1298ff;transform:translateX(-50%);border-radius:2em}nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after{opacity:0;transition:opacity .2s linear}nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{background-color:#1298ff;border-top-left-radius:0;transform:rotate(45deg) scale(0.75)}nav.tabs ul .tabs__btn__wrapper a{font-size:12px;line-height:2;font-weight:700;border-bottom-width:2px;border:solid #e5e5e5 1px;border-bottom:none;border-top-left-radius:0.5em;border-top-right-radius:0.5em;margin-left:2px}nav.tabs ul .tabs__btn__wrapper a div{font-weight:700}.breadcrumbs{background-color:#fff}@media only screen and (min-width: 961px){.breadcrumbs.greyed{background-color:#EEEEEE;border-bottom:none}}.breadcrumbs.draw-border-bottom{border-bottom:solid 1px #e5e5e5}.breadcrumbs ol{overflow:hidden;padding:1rem .75rem;margin:0;color:#616161}.breadcrumbs ol .breadcrumbs-list{display:inline}.breadcrumbs ol .breadcrumbs-list:before{content:">";color:#9E9E9E;margin:0.8rem}.breadcrumbs ol .breadcrumbs-list:first-child:before{content:none}.breadcrumbs ol .breadcrumbs-list .breadcrumbs-list__btn{color:#1298ff;line-height:1.5}.breadcrumbs ol .breadcrumbs-list .breadcrumbs-list__btn:hover{text-decoration:underline}footer{box-sizing:border-box;padding:1.6rem 0 1rem 0;padding-bottom:0px;background-color:#fff;color:#333333;border-top:solid 1px #e0e0e0}@media only screen and (min-width: 769px){footer{margin-bottom:0}}footer ul{list-style-type:none;padding:0}footer a{transition-property:opacity;transition-duration:.2s}footer .app-banner{border:solid 1px #008ccb;margin-bottom:24px}footer .footer__description{line-height:2;margin:1.2rem auto 0 auto;margin-bottom:24px;text-align:center;width:58em}footer .footer__description:before,footer .footer__description:after{content:'';display:block;border-top:solid 1px #e6e6e6;width:80%;margin-left:auto;margin-right:auto}footer .footer__description:before{margin-bottom:24px}footer .footer__description:after{margin-top:24px}footer .footer__description p{font-weight:bold;font-size:1.15em}footer .links{display:flex;width:42em;margin-left:auto;margin-right:auto;margin-bottom:16px}footer .links a:hover{opacity:.6;text-decoration:underline}footer .links section .section-title{display:inline-block;font-size:18px;font-weight:bold;margin-bottom:16px}footer .links section:first-child{flex:.8}footer .links li{margin-bottom:16px}footer .links a{color:#555555}footer .links .services li:before{font-family:"Font Awesome 5 Free";content:"\f054";font-weight:900;color:#555555;margin-right:.2em}footer .links .services li i{margin-left:.2em}footer .links .social-media li{display:inline-block}footer .links .social-media a{display:inline-block;width:48px;height:48px;position:relative;vertical-align:bottom;overflow:hidden}footer .links .social-media li:not(:last-child){margin-right:.5rem}footer .links .social-media li .fab{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:2em;border-radius:2em;padding:.5em;background:#ddd}footer .links .social-media li .fa-twitter{color:#fff;background:#1da1f2}footer .links .social-media li .fa-facebook{color:#1877f2;background:none;top:-24px;font-size:48px}footer .links .social-media li .fa-instagram{color:#fff;background:#e56969}footer .links .social-media li .fa-tiktok{color:#fff;background:#000}footer .copyright{background-color:#1298ff;color:#fff;border-bottom:solid 1px #3484bb}footer .copyright .footer__contents{box-sizing:border-box;display:block;width:100%;margin:0;padding:0px 8px}footer .copyright .footer__contents>*{display:inline-block}footer .copyright small{height:3.6em;line-height:3.6em}footer .copyright .footer__twitter a{background:#fff;color:#1298ff;display:inline-block;width:2em;line-height:2em;border-radius:2em;vertical-align:middle}@media only screen and (max-width: 768px){footer .footer__description{width:85%}footer .footer__description:before,footer .footer__description:after{width:80%}footer .footer__description p{display:inline;font-size:1em}footer .links{display:block;width:initial}footer .links section{text-align:center;padding:0 24px;margin-bottom:40px}footer .links .services li{line-height:2em}footer .links .services li:before{display:none}}@media only screen and (max-width: 480px){footer .footer__description p span{display:block}}html[lang=id] footer .footer__description p{font-weight:initial;font-size:12px}.white__container,.note,.recommended-questions{box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);text-align:left;width:100%;position:relative;height:auto;background:#fff;padding:.4rem}.white__container a:hover,.note a:hover,.recommended-questions a:hover{opacity:0.5}.grid-note__container{padding:2px;margin:0;width:50%;max-width:240px}.note{transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);margin:0px;border-radius:0.7em;box-shadow:0 2px 6px 1px rgba(0,0,0,0.06);box-shadow:none;border:solid 1px #dedede}.note-img__container{width:100%;height:168px;overflow:hidden;-webkit-appearance:none;border-radius:0.4em;-webkit-border-radius:0.4em;-moz-border-radius:0.4em}.note-img__container>a{position:relative;display:block;height:100%}.note-img__container>a>img{width:100%;height:100%;object-fit:cover;object-position:center}.note-img__container .vid-wrapper{position:absolute;z-index:1;left:0;right:0;top:4.5rem;text-align:center;font-size:5rem}.note-img__container .vid-wrapper>.fill-circle{background:#9E9E9E;position:absolute;left:calc(50% - 2rem);right:calc(50% - 2rem);top:.5rem;bottom:calc(100% - 4.5rem);border-radius:2rem}.note-img__container .vid-wrapper>i{color:white;position:relative}.noteinfo{border-radius:0 0 0.3em 0.3em;-webkit-border-radius:0 0 0.3em 0.3em;-moz-border-radius:0 0 0.3em 0.3em;position:relative;bottom:0px;width:100%;padding:0px;color:#333333;background-color:#fff}.note-pronote__tx{position:absolute;background-color:#ff7152;top:1.2rem;left:1.2rem;-webkit-appearance:none;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;padding:.4rem;color:#fff}.noteinfo-title{position:relative;padding:.5em .5em 0 .4em;width:100%;line-height:1.4;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noteinfo-title .fa-video-camera{color:#757575;font-size:1.3rem}.noteinfo-title__btn{color:#666666}.noteinfo-counts{overflow:hidden;position:relative;padding:.25rem .5rem .5rem 0;width:100%;color:#9e9e9e}.noteinfo-count__icon{padding-right:.5em;color:#9e9e9e}.noteinfo-count,.noteinfo-like{position:relative;float:left;padding:.25rem .25rem 0rem .5rem;background-position:left center}.noteinfo-author{position:relative;padding:0 .5rem .5rem .5rem;width:100%}.noteinfo-author__btn{color:#1298ff}.tags{margin-top:1rem;display:flex;gap:0.6rem;flex-wrap:wrap}.tags>.tags__tag{-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;background-color:#e0e0e0;padding:.25em .5em;color:#757575;font-size:1rem}.tags>.tags__tag:hover{background-color:#9e9e9e}.btn,.submit__btn,.action__btn{-webkit-appearance:none;border-radius:0.4rem;-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;margin:.8rem auto 1.6rem auto;padding:1.6rem;display:block;position:relative;width:100%;max-width:960px;text-align:center;font-size:1.4rem}.btn:hover,.submit__btn:hover,.action__btn:hover{opacity:0.5}.submit__btn,.action__btn{box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);color:#fff;background-color:#4db6ac;border:none}.notebook-btn__container{margin:1.6rem;padding:0}.action__btn{font-weight:bold;background-color:#1298ff}@media only screen and (min-width: 481px){.v2.ja .use-new-cta-btn.notebook-btn__container{position:relative;top:0}}.v2.ja .use-new-cta-btn.notebook-btn__container{margin:0 auto;max-width:840px;width:initial;background:initial;left:0;right:0;box-shadow:none;padding:0}.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn{display:inline-block;width:calc(50% - 20px);padding-top:0 !important;padding-bottom:0 !important}.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn:first-child{margin-right:40px}@media only screen and (max-width: 480px){.v2.ja .use-new-cta-btn.notebook-btn__container{padding:0 !important}}.v2.ja .school.notebook-btn__container.full-width,.v2.ja .use-new-cta-btn.notebook-btn__container.full-width{text-align:center}.v2.ja .school.notebook-btn__container.full-width a.action__btn,.v2.ja .use-new-cta-btn.notebook-btn__container.full-width a.action__btn{float:none;margin-right:0}.v2.ja .school.notebook-btn__container .supertitle,.v2.ja .use-new-cta-btn.notebook-btn__container .supertitle{background-color:rgba(0,0,0,0.6);color:#fff;letter-spacing:0.2px;text-align:center;font-size:16px;line-height:26px;margin-bottom:8px}.v2.ja .school.notebook-btn__container a.action__btn,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn{float:left;box-shadow:0px 1px 4px rgba(0,0,0,0.2),inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0px rgba(0,0,0,0.3);border-radius:4px;font-size:14px;padding-left:calc(47px + 16px);line-height:52px;max-width:400px}.v2.ja .school.notebook-btn__container a.action__btn .button-label-table,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn .button-label-table{display:table;height:100%;width:100%}.v2.ja .school.notebook-btn__container a.action__btn .button-label-cell,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn .button-label-cell{display:table-cell;vertical-align:middle;white-space:initial;line-height:initial;height:52px}.v2.ja .school.notebook-btn__container a.action__btn.green,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.green{background-color:#00B900}.v2.ja .school.notebook-btn__container a.action__btn.blue,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.blue{background-color:#1298FF}.v2.ja .school.notebook-btn__container a.action__btn.blue>.icon-wrapper:after,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.blue>.icon-wrapper:after{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/action_buttons/tel-v2.png)}.v2.ja .school.notebook-btn__container a.action__btn.orange,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.orange{background-color:#FF7F00}.v2.ja .school.notebook-btn__container a.action__btn.orange>.icon-wrapper:after,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.orange>.icon-wrapper:after{background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/action_buttons/form-v2.png)}.v2.ja .school.notebook-btn__container a.action__btn>.icon-wrapper,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn>.icon-wrapper{position:absolute;left:5px;top:4px !important;bottom:4px;width:44px;height:initial}.v2.ja .school.notebook-btn__container a.action__btn>.icon-wrapper:after,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn>.icon-wrapper:after{content:'';display:inline-block;position:absolute;width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);background-size:32px 32px}.v2.ja .school.notebook-btn__container a.action__btn>.icon-wrapper img,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn>.icon-wrapper img{display:none}@media only screen and (max-width: 840px){.v2.ja .school.notebook-btn__container,.v2.ja .use-new-cta-btn.notebook-btn__container{left:0;right:0;padding-top:0;padding-bottom:0px}.v2.ja .school.notebook-btn__container.full-width a.action__btn,.v2.ja .use-new-cta-btn.notebook-btn__container.full-width a.action__btn{max-width:initial;width:calc(100% - 8px - 8px);margin-right:8px !important}.v2.ja .school.notebook-btn__container.slide-up,.v2.ja .use-new-cta-btn.notebook-btn__container.slide-up{bottom:0}.v2.ja .school.notebook-btn__container a.action__btn,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn{padding-top:0px;padding-bottom:0px;line-height:calc(34px + 1px + 1px);margin-left:8px;margin-right:0px !important;text-align:center;width:calc(50% - 8px - 4px);height:52px}}@media only screen and (max-width: 480px){.v2.ja .school.notebook-btn__container,.v2.ja .use-new-cta-btn.notebook-btn__container{background:rgba(0,0,0,0.5);padding-bottom:8px !important}.v2.ja .school.notebook-btn__container a.action__btn,.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn{height:52px;line-height:initial}.v2.ja .school.notebook-btn__container:not(.full-width) a.action__btn,.v2.ja .use-new-cta-btn.notebook-btn__container:not(.full-width) a.action__btn{height:52px}}@media only screen and (min-width: 481px){.desktop-fixed-action-button-container.v2.ja{position:fixed;z-index:3;display:block;bottom:0px;left:0;right:0;padding-top:13px;padding-bottom:15px;padding-left:20px;padding-right:20px;background:rgba(204,204,204,0.5);padding-top:0px;padding-bottom:6px;padding-left:0px;padding-right:0px;background:rgba(0,0,0,0.5)}}.recommended-notes{overflow:hidden;padding:3.6rem 1rem .75rem;background:#EEEEEE}.x-notebook-list{overflow:hidden}.contents__bg.x-notebook-list{padding-top:13px}.contents__bg.x-notebook-list .notes{padding-top:1em;border-bottom:none}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper{font-size:1em;max-width:960px;margin:auto;border-bottom:solid 1px #ddd;width:calc(100% - 3em)}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title{position:relative;margin-right:1.75em;padding:1em;padding-left:3.5em;padding-right:2em;border-radius:2.8em;display:inline-block}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.sub{font-size:1.1em;color:#999;margin-bottom:.6em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.main{font-size:1.5em;color:#888}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.main i{position:absolute;font-size:1.4em;left:.3em;top:.3em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.highlight{font-size:2em;position:absolute;content:'';color:#1298ff;right:-5px;top:1em;border-radius:1em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.highlight:after{position:absolute;content:'';width:16px;height:16px;right:2px;top:2px;border-radius:1em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title{padding-top:.75em;padding-bottom:.75em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title div.main i{top:.55em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title:before{top:1.5em}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title:after{top:1.5em}.contents__bg.x-notebook-list .button-outer-wrapper{position:relative;max-width:960px;margin:auto;margin-top:.5em}.contents__bg.x-notebook-list .button-outer-wrapper .button-inner-wrapper{text-align:right;height:100%;padding:1em}@media only screen and (min-width: 961px){.contents__bg.x-notebook-list{padding-top:27px}.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title{margin-left:.6em}}.recommended-questions__container{padding:3.6rem 1rem .75rem;background:#EEEEEE}.contents__title{text-align:center;color:#9e9e9e;font-size:1.2rem;margin-bottom:.4rem}.recommended-questions{max-width:960px;margin:.8rem auto;padding:0 .8rem}.recommended-question__btn{display:block;padding:.8rem 0;border-bottom:solid 1px #e6e6e6;width:100%}.recommended-question{display:table}.recommended-question-grade__container{display:table-cell}.recommended-question-grade{-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;display:block;padding:.5em;color:#fff;white-space:nowrap;background-color:#4db6ac;font-size:1.2rem;margin-right:.8rem}.recommended-question-grade:hover{background-color:#4db6ac}.recommended-question-subject__container{display:table-cell}.recommended-question-subject{-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;display:block;padding:.5em;color:#666666;white-space:nowrap;background-color:#e6e6e6;font-size:1.2rem;margin-right:.8rem}.recommended-question-subject:hover{background-color:#e6e6e6}.recommended-question__tx{display:table-cell;line-height:1.4;font-size:1.2rem;color:#1298ff;word-break:break-word}.list-contents{max-width:960px;margin:auto;background-color:#fff}.list-contents.classroom .google-maps-link{display:block;position:relative}.list-contents.classroom .google-maps-link:hover{background-color:whitesmoke}.list-contents.classroom .classroom-wrapper{padding:1em;border-bottom:1px solid #e6e6e6;line-height:1.5}.list-contents.classroom .classroom-title{font-size:1.15em;font-weight:bold;color:#1298ff}.list-contents.classroom .classroom-title.with-margin-bottom{margin-bottom:.5em}.list-contents.classroom .classroom-content{font-size:1em;color:#757575}.list-contents.classroom .fa-chevron-right{position:absolute;right:1em;bottom:calc(50% - .5em);font-size:1.2rem;color:#1298ff}.list-contents__title{background-color:#b3b3b3;width:100%;padding:.75em;font-size:1.2rem;color:#fff;max-width:960px;margin:auto}.list-notebook{display:block;position:relative;overflow:hidden;border-bottom:1px solid #e6e6e6;width:100%;padding:.8rem;color:#212121}.list-notebook:hover{background-color:whitesmoke}.list-notebook-img__container{position:relative;float:left;width:4rem;height:5.4rem;-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;overflow:hidden;text-align:center;border:1px solid #E0E0E0}.list-notebook__img{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}.list-notebook__right{float:left;padding:0 .8rem;width:100%;margin-left:-4rem;padding-left:4.8rem}.list-notebook__title{margin-top:.8rem;font-size:1.6rem;color:#212121;line-height:1.6}.note-bg{background-color:#EEEEEE;padding:.4rem;padding-bottom:1rem;border:solid 1px #dedede;border-bottom:none}section.info{position:relative;max-width:960px;background-color:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;overflow:hidden}section.info .notebook-header{position:relative;padding:1.2rem .8rem}section.info .notebook-header .notebook-date{margin-top:1rem;text-align:left;color:#b3b3b3;padding:0}section.info .notebook-header .notebook-category{overflow:hidden;display:table;position:relative;background-color:#fff;width:100%;font-size:1rem}section.info .notebook-header .notebook-category>*{display:table-cell;float:left;margin-right:.8rem}section.info .notebook-header .notebook-category>*>*{appearance:none;border-radius:.3em;padding:.5em;display:block}section.info .notebook-header .notebook-category .notebook-category-pronote>*{color:#fff;background-color:#ff7152}section.info .notebook-header .notebook-category .notebook-category-grade>*{color:#fff;background-color:#4db6ac}section.info .notebook-header .notebook-category .notebook-category-school-year>*{color:#666666}section.info .notebook-header .notebook-category .notebook-category-subject>*{color:#666666;background-color:#e6e6e6}section.info .notebook-header .notebook-title-wrapper h1{font-size:1.2rem;line-height:1.6;margin:0;font-weight:700}@media only screen and (min-width: 769px){section.info .notebook-header .notebook-title-wrapper h1{font-size:2rem;font-weight:400;padding:0}}section.info .notebook-header .notebook-counts{overflow:hidden;padding:.2rem 0 0;text-align:left;color:#9e9e9e;font-size:1rem;display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 769px){section.info .notebook-header .notebook-counts>.container,section.info .notebook-header .notebook-counts>.comments-new__container,section.info .notebook-header .notebook-counts>.comments-new-error__container{margin:0}}section.info .notebook-header .notebook-counts .container>*,section.info .notebook-header .notebook-counts .comments-new__container>*,section.info .notebook-header .notebook-counts .comments-new-error__container>*{position:relative;margin-right:1rem;display:inline}section.info .notebook-header .notebook-counts .container>* p,section.info .notebook-header .notebook-counts .comments-new__container>* p,section.info .notebook-header .notebook-counts .comments-new-error__container>* p{display:inline-block;position:relative;margin-left:.4rem}section.info .notebook-header .notebook-author-wrapper{margin-top:1rem;display:flex;align-items:center;gap:0.5rem}section.info .notebook-header .notebook-author-wrapper>img{border-radius:50%;object-fit:cover;object-position:center}section.info .notebook-header .notebook-author-wrapper>.notebook__author-name{color:#1298ff;font-weight:700}section.info .notebook-header .notebook__description{margin-top:1rem;font-size:1.2rem}section.info .info-banner{padding:1rem 0;background-color:#eeeeee}.info-textbook-units{overflow:hidden;margin-top:.8rem;margin-bottom:.8rem}.info-textbook{font-size:1.2rem;color:#999999;padding:.4rem 0}.info-units{font-size:1rem;margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem}.info-unit{-webkit-appearance:none;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;border:1px solid #9e9e9e;display:block;color:#9e9e9e;padding:.4rem .8rem;font-size:1rem}.info-unit:hover{color:#fff;background-color:#9e9e9e}.base-component.related-notes{font-family:Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui}.base-component.related-notes>div:nth-child(1){color:#757575;font-weight:500;font-size:12px;line-height:17px;letter-spacing:-0.8px;margin-bottom:12px}.base-component.related-notes ul li:not(:last-child){margin-bottom:12px}.base-component.related-notes ul li a{display:block;color:#1298ff;letter-spacing:-0.8px;font-size:12px;line-height:20px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.base-component.related-notes ul li a:before{display:inline-block;font:normal normal normal 14px/1 "Font Awesome 5 Free";content:"\f518";font-weight:900;user-select:none;color:#9E9E9E;margin-right:6px;position:relative;top:1px}.base-component.author-tabs{background-color:#fff}.base-component.author-tabs ul{display:flex;flex-direction:row}.base-component.author-tabs ul li{display:inline-block;width:50%}.base-component.author-tabs ul li:last-child{flex:1}.base-component.author-tabs ul li .clickable{font-family:Hiragino Sans;color:#757575;border-bottom:solid 2px #e0e0e0;display:block;width:100%;padding:8px 0px;font-size:14px;font-weight:bold;line-height:21px;text-align:center}.base-component.author-tabs ul li .clickable.active{color:#1298FF;border-bottom:solid 2px #1298FF}.base-component.notebook-list-content-v2{background-color:#fff;color:#212121;position:relative;box-sizing:initial;display:block;padding:0px 8px;min-height:66px}a.base-component.notebook-list-content-v2:hover{background-color:#dbf2fd}.base-component.notebook-list-content-v2>div{box-sizing:initial;padding:12px 0px;border-bottom:solid 1px #e0e0e0;min-height:72px}.base-component.notebook-list-content-v2 section:first-child{position:absolute;left:8px;top:12px;width:52px;height:72px}.base-component.notebook-list-content-v2 section:first-child span{position:relative;float:left;width:52px;height:72px;border-radius:4px;overflow:hidden}.base-component.notebook-list-content-v2 section:first-child img{width:100%;height:auto;position:relative;top:50%;transform:translateY(-50%)}.base-component.notebook-list-content-v2 section:last-child{padding-left:64px}.base-component.notebook-list-content-v2 section:last-child div:nth-child(1){margin-bottom:4px}.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) b{display:inline-block;line-height:20px;font-size:14px;font-weight:500;margin-right:2px}.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) i{font-size:12px;color:#9e9e9e}.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) .base-component.tag{position:relative;right:-4px;float:right;margin-right:4px}.base-component.notebook-list-content-v2 section:last-child div:nth-child(2){margin-bottom:4px}.base-component.notebook-list-content-v2 section:last-child div:nth-child(2)>*{vertical-align:middle}.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) span{position:relative;display:inline-block;width:20px;height:20px;border-radius:50%;overflow:hidden;margin-right:2px}.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) span img{position:absolute;top:50%;transform:translateY(-50%);height:auto;width:100%}.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) b{font-size:12px;font-weight:500;line-height:17px;letter-spacing:0.428571px;color:#757575}.base-component.notebook-list-info-v2{background-color:#fff;color:#212121;position:relative;box-sizing:initial;display:block;padding:0px 8px;min-height:66px}a.base-component.notebook-list-info-v2:hover{background-color:#dbf2fd}.base-component.notebook-list-info-v2>div{box-sizing:initial;padding:12px 0px;border-bottom:solid 1px #e0e0e0;min-height:66px}.base-component.notebook-list-info-v2 section:first-child{position:absolute;left:8px;top:12px;width:66px;height:66px}.base-component.notebook-list-info-v2 section:first-child span{position:relative;float:left;width:33px;height:33px;border-radius:4px;overflow:hidden}.base-component.notebook-list-info-v2 section:first-child img{position:relative;top:50%;transform:translateY(-50%);width:100%;height:auto}.base-component.notebook-list-info-v2 section:first-child span:only-child{width:100%;height:100%}.base-component.notebook-list-info-v2 section:last-child{padding-left:78px}.base-component.notebook-list-info-v2 section:last-child div:nth-child(1){margin-bottom:4px}.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) h1,.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) b{display:inline-block;line-height:20px;font-size:14px;font-weight:500;margin-right:2px}.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) i{font-size:12px;color:#9e9e9e}.base-component.notebook-list-info-v2 section:last-child>a:nth-child(2):hover{color:#212121;text-decoration:underline}.base-component.notebook-list-info-v2 section:last-child>*:nth-child(2){display:inline-block;margin-bottom:4px}.base-component.notebook-list-info-v2 section:last-child>*:nth-child(2)>*{vertical-align:middle}.base-component.notebook-list-info-v2 section:last-child>*:nth-child(2) span{position:relative;display:inline-block;width:20px;height:20px;border-radius:50%;overflow:hidden;margin-right:2px}.base-component.notebook-list-info-v2 section:last-child>*:nth-child(2) span img{position:absolute;top:50%;transform:translateY(-50%);height:auto;width:100%}.base-component.notebook-list-info-v2 section:last-child>*:nth-child(2) b{font-size:12px;font-weight:500;line-height:17px;letter-spacing:0.428571px;color:#757575}.base-component.notebook-list-info-v2 section:last-child div:nth-child(3){font-weight:500;font-size:12px;line-height:18px;letter-spacing:0.428571px;color:#9e9e9e}.base-component.notebook-list-info-details-v2{color:#212121;background-color:#fff;padding:8px;padding-top:12px;padding-bottom:12px;font-weight:500;font-size:12px;line-height:17px}.lazy-notebook-likes{min-height:28px}.base-component.liked-by a{color:#1298ff}.base-component.liked-by a:hover>span:first-child{color:#1298ff}.base-component.liked-by a>span:first-child{color:#333333}.base-component.liked-by a>span:not(:first-child){display:inline-block;margin-left:8px;padding-right:14px;margin-right:4px}.base-component.liked-by a>span>span{position:relative;display:inline-block;width:14px}.base-component.liked-by a>span>span:after{content:'';display:inline-block;position:absolute;width:29px;height:29px;background:#ddd;z-index:0;top:50%;left:50%;transform:translate(-25%, -50%);border-radius:2em}.base-component.liked-by img{position:relative;border-radius:2em;vertical-align:text-bottom;z-index:1}.base-component.dropdown{position:relative;display:inline-block;width:4em;height:2em;border:solid 1px #eee;text-align:center;border-radius:4px;color:#666}.base-component.dropdown i{line-height:1.75}.base-component.dropdown>div:last-child{height:0px;position:absolute;bottom:0px;z-index:1;display:none}.base-component.dropdown>div:last-child button{font-size:14px;background:white;border:solid 1px #ddd;color:#666;width:7em}.base-component.dropdown>div:last-child button:hover{color:#333;background-color:#fafafa}.base-component.dropdown:hover{color:#333;background-color:#fafafa}.base-component.dropdown:hover>div:last-child{right:0px;bottom:0px;display:initial}.note__subtitle{display:block;width:100%;margin:0;background-color:#eeeeee;padding:.96rem;width:100%;display:block;font-size:1rem;color:#9e9e9e}.subinfo{overflow:hidden;position:relative;padding:1rem 0 0}.subinfo p{margin-top:0.5em;font-size:1.2em;line-height:1.4em;max-width:960px;text-align:left}.subinfo__author{overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;position:relative;padding:.8rem 1rem 1rem 1rem;font-size:1.5em;color:#1298ff;display:block;-moz-transition:all;-o-transition:all;-webkit-transition:all;transition:all;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}.subinfo__author__img{-webkit-appearance:none;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;float:left;width:4rem;height:4rem;position:absolute}.subinfo__author__name{float:left;margin:1rem 0 0 1rem;min-height:3rem;padding-left:4rem}.base-component.x-login-form{display:block;padding-bottom:1em;padding-top:1em}.base-component.x-login-form.active{background-color:#f6fcff;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em}.base-component.x-login-form .login-form-control{line-height:initial;text-align:left;padding-left:1em;padding-right:1em;margin-bottom:1em}.base-component.x-login-form .login-form-control:last-child{margin-bottom:0}.base-component.x-login-form .login-form-control label{font-size:1.2em;font-weight:bold;display:inline-block;margin-left:.2em;margin-bottom:.5em}.base-component.x-login-form .login-form-control input{width:100%;font-size:1.3rem;padding:.5em;border-radius:.3em;border:solid 1px #ddd}.base-component.x-login-form .login-form-control a{line-height:2.4;color:#1298ff}.base-component.x-login-form .login-form-control button{line-height:2.8;font-size:1.2rem;font-weight:bold}@media only screen and (min-width: 769px){.base-component.x-login-form .login-form-control label{font-size:1em;font-weight:bold}.base-component.x-login-form .login-form-control input{padding:.4em}.base-component.x-login-form .login-form-control a{line-height:initial}.base-component.x-login-form .login-form-control button{font-size:1rem;line-height:2.5}}.base-component.clear-suggest{background-color:#FAFAFA;padding:12px;border-radius:4px}.base-component.clear-suggest.x-info{background-color:#fffbee;border-color:#fffbee}@media only screen and (min-width: 961px){.base-component.clear-suggest{position:relative}.base-component.clear-suggest>div:first-child{display:table;height:68px;width:52.5%;padding-right:12px}.base-component.clear-suggest>div:first-child p{display:table-cell;margin-bottom:0px !important;line-height:21px !important;vertical-align:middle}.base-component.clear-suggest>div:last-child{position:absolute;top:50%;right:12px;left:52.5%;transform:translateY(-50%);width:46.5%}.base-component.clear-suggest>div:last-child a,.base-component.clear-suggest>div:last-child button{padding-top:10px;padding-bottom:10px}}.base-component.clear-suggest p{font-family:Hiragino Sans;font-style:normal;font-weight:bold;font-size:12px;line-height:18px;text-align:center;margin-bottom:12px}.base-component.clear-suggest>div:last-child{background-color:#fff;padding:12px 13px;border-radius:4px}.base-component.clear-suggest>div:last-child>a,.base-component.clear-suggest>div:last-child>button{font-style:normal;font-weight:500;font-size:14px;line-height:20px;border-radius:4px;padding-top:11px;padding-bottom:11px}.ocr_list{background-color:#eeeeee}.ocr_list>.ocr_title{color:#9e9e9e;font-size:1rem;padding-left:.96rem}@media only screen and (min-width: 769px){.ocr_list>.ocr_title{padding-top:.96rem}}.ocr_list>.ocr_item{margin-top:1em;background-color:#fff;padding:1em}.ocr_list>.ocr_item>.ocr-preview{max-height:4.5em;overflow:hidden;position:relative;white-space:pre-wrap;line-height:1.5}.ocr_list>.ocr_item>.ocr-preview.expanded{max-height:none}.ocr_list>.ocr_item>.ocr-more-btn{background:none;border:none;cursor:pointer;padding:0;font:inherit;text-decoration:underline;outline:none;color:#9e9e9e;display:flex;justify-content:right}.note-comments-comment{overflow:hidden;padding:1em;border-bottom:1px solid #e6e6e6}.note-comments-comment--status_no-comment{text-align:center;padding:1rem}.note-comments-pagenation{border-bottom:1px solid #e6e6e6}.note-comments-pagenation__first,.note-comments-pagenation__back,.note-comments-pagenation__number,.note-comments-pagenation__forward,.note-comments-pagenation__last{display:table-cell;width:20%;text-align:center;color:#cccccc}.note-comments-pagenation__number{color:#333333}.note-comments-pagenation__number__btn{color:#1298ff;text-align:center}.note-comments-pagenation__btn{display:block;padding:1.25em;color:#1298ff;text-align:center}.note-comments-pagenation__btn:hover{background-color:#e8f5ff}.base-component.notebook-comment{font-family:Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;position:relative;padding:12px;padding-left:60px;min-height:60px}.base-component.notebook-comment:not(:last-child)::after{content:'';display:inline-block;border-bottom:solid 1px #ddd;position:absolute;bottom:0;left:16px;right:16px}.base-component.notebook-comment>div:nth-child(1) i{position:absolute;left:12px;top:12px}.base-component.notebook-comment>div:nth-child(1) i img{width:36px;height:36px;border-radius:50%}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(1){margin-bottom:4px}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(1) cite{font-style:normal;position:relative;bottom:.2em;vertical-align:middle;margin-right:4px;display:inline-block;border-radius:.3em;text-align:center;background-color:#1298ff;color:white;font-size:.8rem;padding:.25em .5em}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(1) a{font-size:1.2rem;color:#1298ff;line-height:1.4}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(1) time{float:right;text-align:right;color:#999999;line-height:1.7}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(1) time::after{content:"";clear:both;display:table}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(2){margin-bottom:8px}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(2) p{clear:both;line-height:1.6;font-size:1.2rem}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(3) a{background:#eeeeee;position:relative;display:inline-block;height:60px;width:60px;overflow:hidden;border-radius:.6em}.base-component.notebook-comment>div:nth-child(2)>div:nth-child(3) a img{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.base-component.add-notebook-comment .textarea-wrapper{padding:16px;border-radius:1.5em;border:1px solid #e6e6e6;background-color:#fff}.base-component.add-notebook-comment .textarea-wrapper.disabled{background-color:#fafafa}.base-component.add-notebook-comment textarea{resize:none;border:none;padding:0}.base-component.add-notebook-comment textarea:focus{outline:none}.base-component.add-notebook-comment textarea:disabled{background-color:#fafafa}.promotion-banner{display:table;margin:1em auto;max-width:100%;height:auto}.promotion-banner:hover{opacity:0.5}.promotion__img{max-width:100%;height:auto;position:relative}.promotion__center{text-align:center}.app-download-banner-inner{font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;font-size:14px;line-height:21px;overflow:hidden}.app-download-banner-inner i.app-download-banner-highlight{display:inline-block;width:28px;height:28px;background-image:url(https://d1e9oo257tadp1.cloudfront.net/public/app-banners/icon_point.svg);background-position:-2px 2px;background-repeat:no-repeat}.app-download-banner-inner>div:nth-child(1){font-size:12px;line-height:18px;font-weight:bold;color:#1298FF;margin-bottom:8px}.app-download-banner-inner>div:nth-child(1) i{vertical-align:middle}.app-download-banner-inner>div:nth-child(1) span{vertical-align:sub}.app-download-banner-inner>div:nth-child(2){margin-bottom:8px}.app-download-banner-inner>div:nth-child(2) p{font-weight:bold;color:#212121}.app-download-banner-inner>div:nth-child(3){position:relative;padding-left:139px;padding-top:18px;text-align:center;max-width:280px;margin-left:auto;margin-right:auto}.app-download-banner-inner>div:nth-child(3)>div:first-child{display:inline-block;position:absolute;top:0;left:0}.app-download-banner-inner>div:nth-child(3)>div:last-child{display:inline-block;height:116px}.app-download-banner-inner>div:nth-child(3)>div:last-child>div:first-child{margin-bottom:12px}.app-download-banner-inner>div:nth-child(2) ul li{position:relative;padding-left:25px;margin-bottom:12px}.app-download-banner-inner>div:nth-child(2) ul li *{font-weight:bold}.app-download-banner-inner>div:nth-child(2) ul li:before{display:inline-block;width:20px;height:20px;vertical-align:top;text-align:center;font-family:"Font Awesome 5 Free";font-weight:900;color:#bdbdbd;margin-right:.2em;font-size:18px;position:absolute;left:0px;top:0px}.app-download-banner-inner>div:nth-child(2) ul li:nth-child(1):before{content:"\f02e"}.app-download-banner-inner>div:nth-child(2) ul li:nth-child(2):before{content:"\f004"}.app-download-banner-inner>div:nth-child(2) ul li>div:first-child{display:inline-block;position:relative;z-index:1;padding:0 .1em}.app-download-banner-inner>div:nth-child(2) ul li>div:first-child:before{content:'';position:absolute;left:0;right:0;top:0;bottom:36%;background-color:#f9f3a6;z-index:-1}.base-component.app-download-banner{position:relative;background-color:#ECF7FF;padding:12px;padding-bottom:0px}.base-component.app-download-banner:before{color:#ECF7FF;font-size:24px;position:absolute;content:'▲';top:-14px;left:calc(50% - .5em);user-select:none}.base-component.app-download-banner.qa .app-download-banner-inner>div:nth-child(2){margin-bottom:22px}.base-component.app-download-banner.qa .app-download-banner-inner>div:nth-child(3)>div:last-child{height:99px}.base-component.social-media-shares{position:relative}.base-component.social-media-shares>div:last-child p{position:relative;bottom:4px;color:#555;padding-left:2px}.base-component.social-media-shares>div:last-child input{font-size:16px;margin-top:3px;width:calc(100% - 7rem);height:3rem}.base-component.social-media-shares>div:last-child button{color:#333;width:6rem;height:3rem;font-weight:bold;vertical-align:bottom}.base-component.social-media-shares h3{color:#333333;font-size:14px;font-weight:bold;line-height:24px;vertical-align:top;margin-top:6px}.base-component.social-media-shares ul{display:inline-block;margin-bottom:12px;padding-left:4px}.base-component.social-media-shares ul li{margin-right:8px;display:inline;vertical-align:bottom}.base-component.social-media-shares ul li a:hover{filter:brightness(1.05)}.base-component.social-media-shares ul li i{font-size:60px}.base-component.social-media-shares .share-url{font-weight:bold;text-align:center;line-height:31.5px;display:inline-block;width:31.5px;background:#555;color:white;vertical-align:text-bottom;position:relative;border-radius:3px;font-size:9px;margin-bottom:2.1px}.base-component.social-media-shares .share-url:after{content:"URL"}.base-component.social-media-shares .fab.fa-line{color:#06c755}.base-component.social-media-shares .fab.fa-facebook-square{color:#1877f2}.base-component.social-media-shares .fab.fa-twitter-square{color:#1b95e0}.note-comments-comment-txt__container{overflow:hidden;width:100%;display:table}.note-comments-comment__left{display:table-cell;width:3em;text-align:center}.note-comments-comment__left cite{display:block;-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;font-style:normal;background-color:#1298ff;color:#fff;text-align:center;padding:.25em .5em;font-size:.7em}.note-comments-comment__avatar{-webkit-appearance:none;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding-right:1em;height:3em;width:3em;margin:auto auto .4rem auto;overflow:hidden}.note-comments-comment__avatar img{width:3em}.note-comments-comment__right{display:table-cell;padding-left:1rem;width:100%}.note-comments-comment__info{overflow:hidden}.note-comments-comment__author{width:50%;float:left;color:#999999}.note-comments-comment__author__btn{color:#1298ff;font-size:1.2rem}.note-comments-comment__date{width:50%;text-align:right;float:left;color:#999999}.note-comments-comment__sentence{margin-top:.4rem;line-height:1.6rem;font-size:1.2rem}.note-comments-comment__img__container{-webkit-appearance:none;border-radius:0.5em;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border:1px solid #e6e6e6;width:100%;height:9.05em;margin-top:.8em;overflow:hidden}.note-comments-comment__img{width:100%;position:relative}.note-comments-login__container{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;padding:0em 1em;margin-top:1.5em;margin-bottom:1.5em;text-align:center;width:100%;display:block}.note-comments-login{overflow:hidden;-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;color:#333333;background-color:#e0e0e0;display:block;width:100%;max-width:500px;margin-left:auto;margin-right:auto;font-size:1.2em;padding:.75em;font-size:.8rem}.note-comments-login__ic{padding-right:.25em}.note-comments-applicationlink__container{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;padding:0em 1em;margin-top:1.5em;margin-bottom:1.5em;text-align:center;width:100%;display:block}.note-comments-applicationlink{overflow:hidden;-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;color:#333333;background-color:#e0e0e0;display:block;width:100%;max-width:500px;margin-left:auto;margin-right:auto;font-size:1.2em;padding:.75em}.note-comments-applicationlink__ic{padding-right:.25em}.note-comments-detail{position:relative;border-top:1px solid #e6e6e6}.note-comments-detail--pos_top{border-bottom:1px solid #e6e6e6}.note-comments-detail__btn{display:block;padding:1em 2em;color:#1298ff;text-align:center;font-size:1.2em}.note-comments-detail__btn:hover{background-color:#e8f5ff}.note-comments-detail__icon{position:absolute;top:.2em;left:97%;height:1.5em}.comments-new__container{padding:.8rem;background-color:#fafafa}.comments-new-error__container{margin:0;padding:.8em}.comments-new-content__input{-webkit-appearance:none;border-radius:0.5rem;-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;-webkit-appearance:none;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;margin:.8rem auto 0 auto;padding:.8rem;width:100%;border:1px solid #e6e6e6;font-size:1.6rem;margin:0 auto;display:block;font-size:1.2rem;height:10rem}.comments-new-imgs__container{padding:0 .8rem}.comments-new-img__container{-webkit-appearance:none;border-radius:0.5rem;-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;border:1px solid #e6e6e6;height:9.05rem;width:9.05rem;margin-top:.8rem;overflow:hidden}.comments-new-img__img{width:100%;position:relative}.comments-new-img__btn{-webkit-appearance:none;border-radius:0.4rem;-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem;display:block;text-align:center;padding:1.6rem;width:100%;font-size:1.8rem;color:#1298ff;border:1px solid #1298ff;background-color:#fff;margin-top:.8rem;padding:.8rem;height:3.2rem;width:9.05rem;font-size:1.2rem}.comments-new-imgfile{-webkit-appearance:none;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;margin:.8rem auto 0 auto;padding:.8rem;width:100%;border:1px solid #e6e6e6;font-size:1.6rem;width:100%;color:#1298ff;background-color:#fff;font-size:1.2rem}.comments-new-imgfile__btn{-webkit-appearance:none;border-radius:0.3em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;color:#333333;font-size:1.3rem;padding:1rem}.comments-new-btn__container{margin:0;padding:0}.comments-new__btn{-webkit-appearance:none;border-radius:0.4rem;-webkit-border-radius:0.4rem;-moz-border-radius:0.4rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;border:1px solid #1298ff;margin:.8rem auto 0 auto;padding:1.6rem;display:block;color:#fff;position:relative;width:100%;max-width:960px;background-color:#1298ff;text-align:center;font-size:1.4rem}.comments-new__btn:hover{opacity:0.5}.comments-new__btn:not(:disabled){cursor:pointer}.tutoring-school-results-v2 ul li>div:nth-child(2) a .nearest-stations:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/train.svg)}.tutoring-school-results-v2 ul li>div:nth-child(2) a .online-tag:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/online.svg)}.tutoring-school-results-v2 ul li>div:nth-child(2) a .address:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/address.svg)}.tutoring-school-app .region-wrapper a:after,.tutoring-school-app .multi-select-wrapper .arrowable:after{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/chevron_right-link.svg)}.tutoring-school-app .back-link:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/chevron_left-link.svg)}.tutoring-school-app .region-wrapper .region-name:after{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/plus.svg)}.tutoring-school-app .region-wrapper.active .region-name:after{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/tutoring_schools/ui_icons/minus.svg)}div[data-hypernova-key="CompanyProfile20"],div[data-hypernova-key="TutoringClassroomListContainer"],div[data-hypernova-key="TutoringClassroomProfileContainer"]{position:relative}div[data-hypernova-key="CompanyProfile20"] .previewable:after,div[data-hypernova-key="TutoringClassroomListContainer"] .previewable:after,div[data-hypernova-key="TutoringClassroomProfileContainer"] .previewable:after{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/zoom.svg)}div[data-hypernova-key="CompanyProfile20"] section .checklist ul li,div[data-hypernova-key="TutoringClassroomListContainer"] section .checklist ul li,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .checklist ul li{list-style-image:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/list_style-checked.svg)}div[data-hypernova-key="CompanyProfile20"] section .school-list>div:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .school-list>div:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .school-list>div:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/list_style-school.svg)}div[data-hypernova-key="CompanyProfile20"] section .school-list.admission>div:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .school-list.admission>div:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .school-list.admission>div:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/list_style-award.png);background-size:20px 20px}div[data-hypernova-key="CompanyProfile20"] section .online-tag:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .online-tag:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .online-tag:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/icon-online.svg)}div[data-hypernova-key="CompanyProfile20"] section .branch-list ul li a .address:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .branch-list ul li a .address:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .branch-list ul li a .address:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/icon-address.svg)}div[data-hypernova-key="CompanyProfile20"] section>.classroom-header .train-stations:before,div[data-hypernova-key="CompanyProfile20"] section .branch-list ul li a .train-stations:before,div[data-hypernova-key="CompanyProfile20"] section .location-info table td .train-stations:before,div[data-hypernova-key="TutoringClassroomListContainer"] section>.classroom-header .train-stations:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .branch-list ul li a .train-stations:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .location-info table td .train-stations:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section>.classroom-header .train-stations:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .branch-list ul li a .train-stations:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .location-info table td .train-stations:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/icon-train_station.svg)}div[data-hypernova-key="CompanyProfile20"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-prev:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-prev:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-prev:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/chevron-left-white.png);background-size:14px 19px}div[data-hypernova-key="CompanyProfile20"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-next:before,div[data-hypernova-key="TutoringClassroomListContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-next:before,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-next:before{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/chevron-right-white.png);background-size:14px 19px}div[data-hypernova-key="CompanyProfile20"] section .find-classroom form .form-group select,div[data-hypernova-key="TutoringClassroomListContainer"] section .find-classroom form .form-group select,div[data-hypernova-key="TutoringClassroomProfileContainer"] section .find-classroom form .form-group select{background:url(https://d1e9oo257tadp1.cloudfront.net/public/assets/companies/profile-2.0/chevron-down-black.png);background-position:calc(100% - 13.5px) 20px;background-size:13px 8px;background-repeat:no-repeat}.base-component.mobile-notebook-page-banners{position:relative;top:50%;transform:translateY(-50%);padding-left:6px;padding-right:6px}.base-component.mobile-notebook-page-banners div:last-child button{color:#1298ff;border:none;background-color:none;font-weight:700;font-size:12px;line-height:18px}.base-component.mobile-notebook-page-banners .base-component.notebook-page-banners li .promotion__center>a>div:nth-child(2),.base-component.mobile-notebook-page-banners .base-component.notebook-page-banners li>a>div:nth-child(2){background-color:#e5e5e5;position:relative;border-radius:4px;max-height:87px;min-height:87px;scale:.98}.base-component.mobile-notebook-page-banners .base-component.notebook-page-banners li .promotion__center>a>div:nth-child(2) img,.base-component.mobile-notebook-page-banners .base-component.notebook-page-banners li>a>div:nth-child(2) img{position:absolute;max-width:100%;max-height:100%;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:.75em;box-shadow:0px 0px 3px 0px rgba(90,90,90,0.75);height:auto}.base-component.desktop-notebook-page-banners{width:500px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;padding:24px;border-radius:4px}.base-component.desktop-notebook-page-banners img{top:50% !important;bottom:initial !important;left:50% !important;right:initial !important;width:100% !important;height:initial !important;max-height:initial !important;margin:initial !important;transform:translate(-50%, -50%)}.base-component.desktop-notebook-page-banners img:hover{cursor:pointer !important}.base-component.desktop-notebook-page-banners li a{display:block;box-sizing:initial !important;padding:8px;border-radius:4px}.base-component.desktop-notebook-page-banners li a div:nth-child(2){position:relative;overflow:hidden}.base-component.desktop-notebook-page-banners .base-component.notebook-page-banners li a>div:nth-child(2){background-color:#fdfdfd;min-height:108px;max-height:108px;scale:.99;border-radius:.75em;box-shadow:0px 0px 3px 0px rgba(90,90,90,0.75)}.base-component.notebook-page-banners li:not(:last-child){margin-bottom:10px}.base-component.notebook-page-banners li .promotion__center>a:hover,.base-component.notebook-page-banners li>a:hover{cursor:pointer;background-color:#64bbff}.base-component.notebook-page-banners li .promotion__center>a>div:nth-child(1),.base-component.notebook-page-banners li>a>div:nth-child(1){text-align:left;color:#212121;font-size:12px;line-height:18px;font-weight:700;padding-bottom:4px}.base-component.notebook-page-banners li .promotion__center>a>div:nth-child(2),.base-component.notebook-page-banners li>a>div:nth-child(2){max-height:74px;min-height:74px;background-color:#C4C4C4}.base-component.notebook-page-banners li .js-adBanner *,.base-component.notebook-page-banners li img[hidden="hidden"]{display:none}@media only screen and (min-width: 769px){.search-icon-wrapper{left:17px !important}}.base-component.clear-ui-icon.search-icon{display:inline-block;width:24px;height:24px}.base-component.clear-ui-icon.search-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.base-component.trending-keywords h2{color:#333333}.base-component.trending-keywords ol{margin-top:20px;padding:0px 10px;margin-bottom:0px}.base-component.trending-keywords li{font-size:14px;display:inline-block}.base-component.trending-keywords a{display:inline-block;padding:8px;border-radius:4px;background-color:#fff;color:#1298ff;margin-bottom:6px}.base-component.trending-keywords a:hover{background-color:#1298ff;color:#fff}.mobile-overlay-ad,.asOverlayAd__wrap{position:fixed;z-index:1000000000;width:100%}.asOverlayAd__wrap,.asOverlayAd__closeBtn{background-color:#000 !important}@media only screen and (min-width: 769px){.asOverlayAd__wrap,.asOverlayAd__closeBtn{background-color:rgba(0,0,0,0.4) !important}}