*{position:relative;box-sizing:border-box;vertical-align:bottom;font-size:14px;line-height:1.5em;font-family:"メイリオ",Meiryo,"游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-family:"Sawarabi Gothic"}.clear:after,.clearfix:after,dl:after,ol:after,ul:after{content:"";clear:both;display:block}.centerMiddle{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#main,body,html{margin:0;padding:0;height:100%}a:link{color:#08f;font-weight:inherit;font-style:inherit;font-size:inherit;text-decoration:underline}a:visited{color:#08f;font-weight:inherit;font-style:inherit;font-size:inherit;text-decoration:underline}a:active{color:#08f;font-weight:inherit;font-style:inherit;font-size:inherit;text-decoration:underline}a:hover{color:#08f;font-weight:inherit;font-style:inherit;font-size:inherit;text-decoration:underline}input,select{margin:.25em;padding:.25em;vertical-align:middle}label{margin:0;padding:0;cursor:pointer;vertical-align:middle}em{font-weight:bolder;font-style:normal}b{font-weight:700;font-style:normal}pre{margin:1rem;padding:1rem;width:auto;height:auto;max-width:95%;max-height:20rem;overflow:scroll;font-size:.85rem;background-color:#eee;border:1px solid #ccc}img{width:auto;height:auto;max-width:100%;max-height:100%}table{margin:1rem auto;border-collapse:collapse}ul:after{content:"";display:block}table,td,th,tr{position:static}button{cursor:pointer}.w20{width:20%;float:left}.w25{width:25%;float:left}.w33{width:33.333333%;float:left}.w50{width:50%;float:left}@media screen and (max-width:480px){.w20,.w25,.w33,.w50{width:100%;float:none}.w20:after,.w25:after,.w33:after,.w50:after{content:"";display:block}}.fa:before{font-size:1.5em}.linklike{color:#08f;font-weight:inherit;font-style:inherit;font-size:inherit;text-decoration:underline;cursor:pointer}div.required:after,span.required:after{content:"*";color:red;display:inline;position:absolute}.info{color:#00c}.error{color:#c00}.rem{color:#080}.ok:after{font-family:FontAwesome;content:"\f00c";color:#080;dipalay:block;position:absolute;top:.5em;right:.5em}.ok>input{background-color:none}.ng:after{font-family:FontAwesome;content:"\f06a";color:#c00;dipalay:block;position:absolute;top:.5em;right:.5em}.ng>input{background-color:#ffc}br.pc{display:inline}br.mobile{display:none}@media screen and (max-width:480px){br.pc{display:none}br.mobile{display:inline}}body{margin:0 auto;padding:0;color:#000;font-size:14px;background-color:#fffaf2;width:960px;max-width:100%;box-shadow:0 .25rem .33rem rgba(0,0,0,.25);font-family:"Sawarabi Gothic"}body #main{color:#222;background-color:#fcfcfc}body #main #head{color:#fff;background-color:#06c;position:absolute;top:0;left:0;width:100%;z-index:3}body #main #head h1{margin:0;padding:2rem 1rem;font-size:1.5rem;font-family:"Mplus 1p";content:"";clear:both;display:block}body #main #head h1 a{color:inherit;text-decoration:none}body #main #head h1 a img{margin:0;padding:0 1rem 0 0;width:auto;height:62px;float:left}body #main #head h1 div.eng{margin:0;padding:0 1rem;font-size:.85rem;font-weight:400}body #main #head h1 div.subtitle{margin:0;padding:0 1rem;font-size:1rem;text-align:right}@media screen and (max-width:480px){body #main #head h1{padding:.5rem;font-size:1rem;line-height:1.5rem;text-align:center}body #main #head h1 a img{margin:.5rem;height:3rem;float:none}body #main #head h1 div.eng{display:none}body #main #head h1 div.subtitle{display:none}}body #main #body{margin:0;padding:0;position:absolute;padding:6rem 0;width:100%;height:100%;min-height:100%;overflow:scroll;z-index:1}body #main #body h1{margin:2rem 1rem .2rem;padding:.2rem;font-size:1.33rem;font-family:"Mplus 1p"}body #main #body p{margin:.5rem 1rem .5rem;padding:.5rem}body #main #body button{margin:0;padding:1rem;border:2px solid #06c;box-shadow:0 .1rem .25rem rgba(0,0,0,.25);color:#fff;text-shadow:0 -.1rem .25rem rgba(0,0,0,.25);background-color:#0073e6;background-image:-webkit-gradient(#0073e6,#0059b3);background-image:-webkit-linear-gradient(#0073e6,#0059b3);background-image:-moz-linear-gradient(#0073e6,#0059b3);background-image:-o-linear-gradient(#0073e6,#0059b3);background-image:linear-gradient(#0073e6,#0059b3);border-radius:7px}body #main #body button:hover{box-shadow:0 0 .2rem rgba(0,0,0,.25);background-color:#007fff;background-image:-webkit-gradient(#007fff,#06c);background-image:-webkit-linear-gradient(#007fff,#06c);background-image:-moz-linear-gradient(#007fff,#06c);background-image:-o-linear-gradient(#007fff,#06c);background-image:linear-gradient(#007fff,#06c)}body #main #body button.red{border:2px solid red;background-color:#f33;background-image:-webkit-gradient(#f33,#c00);background-image:-webkit-linear-gradient(#f33,#c00);background-image:-moz-linear-gradient(#f33,#c00);background-image:-o-linear-gradient(#f33,#c00);background-image:linear-gradient(#f33,#c00)}body #main #body button.red:hover{background-color:#f66;background-image:-webkit-gradient(#f66,red);background-image:-webkit-linear-gradient(#f66,red);background-image:-moz-linear-gradient(#f66,red);background-image:-o-linear-gradient(#f66,red);background-image:linear-gradient(#f66,red)}body #main #body .center{text-align:center}body #main #body .right{text-align:right}body #main #body #content{padding-bottom:175px}body #main #body #content .login-wrapper{margin:.5em auto;padding:1rem;width:30rem;max-width:95%;border-radius:.5rem;border:2px solid #ccc;background-color:#eee;box-shadow:0 .1rem .3333rem rgba(0,0,0,.25);display:none}body #main #body #content .login-wrapper .login-entry{margin:.5rem 0;padding:0}body #main #body #content .login-wrapper .login-entry .login-entry-input{margin:0;padding:0}body #main #body #content .login-wrapper .login-entry .login-entry-input input{padding:.25rem;text-align:center;width:100%}body #main #body #content .login-wrapper #login-msg{text-align:center}body #main #body #content .login-wrapper .login-button{text-align:center;margin:1rem 0}body #main #body #content .login-wrapper .login-button button{width:100%}body #main #body #content .login-wrapper .logout-button{text-align:center}body #main #body #content .login-wrapper .logout-button button{width:100%}body #main #body #content .anonymous-wrapper .anonymous-button,body #main #body #content .anonymous-wrapper .link-button,body #main #body #content .link-wrapper .anonymous-button,body #main #body #content .link-wrapper .link-button{text-align:center;margin:1rem auto;width:22rem;max-width:95%}body #main #body #content .anonymous-wrapper .anonymous-button button,body #main #body #content .anonymous-wrapper .link-button button,body #main #body #content .link-wrapper .anonymous-button button,body #main #body #content .link-wrapper .link-button button{width:100%}body #main #body #content .user-wrapper{padding:1em;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch;align-content:stretch;color:#06c}body #main #body #content .user-wrapper .user-button{padding:.5em;text-align:center;width:50%}body #main #body #content .user-wrapper .user-button .user-button-header{margin:0 0 .5em}@media screen and (max-width:480px){body #main #body #content .user-wrapper .user-button{padding:1em;width:100%}}@media screen and (max-width:480px){body #main #body #content .user-wrapper{flex-direction:column-reverse}}body #main #body #link #progressbar-wrapper,body #main #body #test #progressbar-wrapper{margin:1rem;padding:0;height:3rem;background-color:#bbb;display:none}body #main #body #link #progressbar-wrapper #progressbar-area,body #main #body #test #progressbar-wrapper #progressbar-area{margin:0;padding:0;width:10%;height:inherit;position:absolute;top:0;left:0;background-color:#09f}body #main #body #link #progressbar-wrapper #progressbar-value,body #main #body #test #progressbar-wrapper #progressbar-value{margin:0;padding:1rem;width:auto;height:auto;position:absolute;top:0;left:0;color:#fff;font-size:1rem;line-height:1rem}body #main #body #link .test-entry-wrapper .test-entry h1.test-entry-header,body #main #body #test .test-entry-wrapper .test-entry h1.test-entry-header{margin:0;padding:1rem 1rem .5rem;color:#06c;font-weight:400;font-size:2rem;z-index:10}body #main #body #link .test-entry-wrapper .test-entry p.test-entry-name,body #main #body #test .test-entry-wrapper .test-entry p.test-entry-name{margin:.5rem;padding:.5rem;position:absolute;top:0;right:0}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-back,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-back{margin:.5rem;padding:.5rem}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-next,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-next{margin:.5rem;padding:.5rem;text-align:center}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-img,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-img{margin:0;padding:1px 1rem;text-align:center}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-img img,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-img img{margin:0 auto;padding:0;width:auto;height:auto;max-width:100%;max-height:340px}body #main #body #link .test-entry-wrapper .test-entry p.test-entry-desc,body #main #body #test .test-entry-wrapper .test-entry p.test-entry-desc{margin:0 1rem;padding:.5rem;font-size:1.5rem}body #main #body #link .test-entry-wrapper .test-entry p.test-entry-remark,body #main #body #test .test-entry-wrapper .test-entry p.test-entry-remark{margin:.5rem 1.5rem;padding:.25rem;color:#040;font-size:1rem;line-height:1.25rem}@media screen and (max-width:480px){body #main #body #link .test-entry-wrapper .test-entry p.test-entry-remark,body #main #body #test .test-entry-wrapper .test-entry p.test-entry-remark{margin:0 2rem}}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input{margin:0;padding:.5rem}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox,body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio,body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank{margin:0 auto;padding:.5rem 1rem;display:block;float:left}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox span,body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio span,body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank span,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox span,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio span,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank span{margin:0 auto;padding:.5rem 1rem;display:block;width:100%;border:2px solid #06c;box-shadow:0 .1rem .25rem rgba(0,0,0,.25);color:#fff;text-shadow:0 -.1rem .25rem rgba(0,0,0,.25);background-color:#0073e6;background-image:-webkit-gradient(#0073e6,#0059b3);background-image:-webkit-linear-gradient(#0073e6,#0059b3);background-image:-moz-linear-gradient(#0073e6,#0059b3);background-image:-o-linear-gradient(#0073e6,#0059b3);background-image:linear-gradient(#0073e6,#0059b3);border-radius:7px}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox span:hover,body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio span:hover,body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank span:hover,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox span:hover,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio span:hover,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank span:hover{box-shadow:0 0 .2rem rgba(0,0,0,.25);background-color:#007fff;background-image:-webkit-gradient(#007fff,#06c);background-image:-webkit-linear-gradient(#007fff,#06c);background-image:-moz-linear-gradient(#007fff,#06c);background-image:-o-linear-gradient(#007fff,#06c);background-image:linear-gradient(#007fff,#06c)}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox input[type=radio],body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio input[type=radio],body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank input[type=radio],body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-checkbox input[type=radio],body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-radio input[type=radio],body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank input[type=radio]{line-height:14px}body #main #body #link .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank,body #main #body #test .test-entry-wrapper .test-entry div.test-entry-input label.test-entry-label-rank{width:80%;float:none}body #main #body #link .test-entry-wrapper .test-entry .image-top-right,body #main #body #test .test-entry-wrapper .test-entry .image-top-right{position:absolute;top:10px;right:10px;width:auto;height:80px;z-index:1}body #main #body #link .test-entry-wrapper .test-entry .image-top-right-small,body #main #body #test .test-entry-wrapper .test-entry .image-top-right-small{position:absolute;top:10px;right:10px;width:auto;height:80px;z-index:1}@media screen and (max-width:480px){body #main #body #link .test-entry-wrapper .test-entry .image-top-right,body #main #body #test .test-entry-wrapper .test-entry .image-top-right{margin:0 auto;padding:10px;position:relative;top:0;right:0;width:80%;height:auto}body #main #body #link .test-entry-wrapper .test-entry .image-top-right-small,body #main #body #test .test-entry-wrapper .test-entry .image-top-right-small{margin:0 auto;padding:10px;position:relative;top:0;right:0;width:25%;height:auto}}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper ul.conf-ul,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper ul.conf-ul{margin:0;padding:1rem;list-style-type:none}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper ul.conf-ul li,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper ul.conf-ul li{margin:0;padding:.25rem 2rem;width:auto;font-size:1rem;line-height:1.5rem;list-style-type:none;float:left}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix{padding:1px 1rem}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper{padding:1px 1rem}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table{margin:.5rem}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table tr th,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table tr th{margin:0;padding:2px;font-weight:400;color:#008;background-color:#fed;border:1px solid #ccc;font-size:8px;line-height:1.25em}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table tr td,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table tr td{margin:0;padding:2px;font-weight:400;color:#222;background-color:#fff;border:1px solid #ccc;font-size:8px;line-height:1.25em;text-align:center}body #main #body #link .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table tr td.td-conf,body #main #body #test .test-entry-wrapper .test-entry .conf-wrapper .conf-table-clearfix .conf-table-wrapper table.conf-table tr td.td-conf{text-align:left}body #main #body #link .test-entry-wrapper .test-entry .test-result-block,body #main #body #test .test-entry-wrapper .test-entry .test-result-block{padding:1rem}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry{margin:1rem;padding:1rem;border:2px solid #06c;background-color:#007fff;color:#fff}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry span,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry span{padding:0 .25rem;line-height:2.5rem}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .score,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .score{font-size:2rem;font-weight:700}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .age,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .age{font-size:1.25rem;font-weight:700}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .gender,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .gender{font-size:1.25rem;font-weight:700}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .rank,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-entry .rank{font-size:2rem;font-weight:700}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper{margin:0;padding:66.6666% 0 0;width:100%}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper .test-result-block-figure,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper .test-result-block-figure{position:absolute;top:0;left:0;width:100%;height:100%}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper .test-result-block-figure canvas,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper .test-result-block-figure canvas{width:100%;height:100%}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper i#test-result-arrow,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-figure-wrapper i#test-result-arrow{position:absolute;top:0;left:0;color:rgba(255,0,0,.9);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-button,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-button{padding:1rem;text-align:center}body #main #body #link .test-entry-wrapper .test-entry .test-result-block .test-result-block-button button,body #main #body #test .test-entry-wrapper .test-entry .test-result-block .test-result-block-button button{margin:.5rem}body #main #top-bottom-image{margin:auto;padding:0;width:300px;height:215px;position:fixed;left:0;right:0;bottom:20px;z-index:10;text-align:center}body #main #foot{margin:0;padding:0;color:#fff;background-color:#333;position:absolute;left:0;bottom:0;width:100%;height:47px;z-index:2}body #main #foot #copyright{margin:0;padding:25px 0 10px;line-height:12px;font-size:10px;text-align:center}@media screen and (max-width:480px){body #main #foot #copyright{font-size:7px}}/*# sourceMappingURL=style.css.map */