html, body{background:#fff url(../img/bg_body.png) 0 0 repeat-x;height:100%;min-width:280px}@media print{html, body{background:#fff}}html{position:relative;display:flex;flex-direction:column}body{display:flex !important;flex-direction:column !important}main{padding-top:60px;flex:0 0 auto}.footer{background-color:#f8f8f8}.footer > .container, .footer > .container-fuild{padding-right:15px;padding-left:15px}.system-header{}.system-header a{color:#fff}.debugInfoHeader{display:inline-block;width:auto;color:#dbdbdb;position:absolute;right:18px;top:1px;font-size:0.5rem}@media screen and (max-width:767px){.page_login .system-header .navbar-toggler{display:none !important}}.footer{}.system-footer{}.system-footer a{color:#337ab7}.system-footer a:hover{color:#23527c}.footerBar{padding-left:10px;padding-right:10px;text-align:center;display:inline-block}.ls020{letter-spacing:0.20rem}.lh120{line-height:120%}.lh150{line-height:150%}.lh170{line-height:170%}.lh180{line-height:180%}@media screen and (min-width:501px){.hidden-gte500{display:none !important}}.fs150{font-size:150%}.nowrap{white-space:nowrap}.mr20{margin-right:20px}@media print{.no-print{display:none !important}}.bg-white{background:#fff}.bg-bink{background:#ffeef7}.bg-green{background:#eeffee}.bg-orange{background:#fff7ee}.bg-purple{background:#ffeeff}.f-bold{font-weight:bold}.pa5{padding:5px}.pa10{padding:10px}.pt5{padding-top:5px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.text-net_croud{color:#BD3764;font-weight:bold}.fs90{font-size:90%}.reportCarefulBox{background:#eeffee}.reportLearnBox{background:#fff7ee}.reportToParentsBox{background:#ffeeff}.btn-main{background:#2196f3 linear-gradient(#64b5f6, #2196f3);border:solid 1px #2196f3;box-shadow:0 3px 0 #64b5f6;color:#FFF;border-radius:2rem;white-space:nowrap}.btn-main:hover{background:#64b5f6 linear-gradient(#2962ff, #64b5f6);border:solid 1px #2196f3;color:#FFF}.btn-main:active{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;box-shadow:0;transform:translate(0, 1px)}.btn-main:hover:active{background:#64b5f6 linear-gradient(#2962ff, #64b5f6)}.btn-main:focus{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;outline:none}html .btn-main:disabled{background:#999999 linear-gradient(#bdbdbd, #999999);border:solid 1px #999999;box-shadow:0 3px 0 rgba(123, 123, 123, 1.0)}.btn-operate{background:#2196f3 linear-gradient(#64b5f6, #2196f3);border:solid 1px #2196f3;box-shadow:0 3px 0 #64b5f6;color:#FFF;border-radius:2rem;white-space:nowrap}.btn-operate:hover{background:#64b5f6 linear-gradient(#2962ff, #64b5f6);border:solid 1px #2196f3;color:#FFF}.btn-operate:active{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;box-shadow:0;transform:translate(0, 1px)}.btn-operate:hover:active{background:#64b5f6 linear-gradient(#2962ff, #64b5f6)}.btn-operate:focus{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;outline:none}html .btn-operate:disabled{background:#999999 linear-gradient(#bdbdbd, #999999);border:solid 1px #999999;box-shadow:0 3px 0 rgba(123, 123, 123, 1.0)}.btn-home-menu{background:#2196f3 linear-gradient(#64b5f6, #2196f3);border:solid 1px #2196f3;box-shadow:0 3px 0 #64b5f6;color:#FFF;border-radius:2rem;white-space:nowrap}.btn-home-menu:hover{background:#64b5f6 linear-gradient(#2962ff, #64b5f6);border:solid 1px #2196f3;color:#FFF}.btn-home-menu:active{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;box-shadow:0;transform:translate(0, 1px)}.btn-home-menu:hover:active{background:#64b5f6 linear-gradient(#2962ff, #64b5f6)}.btn-home-menu:focus{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;outline:none}html .btn-home-menu.disabled, html .btn-home-menu:disabled{background:#999999 linear-gradient(#bdbdbd, #999999);border:solid 1px #999999;box-shadow:0 3px 0 #bdbdbd}.btn-login{background:#2196f3 linear-gradient(#64b5f6, #2196f3);border:solid 1px #2196f3;box-shadow:0 3px 0 #64b5f6;color:#FFF;border-radius:2rem;white-space:nowrap}.btn-login:hover{background:#64b5f6 linear-gradient(#2962ff, #64b5f6);border:solid 1px #2196f3;color:#FFF}.btn-login:active{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;box-shadow:0;transform:translate(0, 1px)}.btn-login:hover:active{background:#64b5f6 linear-gradient(#2962ff, #64b5f6)}.btn-login:focus{background:#2196f3 linear-gradient(#64b5f6, #2196f3);color:#FFF;outline:none}html .btn-login:disabled{background:#999999 linear-gradient(#bdbdbd, #999999);border:solid 1px #999999;box-shadow:0 3px 0 rgba(123, 123, 123, 1.0)}.bg-gradient-primary{background:#007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important}.bg-gradient-secondary{background:#6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x!important}.bg-gradient-success{background:#28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x!important}.bg-gradient-info{background:#17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important}.bg-gradient-warning{background:#ffc107 linear-gradient(180deg,#ffca2c,#ffc107) repeat-x!important}.bg-gradient-danger{background:#dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x!important}.bg-gradient-primary{color:#fff}input.designRadio[type=radio], input.designCheckbox[type=checkbox]{display:none}label.designRadio, label.designCheckbox{box-sizing:border-box;-webkit-transition:background-color 0.1s linear;transition:background-color 0.1s linear;position:relative;display:inline-block;margin:0 20px 0 0;padding:12px 12px 12px 32px;border-radius:8px;vertical-align:middle;cursor:pointer}label.designRadio:hover, label.designCheckbox:hover{}label.designRadio:hover:after, label.designCheckbox:hover:after{}label.designRadio:after, label.designCheckbox:after{-webkit-transition:border-color 0.1s linear;transition:border-color 0.1s linear;position:absolute;top:50%;left:0px;display:block;margin-top:-12px;width:24px;height:24px;border:1px solid #90caf9;border-radius:0px;background:#fff;content:''}label.designRadio:after{border-radius:50%}label.designRadio:before{-webkit-transition:opacity 0.1s linear;transition:opacity 0.1s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-7px;width:14px;height:14px;border-radius:50%;background-color:#42a5f5;content:'';opacity:0.08;z-index:2}input.designRadio[type=radio]:checked + label.designRadio:before{opacity:1}label.designCheckbox:before{-webkit-transition:opacity 0.1s linear;transition:opacity 0.1s linear;position:absolute;top:50%;left:8px;display:block;margin-top:-9px;width:9px;height:14px;border-right:3px solid #42a5f5;border-bottom:3px solid #42a5f5;content:'';opacity:0.08;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:2}input.designCheckbox[type=checkbox]:checked + label.designCheckbox:before{opacity:1}.is-invalid label.designRadio:after, .is-invalid label.designCheckbox:after{border-color:#d32f2f;background:#ffcdd2}.is-invalid label.designRadio:before{background-color:#d32f2f}.is-invalid label.designCheckbox:before{border-right-color:#d32f2f;border-bottom-color:#d32f2f}.form-signin{width:100%;max-width:320px;padding:15px;margin:auto}.form-signin .checkbox{font-weight:400}.form-signin .form-control{position:relative;box-sizing:border-box;height:auto;padding:10px;font-size:16px}.form-signin .form-control:focus{z-index:2}.form-signin input[type="text"]{margin-bottom:-1px}.form-signin input[type="password"]{margin-bottom:10px}.topInfoBlock{padding-top:40px;text-align:center}.topTitle{color:#f48fb1;padding-left:15px;padding-right:15px}.topInfoBlockStyle{text-align:center;padding:10px 10px 20px}.topInfoBlockStyle .topTitle{background:#fff;padding:5px 10px 0px;margin:0 auto 20px;width:100%;max-width:600px;border-radius:10px;box-shadow:0 4px 8px 8px rgba(128, 128, 128, 0.05)}.topInfoBlockStyle .topTitle img{width:100%}.topInfoBlockStyle .topTitle span{display:inline-block;width:auto;margin-bottom:10px}.loginFormBlock{padding-bottom:30px}.loginFormItem{margin-bottom:20px}[data-ruby]{position:relative;overflow:visible;white-space:nowrap}[data-ruby]::before{content:attr(data-ruby);position:absolute;top:-1.4em;left:0;right:0;margin:auto;font-size:0.5em;overflow:visible;white-space:nowrap;letter-spacing:0;display:inline-block;text-align:left;text-align:center}.surveyTitle [data-ruby]::before{top:-1.0em}[data-ruby].mln3em::before{margin-left:-0.3em;width:1px}[data-ruby].mln2em::before{margin-left:-0.2em;width:1px}[data-ruby].ml05em::before{margin-left:0.5em;width:1px}label > [data-ruby]::before{top:-1.5em}body.usingRuby label > [data-ruby]{line-height:1.8}body.usingRuby .adjustIfRuby{display:inline-block;line-height:1.8}body.usingRuby .btnAdjustIfRuby{line-height:1.8}.startFormBlock{padding-bottom:50px;margin-bottom:20px}.startForm.form-signin{max-width:480px}.homeMenuBlock{width:100%;max-width:480px;margin:0 auto 50px}.questionBlock{width:100%;max-width:800px;margin:0 auto 50px}.questionItemBox{margin-bottom:2.5rem}.questionContentBox{margin-bottom:2.5rem}.questionNumTitle{color:#0d47a1}.questionNumTitle span{letter-spacing:3px}.questionNextBtnBox{text-align:center;margin-bottom:50px}.preQuestionInfoBlock{margin-bottom:10px}.preQuestionInfoBox{}.preQuestionImageBox{text-align:center}.preQuestionImageItem{text-align:center;display:inline-block;margin:0 auto}.preQuestionImage{width:auto;max-width:100%}@media screen and (min-width:480px){.preQuestionImage{width:auto;max-width:720px}}@media screen and (min-width:800px){.preQuestionImage{width:auto;max-width:800px}}.questionBlock{margin-bottom:10px}.questionContentBox{margin-bottom:10px}.questionImageBox{text-align:center}.questionImageItem{text-align:center;display:inline-block;margin:0 auto}.questionImage{width:auto;max-width:100%}@media screen and (min-width:480px){.questionImage{width:auto;max-width:720px}}@media screen and (min-width:800px){.questionImage{width:auto;max-width:800px}}.answerSelectListBox{font-size:150%}.explanationBlock{margin-bottom:10px}.explanationBox{}.explanationImageBox{text-align:center}.explanationImageItem{text-align:center;display:inline-block;margin:0 auto}.explanationImage{width:auto;max-width:100%}@media screen and (min-width:480px){.explanationImage{width:auto;max-width:720px}}@media screen and (min-width:800px){.explanationImage{width:auto;max-width:800px}}.resultNextBtnBox{text-align:center;margin-bottom:50px}.pointBlock{display:block;text-align:center}.pointBlockIn{display:inline-block;text-align:center;margin:0 auto;width:90%;max-width:480px}@media screen and (min-width:576px){.pointBlockIn{}}.pointBox{border:solid 5px #29b6f6;padding:20px;min-height:120px;border-radius:5px}.pointText{font-size:120%;color:#0288d1}.pointNum{font-size:300%}.bigPointNum{font-size:400%}.margin0Auto{margin:0 auto !important}.reportContainer{margin:0 auto;max-width:980px;min-width:980px}.reportContainer.summaryReport{max-width:1280px;min-width:1280px}.reportFrame{background:#ffeef7;padding:10px}.reportMainTopBlock{display:table;width:100%}.reportMainTopBlock .reportMainTopPointFrame{display:table-cell;vertical-align:top;padding-right:5px}.reportMainTopBlock .reportMainTopBreakdownFrame{display:table-cell;vertical-align:top;padding-left:5px}.reportMainTopBlock .reportMainTopPointFrame{height:100%}.reportMainTopBlock .reportMainTopPointFrame .reportPointBlock{display:block;height:275px}.reportMainTopBlock .reportMainTopPointFrame .reportPointBlockIn{padding:10px}.reportPointBlockBody{}.reportPointBlockLabel{text-align:left;padding-top:20px;font-size:110%;margin-bottom:15px}.reportMainTopBlock .reportMainTopBreakdownFrame .reportBreakdownBlock{display:block;height:275px}.reportMainTopBlock .reportMainTopBreakdownFrame .reportBreakdownBlockIn{padding:10px}.reportInnerBlock{background:#fff}.reportPointBox{font-size:160%}@media screen and (min-width:1000px){.reportPointBox{font-size:180%}}.reportPointBox .bigPointNum{font-size:320%}.reportPointBox .pointNum{font-size:220%}.reportPointBlockIn{text-align:center}.reportBreakdownBlockLabel{margin-bottom:3px;font-size:110%}.breakdownMatrixTable{width:100%}.breakdownMatrixTable thead tr th{background:#e3f2fd}.reportMainMiddleBlock{display:table;width:100%}.reportMainMiddleBlock .reportMainMiddleRadarChartFrame{display:table-cell;vertical-align:middle;padding-right:5px}.reportMainMiddleBlock .reportMainMiddleBarChartFrame{display:table-cell;vertical-align:middle;padding-left:5px}.reportMainMiddleBlock .reportMainMiddleRadarChartFrame .reportRadarChartBlock{display:block;height:300px;padding:10px;overflow:hidden}.reportMainMiddleBlock .reportMainMiddleRadarChartFrame .chart-container{width:100%;height:250px;overflow:hidden}.reportMainMiddleBlock .reportMainMiddleBarChartFrame .reportBarChartBlock{display:block;height:300px;padding:10px;overflow:hidden}.reportMainMiddleBlock .reportMainMiddleBarChartFrame .chart-container{width:100%;height:250px;overflow:hidden}.reportMainBottomBlock{display:table;width:100%}.reportMainBottomBlock .reportMainBottomHighMessageFrame{display:table-cell;vertical-align:top;padding-right:5px;width:48%}.reportMainBottomBlock .reportMainBottomHighMessageFrame .reportHighMessageBlock{display:block;height:240px;padding:10px;overflow:hidden;padding:10px}.reportMainBottomBlock .reportMainBottomLowMessageFrame{display:table-cell;vertical-align:top;padding-left:5px;width:48%}.reportMainBottomBlock .reportMainBottomLowMessageFrame .reportLowMessageBlock{display:block;height:240px;padding:10px;overflow:hidden;padding:10px}.reportMessageLabel{font-weight:bold;margin-bottom:5px;font-size:110%}.reportMessageListItem{margin-bottom:10px}.reportMessageListItemTitle{font-weight:bold;font-size:110%}.reportCommentBox{min-height:10em}.page_summary_report .mainFrame, .page_exam_report .mainFrame{padding-top:10px;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif}.reportTitle{font-size:1.75rem;font-size:2rem;margin-bottom:1rem;margin-bottom:0.5rem;font-weight:bold}.reportTitleText{background:#fff;color:#333}.yearNumText{font-size:1.2rem;font-weight:bold}.timesNumText{font-size:1.2rem;font-weight:bold}.schoolClassStudentText{font-size:1.2rem;font-weight:bold}.timesSchoolInfoBox{border:solid 1px #EE9067;background:#FAE1D1;border-radius:12px;padding:16px 16px 10px;margin-bottom:10px}.reportDateTable{background:#fff;margin-bottom:0;margin-bottom:0.2rem}.reportDateTable thead tr>th, .reportDateTable tbody tr>td{border:solid 1px #333;padding:1px 4px;font-size:0.875rem;width:5em}.reportFrame{background:#E3E2E2}.reportRightBlock.reportRightBlock-1{margin-top:11px;background:#FBDDE7;padding:10px;margin-bottom:10px}.reportRightBlock .reportHighMessageBlock{margin-bottom:10px;padding:5px}.reportRightBlock .reportLowMessageBlock{margin-bottom:10px;padding:5px}.reportRightBlock .reportMessageLabel{font-size:1rem}.reportMessageListBox{min-height:5em}.reportRightBlock .reportCarefulBox{background:#fff;padding:5px}.reportRightBlock.reportRightBlock-2{background:#DEEDD5;padding:10px;margin-bottom:10px}.reportRightBlock .reportLearnBox{background:#fff;padding:5px}.reportRightBlock.reportRightBlock-3{background:#D9E8F5;padding:10px;margin-bottom:10px}.reportRightBlock .reportToParentsBox{background:#fff;padding:5px}html .reportMainTopBlock{width:100%}html .reportMainTopBlock .reportMainTopPointFrame{padding-right:0 !important}html .reportMainTopBlock .reportMainTopPointFrame .reportPointBlock{display:inline-block;float:left;width:45%;vertical-align:top;height:10rem;overflow:hidden}html .summaryReport .reportMainTopBlock .reportMainTopPointFrame .reportPointBlock{height:16rem}html .reportPointBlockLabel{padding-top:10px}html .summaryReport .reportPointBlockLabel{padding-top:20px}html .breakdownMatrixTable thead tr th{background:#f8f8f8}html .pointMatrixTable thead tr th{background:#f8f8f8}html .reportMainTopBlock .reportMainTopPointFrame .reportCategoryPointTableBlock{display:inline-block;float:right;width:53%;vertical-align:top;height:10rem;overflow:hidden}html .summaryReport .reportMainTopBlock .reportMainTopPointFrame .reportCategoryPointTableBlock{height:16rem}html .reportMainTopBlock .reportMainTopPointFrame .reportCategoryPointTableBlockIn{padding:15px}html .reportPointBox .bigPointNum{font-size:3rem;font-weight:bold}html .reportPointBox .pointSlash{font-size:2rem;font-weight:bold}html .reportPointBox .pointNum{font-size:1.5rem;font-weight:bold}html .reportCategoryPointBlockBody{padding-top:1.5rem;font-size:1.05rem}html .reportCategoryPointBlockBody .pointMaxInfo{font-size:90%}html .reportCategoryPointBlockBody .pointSlash{font-size:1rem}.pointMatrixTable{width:100%}.pointMatrixTable thead tr th{background:#e3f2fd}html .reportMainMiddleBlock .reportBreakdownBlockIn{padding:15px}html .breakdownMatrixTable{margin-bottom:0}html .reportMainBottomBlock{display:block}html .reportMainBottomBlock .reportMainBottomRadarChartFrame{display:inline-block;float:left;width:55%;vertical-align:top;height:16rem;height:17rem;overflow:hidden;position:relative}html .reportMainBottomBlock .reportMainMiddleBarChartFrame{display:inline-block;float:right;width:43%;vertical-align:top;height:16rem;height:17rem;overflow:hidden;position:relative}html .reportMainBottomBlock .reportMainBottomRadarChartFrame .reportRadarChartBlock{padding:10px;min-height:260px}html .reportMainBottomBlock .reportMainMiddleBarChartFrame .reportBarChartBlock{padding:20px 5px;min-height:260px}html .reportMainBottomBlock .reportMainBottomRadarChartFrame .chartTitle, html .reportMainBottomBlock .reportMainMiddleBarChartFrame .chartTitle{position:absolute;left:5px;top:5px;font-weight:bold;z-index:10}.chartLegendBox{position:absolute;top:65%;right:0;width:65px;height:3rem}.chartLegendBox .chartLegend{display:block;padding-left:35px;font-size:0.8rem;position:relative}.chartLegendBox .chartLegend-1:before{content:'';position:absolute;left:0;top:0;height:0.65rem;width:30px;border-bottom:solid 2px rgba(233,112,52, 0.8)}.chartLegendBox .chartLegend-2:before{content:'';position:absolute;left:0;top:0;height:0.65rem;width:30px;border-bottom:solid 2px rgba(128, 128, 128, 0.8)}html .reportCommentBox{min-height:5rem}