@charset "UTF-8";@media screen and (max-width:768px){.pc-only{display:none}}.sp-only{display:none}@media screen and (max-width:768px){.sp-only{display:block}}*{box-sizing:border-box}body{color:#222;font-family:Noto Sans JP,sans-serif;font-size:16px;margin:0;padding:0}body.fixed{height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{display:inline-block;text-decoration:none}figure{margin:0;padding:0}img{max-width:100%}ol,ul{list-style:none;margin:0;padding:0}button{cursor:pointer}button,input[type=email],input[type=text],textarea{border:none;outline:none}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}header{border-top:14px solid #fc0;padding:15px 0}.header-container{display:flex;justify-content:space-between;margin:auto;position:relative;width:95%}.header-container .logo img{height:32px}.bold{font-weight:700!important}footer{border-bottom:35px solid #fc0;margin-top:130px;padding:30px;text-align:center}.fixed-container{margin:auto;max-width:1000px;width:95%}.footer-logo{margin-bottom:30px}.footer-logo div:first-child{margin-bottom:15px}.footer-logo .addr{margin-bottom:3px}.login-container{margin:auto;max-width:415px;padding:100px 0;width:95%}@media screen and (max-width:768px){.login-container{padding:70px 0 80px}}.form-group{display:flex;flex-wrap:wrap;margin-bottom:30px}.form-group>div{flex:1}@media screen and (max-width:768px){.form-group>div{flex:100%}}.form-control-label{font-size:18px;padding-top:5px}input.form-control{border:1px solid #707070;font-size:16px;padding:10px 12px;width:100%}.login-form .form-control-label{width:135px}@media screen and (max-width:768px){.login-form{margin:auto;max-width:280px}}.login-btn-wrapper{margin-top:50px}.btn{background-color:#000;border-radius:999px;color:#fff;display:inline-block;font-size:18px;line-height:28px;padding:0 34px}.login-msg{background-color:#f2f2f2;margin-top:50px;padding:14px 15px;text-align:center}.invalid-feedback{color:#dc3545;display:block;font-size:15px;margin-top:4px;width:100%}@media screen and (max-width:768px){nav{background-color:#fffae9;display:none;height:calc(100vh - 82px);padding:40px 0 52px;position:fixed;top:82px;z-index:100}nav,nav:after{left:0;width:100%}nav:after{background-color:#fc0;bottom:0;content:"";height:12px;position:absolute}}.menu-list{display:flex;flex-wrap:wrap}.menu-list>li{font-size:18px;padding:5px 20px}.menu-list>li:last-child{padding-right:0}.menu-list>li a{color:#222}@media screen and (max-width:768px){.menu-list>li{flex:100%;margin-bottom:30px;max-width:100%;text-align:center}}.btn-logout{color:#fff!important;font-size:16px;line-height:26px;padding:0 30px}.d-none{display:none!important}.user-home{padding:90px 0 0}.user-info{margin-bottom:70px;overflow:hidden}.user-info ul{display:flex;flex-wrap:wrap;margin:-12px -30px}.user-info ul>li{padding:12px 30px}.user-info ul>li label{background-color:#000;border-radius:999px;color:#fff;display:inline-block;font-size:16px;line-height:26px;text-align:center;width:100px}.user-info ul>li span{display:inline-block;padding-left:24px}@media screen and (max-width:768px){.user-info ul>li{flex:100%;max-width:100%}}.sitemap{overflow:hidden}.sitemap ul{display:flex;flex-wrap:wrap;margin:-10px -20px}@media screen and (max-width:768px){.sitemap ul{margin:-10px}}.sitemap ul>li{flex:33.33%;max-width:33.33%;padding:10px 20px}.sitemap ul>li a{background-color:#fffdcc;border:1px solid #fc0;border-radius:9px;color:#222;font-size:20px;padding:25px 0 22px;text-align:center;width:100%}.sitemap ul>li a h3{font-weight:400;margin-top:18px}@media screen and (max-width:768px){.sitemap ul>li{flex:50%;max-width:50%;padding:10px}.sitemap ul>li h3{font-size:18px}}.menu-btn{background-color:#fc0;height:46px;padding:10px 8px;position:absolute;right:0;top:-6px;width:46px}.menu-btn .menu-inner{height:26px;position:relative;top:11.5px;transition-duration:.5s;width:30px}.menu-btn .menu-inner .icon-left,.menu-btn .menu-inner .icon-right{background-color:#fff;height:3px;position:absolute;top:0;transition-duration:.5s;width:15px}.menu-btn .menu-inner .icon-left:after,.menu-btn .menu-inner .icon-left:before,.menu-btn .menu-inner .icon-right:after,.menu-btn .menu-inner .icon-right:before{background-color:#fff;content:"";height:3px;position:absolute;transition-duration:.5s;width:15px}.menu-btn .menu-inner .icon-left:before,.menu-btn .menu-inner .icon-right:before{top:-11.5px}.menu-btn .menu-inner .icon-left:after,.menu-btn .menu-inner .icon-right:after{top:11.5px}.menu-btn .menu-inner .icon-left{left:0}.menu-btn .menu-inner .icon-right{left:13px}.menu-btn.open .icon-left,.menu-btn.open .icon-right{background:transparent;transition-duration:.5s}.menu-btn.open .icon-left:before{transform:rotate(45deg) scaleX(1.4) translate(3.5px,3.5px)}.menu-btn.open .icon-left:after{transform:rotate(-45deg) scaleX(1.4) translate(3.5px,-3.5px)}.menu-btn.open .icon-right:before{transform:rotate(-45deg) scaleX(1.4) translate(-3.5px,3.5px)}.menu-btn.open .icon-right:after{transform:rotate(45deg) scaleX(1.4) translate(-3.5px,-3.5px)}.menu-btn{cursor:pointer}#pageTop{background-color:#222;bottom:-200px;height:50px;position:fixed;right:0;transition:all .5s;width:50px}#pageTop.is-show{bottom:20px}#pageTop:after{border-bottom:24px solid #fff;border-left:14px solid transparent;border-right:14px solid transparent;content:"";left:13px;position:absolute;top:11px}.breadcrumbs{font-size:14px;margin:45px 0 60px}.breadcrumbs a{color:#222;margin-right:40px;position:relative;text-decoration:underline}.breadcrumbs a:after{background:url(/images/icon_bread.png) no-repeat 50%;content:"";height:13px;position:absolute;right:-30px;top:3px;width:11px}.page-title{font-size:34px;font-weight:400;margin-bottom:10px}.page-title span{background-color:#222;border-radius:999px;color:#fff;display:inline-block;font-size:16px;line-height:26px;margin-left:24px;text-align:center;vertical-align:middle;width:100px}.update-date{margin-bottom:15px}.attendance-info{background-color:#f2f2f2;overflow:hidden;padding:24px 20px}@media screen and (max-width:768px){.attendance-info{padding:30px 15px 35px}}.attendance-info .inner-block{display:flex;flex-wrap:wrap;margin:-15px -25px}.attendance-info .inner-block>div{flex:50%;max-width:50%;padding:15px 25px}@media screen and (max-width:768px){.attendance-info .inner-block>div{flex:100%;max-width:100%}}.attendance-info .inner-block .mark-info{display:flex;margin-bottom:16px}.attendance-info .inner-block .mark-info .label-white{width:100px}.attendance-info .inner-block .mark-info .label-txt{padding-left:15px}.attendance-info .inner-block .mark-info .label-txt>div{margin-bottom:8px}.attendance-info .inner-block .mark-info .mark{display:inline-block;line-height:27px;padding-left:18px;position:relative;text-align:center;width:75px}.attendance-info .inner-block .mark-info .mark.mark01,.attendance-info .inner-block .mark-info .mark.mark02{background-color:#ffec46}.attendance-info .inner-block .mark-info .mark.mark01:before,.attendance-info .inner-block .mark-info .mark.mark02:before{background:url(/images/dir_top.png) no-repeat 50%;background-size:contain;content:"";display:inline-block;height:21px;left:11px;position:absolute;top:calc(50% - 12px);width:14px}.attendance-info .inner-block .mark-info .mark.mark02:before{top:calc(50% - 10px);transform:rotate(180deg)}.attendance-info .inner-block .mark-info .mark.mark03{background-color:#e6122f;color:#fff}.attendance-info .inner-block .mark-info .mark.mark03:before{content:"×";left:13px;position:absolute}.attendance-info .inner-block .time-info>li{display:flex;margin-bottom:10px}.attendance-info .inner-block .time-info>li:last-child{margin-bottom:0}.attendance-info .inner-block .time-info>li .time-txt{padding-left:30px}.label-white{background-color:#fff;border-radius:999px;display:inline-block;font-size:16px;font-weight:400;line-height:26px;text-align:center;width:70px}.bg-grayyellow{background-color:#fffdcc!important}.subject-info-wrapper{margin-top:80px;max-width:100%;position:relative}.subject-info-wrapper .-header{margin-bottom:10px}.subject-info-wrapper .-header span{background-color:#fc0;display:inline-block;line-height:30px;padding:0 50px 0 10px;position:relative}.subject-info-wrapper .-header span:after{border-left:30px solid #fc0;border-top:30px solid transparent;bottom:0;content:"";left:100%;position:absolute}.subject-table-wrapper{margin-top:2px;overflow-x:scroll}.subject-info-table{border-collapse:separate;border-spacing:0;border-top:1px solid #222;width:-webkit-max-content;width:-moz-max-content;width:max-content}.subject-info-table td,.subject-info-table th{padding:8px 15px}.subject-info-table th{background-color:#fff;border-bottom:1px solid #222;border-left:1px solid #222;border-right:3px solid #222;font-weight:400;left:0;min-width:135px;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:auto;z-index:1}.subject-info-table th label{font-weight:700}.subject-info-table th span{font-size:13px}.subject-info-table td{border-bottom:1px solid #222;border-right:1px solid #222;min-width:175px;text-align:center;vertical-align:top}@media screen and (max-width:768px){.subject-info-table td{padding:8px 10px;width:165px}}.subject-info-table tr:last-child td{text-align:left}.subject-info-table tr:last-child td>div:not(:last-child){margin-bottom:4px}.subject-info-table .mark{background-color:#ffec46;display:block;line-height:28px;padding:0 8px;position:relative;width:100%}.subject-info-table .mark.mark-x{background-color:#e6122f;color:#fff}.subject-info-table .mark:after{display:inline-block;margin-left:12px;text-align:center;width:16px}.subject-info-table .mark.mark-top:after{content:"▲"}.subject-info-table .mark.mark-bot:after{content:"▼"}.subject-info-table .mark.mark-x:after{content:"×"}.align-top{vertical-align:top}.absence-info-wrapper{display:flex;margin:40px 0 0}.absence-info-wrapper .-label label{background-color:#222;border-radius:999px;color:#fff;display:inline-block;text-align:center;width:100px}.absence-info-wrapper .-info{padding-left:20px}.absence-info-wrapper .-info .absence-dates-ul>li{display:flex}.absence-info-wrapper .-info .absence-dates-ul>li:not(:last-child){margin-bottom:10px}.absence-info-wrapper .-info .absence-dates-ul>li span:first-child{display:inline-block;width:85px}.absence-info-wrapper .-info .absence-dates-ul>li p{flex:1}.scroll{overflow:auto}.report-link-wraper{margin:60px 0 0;overflow:hidden}.report-link-wraper .report-link-ul{display:flex;flex-wrap:wrap;margin:-20px -15px}.report-link-wraper .report-link-ul>li{flex:50%;max-width:50%;padding:20px 15px}@media screen and (max-width:768px){.report-link-wraper .report-link-ul>li{flex:100%;max-width:100%}}.report-link-wraper .report-link-ul>li a{background-color:#fffdcc;border:1px solid #fc0;border-radius:9px;color:#222;font-size:27px;line-height:120px;text-align:center;width:100%}.table-group{margin-top:50px}.table-group h2{font-size:27px;font-weight:400;margin-bottom:10px}.table-group .table-wrapper{overflow:auto}.table-group .table-wrapper table{border-collapse:collapse}.table-group .table-wrapper table td,.table-group .table-wrapper table th{border:1px solid #222;padding:8px 10px}.table-group .table-wrapper table th{background-color:#fffdcc}.table-group .table-wrapper table tr td:first-child,.table-group .table-wrapper table tr th:first-child{text-align:left}.w-165{width:165px!important}.label-black{background-color:#222;border-radius:999px;color:#fff;display:inline-block;line-height:26px;text-align:center;width:100px}.report-absence-info-wrapper{align-items:center;display:flex;margin:15px 0 40px}.report-absence-info{display:inline-block;padding-left:18px}.note-wrapper{background-color:#f2f2f2;padding:25px 20px}.note-wrapper h2{margin-bottom:14px}.note-wrapper .label-white{width:130px}.multiline{white-space:pre-line!important}.text-center{text-align:center!important}.table-group-practice{margin-top:30px}.table-group-practice table{min-width:460px;text-align:center}.table-group-practice table th{text-align:center!important}.table-group-practice table tbody tr td:first-child{text-align:left}.top-scroll-wrapper{height:20px;overflow:auto}

/*# sourceMappingURL=app.css.map*/