/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img{vertical-align:top}html{height:100%}body{display:flex;flex-direction:column;min-height:100%;margin:0;font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;font-size:16px;color:#222}header{width:100%;background-color:#84AD2D;text-align:center;padding:16px}main{padding:24px 0 164px}section{max-width:1032px;margin:0 auto;padding:0 16px 40px}footer{width:100%;margin-top:auto;padding:16px;background-color:#f4f4f1;text-align:center}a,a:visited{font-weight:bold;color:#84AD2D;text-decoration:underline}a:hover,a:active{color:#00929b;text-decoration:none}p{margin-top:8px}.logo img{width:134px}.inner{margin:0 auto;padding:8px 120px 40px;width:640px;background-color:#f4f4f1}.title1{margin-top:24px;font-size:32px;font-weight:bold}.title2{margin-top:24px;font-size:24px;font-weight:bold}.title3{margin-top:24px;font-size:20px;font-weight:bold}.title_appeal{font-size:20px;margin-top:0}.title_form{margin-top:24px;font-size:20px;font-weight:bold;padding-left:8px;border-left:#84AD2D 6px solid}.notice{font-size:14px;color:#999;text-indent:-1em;margin-left:1em}input{display:block;width:100%;outline:none;border:2px solid #cccbc6;border-radius:8px;margin-top:8px;padding:20px 24px;background-color:#fff;font-size:16px;color:#222}input::placeholder{color:#cccbc6}input:-ms-input-placeholder{color:#cccbc6}input::-ms-input-placeholder{color:#cccbc6}select::-ms-expand{display:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;outline:none;border:2px solid #cccbc6;border-radius:8px;margin-top:8px;padding:20px 48px 20px 24px;background-color:#fff;font-size:16px;color:#222;background-image:url(./images/icon_arrow.svg);background-repeat:no-repeat;background-size:16px;background-position:right 16px center}button{cursor:pointer;outline:none}.field_with_errors>input{border:2px solid #ff8b8b;background-color:#ffebeb}.errortext{color:#ff0000}.btn,.btn__emph{display:block;max-width:400px;border-radius:50px;margin:40px auto 0;padding:16px 24px;text-align:center;text-decoration:none;line-height:1.2;font-size:20px;font-weight:bold;color:#fff;border:none;-moz-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15)}.inner .btn,.inner .btn__emph{width:90%}.btn{background-color:#84AD2D}.btn:hover{color:#fff;background-color:#00929b}.btn__emph{background-color:#ffb800}.btn__emph:hover{color:#fff;background-color:#e7a600}.btn__emph span{font-size:16px}.btn__fav,.btn__favactive{border-radius:20px;margin:8px 8px 8px 0;padding:4px 16px;text-align:center;text-decoration:none;line-height:1.2;font-size:16px;font-weight:bold;cursor:pointer}.btn__fav{color:#aaa;border:1px solid #ccc;background-color:#fff}.btn__favactive{color:#fff;border:1px solid #ffb800;background-color:#ffb800}.btn__delete{border-radius:4px;margin:0 8px 0 0;padding:8px 8px 10px;border:2px solid #aaa;background-color:#fff}.btn__delete div{content:"";width:14px;height:8px;border-left:3px solid #ddd;border-bottom:3px solid #ddd;transform:rotate(-45deg)}.active{border-radius:4px;margin:0 8px 0 0;padding:8px 8px 10px;border:2px solid #84AD2D;background-color:#84AD2D}.btn__delete input[type="checkbox"]{display:none}footer ul{display:flex;justify-content:center;flex-wrap:wrap;margin-top:-16px;list-style:none;padding:0 0 16px}footer li{margin-top:16px;padding:0 16px}footer li+li{border-left:1px solid #cccbc6}footer a{font-size:12px;font-weight:normal;color:#666}footer a:hover{color:#999;text-decoration:none}.copyright{font-size:12px;color:#999}.input__login_mail{border-bottom:none;border-radius:8px 8px 0 0}.input__login_pass{margin-top:0;border-radius:0 0 8px 8px}.field{margin-top:8px;margin-bottom:-24px}.field input{display:inline-block;width:auto;margin-right:8px}.submenu{margin-left:auto}.submenu a+a{margin-left:16px;padding-left:16px;border-left:1px solid #cccbc6}.appeal{margin-top:8px;padding:16px;background-color:#fff5dc;border:2px solid #ffb800;border-radius:8px}.title_appeal{color:#d49900;font-size:20px}.appeal .btn__emph{width:400px;margin:8px auto}.submitfield{display:flex;margin-top:24px}.submitfield input{flex:1;margin-top:0}.submitfield button{width:240px;margin:0 0 0 16px}.pagelist dl{display:flex;flex-wrap:wrap}.pagelist dl+dl{border-bottom:1px solid #cccbc6}.pagelist dt,.pagelist dd{padding:16px}.pagelist dt{flex:1}.participant{width:120px;text-align:center}.date{width:140px;color:#999;text-align:center}.pagelist .title{background-color:#f4f4f1;margin-bottom:8px}.pagelist .done{background-color:#f4f4f1}.done span{color:#999;font-size:13px;font-weight:bold;margin-right:8px}.title dt,.title dd{padding:8px 16px}.commentarea{padding-top:24px;background-color:#f4f4f1}.commentarea .title2{margin-top:0}#chat-index{margin-top:8px}.commentarea .title{background-color:#f4f4f1;margin-bottom:8px;padding:8px 16px}.commentarea dl{display:flex;border-bottom:1px solid #cccbc6}.commentarea dt{flex:1;word-break:break-word;padding:8px 0}.commentarea dd{text-align:right}.commentarea span{display:inline-block;width:auto}.favorite{color:#ffb800;font-weight:bold;padding:8px}dl .commentnone{color:#f4f4f1}#comprehension{margin-top:24px;padding:8px;font-weight:bold;text-align:center}#comprehension .figure{font-size:40px;margin-top:0}.level0{color:#ba426c;background-color:#ffc9dc}.level1{color:#bf4e35;background-color:#ffd3c9}.level2{color:#9b8c05;background-color:#fff9be}.level3{color:#6d8b1b;background-color:#eeffbf}.level4{color:#0e9069;background-color:#c9ffde}.level5{color:#00878f;background-color:#b9fbff}.graph{position:relative;width:100%;height:240px;overflow:hidden;margin:0}#lesson_start{font-weight:bold;margin-top:24px}.label__finish{display:inline-block;padding:4px 8px;font-size:13px;font-weight:bold;color:#999;background-color:#f4f4f1;vertical-align:top}.margin40{margin-top:40px}.center{display:block;text-align:center}.right{text-align:right}.bold{font-weight:bold}.flex{display:flex;flex-wrap:wrap}.recipient{background-color:#f4f4f1}.jadge{text-align:center}.jadge img{margin-bottom:4px}.jadge .ok,.jadge .no,.jadge .ok_off,.jadge .no_off{display:inline-block;width:300px;border-radius:16px;margin:24px auto 0;padding:16px 8px;text-align:center;text-decoration:none;line-height:1.5;font-size:16px;font-weight:bold;border:none}.jadge .ok,.jadge .no{color:#fff;background-color:#84AD2D}.jadge .ok_off,.jadge .no_off{color:#999;background-color:#f4f4f1;border:2px solid #ccc;-moz-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08);-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08);-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08);box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08)}.jadge .no,.jadge .no_off{margin-left:16px}.jadge .ok_off:hover,.jadge .no_off:hover{background-color:#dbf3f4}.notfound{margin:64px auto -170px;padding-bottom:0}.cotaro{margin-top:64px}@media screen and (max-width: 750px){main{padding:0}.inner{width:100%;padding:8px 16px 40px}.title1{font-size:22px}.title2{font-size:20px}.title3{font-size:18px}.appeal{padding:8px}.title_appeal{font-size:18px}.appeal .btn__emph{width:100%}.submitfield{display:block}.submitfield button{width:90%;margin:16px auto 0}.pagelist dl,.commentarea dl{display:block;padding:8px 0}.pagelist .date{display:inline-block;width:100%;text-align:right;padding:0}.pagelist .participant{display:none}.title .participant,.title .date{display:none}.pagelist dt,.commentarea dt{padding:0}.pagelist .title,.commentarea .title{padding:8px}.pagelist .done{padding:0 8px}.commentarea .date{display:inline;text-align:right;padding:0}.jadge .ok,.jadge .no,.jadge .ok_off,.jadge .no_off{display:inline-block;width:47%}.jadge .no,.jadge .no_off{margin-left:8px}.notfound{margin-top:40px}.notfound h1{width:200px;margin:0 auto}}