:root{font-size:16px;--boki-black:#231f20;--boki-pink:#ed088c}body,html{font-family:MS PGothic,Arial,Hiragino Kaku Gothic Pro,sans-serif;font-size:13px;line-height:1.4;color:#333;background-color:#fff;word-break:break-all;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}#app,body,html{height:100vh;margin:0;padding:0;box-sizing:border-box}#app{width:100vw}.exam-view{width:100vw}.exam-view,.start-view{height:100vh;overflow:hidden;box-sizing:border-box}.result-view{width:100vw;overflow:auto}.result-view,.top-view{height:100vh;box-sizing:border-box}.top-view{overflow-x:hidden;overflow-y:auto}a{color:#08c;text-decoration:none}a:hover{color:#005580;text-decoration:underline}.btn{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;text-shadow:0 1px 1px hsla(0,0%,100%,.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(180deg,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05)}.btn,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn:focus,.btn:hover{background-color:#e6e6e6}input,select,textarea{font-family:MS PGothic,Arial,Hiragino Kaku Gothic Pro,sans-serif}h1,h2,h3{margin:0;font-weight:700}h1{font-size:1.5em;line-height:1.2}p{margin:1em 0;line-height:1.6}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.pull-left{float:left}.pull-right{float:right}.container{width:100%;padding-right:20px;padding-left:20px;margin:0 auto}.row{width:100%}.row:after,.row:before{display:table;line-height:0;content:""}.row:after{clear:both}.text-label{display:inline;padding:2px 4px;font-size:11.844px;font-weight:700;line-height:14px;color:#fff;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:3px}.top-view[data-v-d74299ec]{font-family:MS PGothic,Arial,Hiragino Kaku Gothic Pro,sans-serif;font-size:13px;line-height:1.4;color:#333;background-color:#fff;word-break:break-all;margin:0;padding:0;width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;box-sizing:border-box}.top-view[data-v-d74299ec]>*{max-width:100%;box-sizing:border-box}.top-view #header[data-v-d74299ec]{background:#e1e1e1;background-image:linear-gradient(180deg,#f9f9f9,#e1e1e1);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#FFF9F9F9",endColorstr="#FFE1E1E1");width:100%;max-width:100vw;box-sizing:border-box}.top-view #header .container[data-v-d74299ec]{width:100%;max-width:1480px;margin:0 auto;padding:20px;box-sizing:border-box}.top-view .brand[data-v-d74299ec]{text-decoration:none}.top-view .brand img[data-v-d74299ec]{height:45px}.top-view #navbar[data-v-d74299ec]{margin-bottom:20px;background:#222;background-image:linear-gradient(180deg,#333,#222);background-repeat:repeat-x;border:1px solid #252525;box-shadow:0 1px 4px rgba(0,0,0,.067);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#FF333333",endColorstr="#FF222222");width:100%;max-width:100vw;box-sizing:border-box}.top-view #navbar .container[data-v-d74299ec]{width:100%;max-width:1480px;margin:0 auto;padding:0 20px;position:relative;box-sizing:border-box}.top-view .navbar-content[data-v-d74299ec]{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.top-view .navbar-right[data-v-d74299ec]{flex-shrink:0}.top-view #navbar #primary-nav[data-v-d74299ec]{float:none;margin:0;padding:0;list-style:none}.top-view #navbar #primary-nav>li[data-v-d74299ec]{float:none;position:relative;display:inline-block}.top-view #navbar #primary-nav>li>a[data-v-d74299ec]{display:block;padding:8px 10px 6px;font-size:12px;font-weight:700;color:#ccc;text-decoration:none}.top-view #navbar #primary-nav>li>.top-view a[data-v-d74299ec]:hover{color:#999}.top-view .dropdown-menu[data-v-d74299ec]{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.top-view .dropdown-menu li[data-v-d74299ec]{display:block}.top-view .dropdown-menu li a[data-v-d74299ec]{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:20px;color:#333;white-space:nowrap;text-decoration:none}.top-view .dropdown-menu li .top-view a[data-v-d74299ec]:hover{text-decoration:none;color:#fff;background-color:#0081c2;background-image:linear-gradient(180deg,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#FF0088CC",endColorstr="#FF0077B3")}.top-view .dropdown-menu .divider[data-v-d74299ec]{height:1px;margin:9px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff}.top-view .container[data-v-d74299ec]{width:100%;max-width:1480px;margin:0 auto;padding:0 20px;box-sizing:border-box}.top-view .table[data-v-d74299ec]{width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-collapse:separate;border-spacing:0;box-sizing:border-box}.top-view .table-bordered[data-v-d74299ec]{border:1px solid #ddd;border-collapse:separate;border-left:0;border-radius:4px}.top-view .table-bordered td[data-v-d74299ec],.top-view .table-bordered th[data-v-d74299ec]{border-left:1px solid #ddd}.top-view .table-bordered caption+tbody tr:first-child td[data-v-d74299ec],.top-view .table-bordered caption+tbody tr:first-child th[data-v-d74299ec],.top-view .table-bordered caption+thead tr:first-child th[data-v-d74299ec],.top-view .table-bordered colgroup+tbody tr:first-child td[data-v-d74299ec],.top-view .table-bordered colgroup+tbody tr:first-child th[data-v-d74299ec],.top-view .table-bordered colgroup+thead tr:first-child th[data-v-d74299ec],.top-view .table-bordered tbody:first-child tr:first-child td[data-v-d74299ec],.top-view .table-bordered tbody:first-child tr:first-child th[data-v-d74299ec],.top-view .table-bordered thead:first-child tr:first-child th[data-v-d74299ec]{border-top:0}.top-view .table-bordered tbody:first-child tr:first-child>td[data-v-d74299ec]:first-child,.top-view .table-bordered tbody:first-child tr:first-child>th[data-v-d74299ec]:first-child,.top-view .table-bordered thead:first-child tr:first-child>th[data-v-d74299ec]:first-child{border-top-left-radius:4px}.top-view .table-bordered tbody:first-child tr:first-child>td[data-v-d74299ec]:last-child,.top-view .table-bordered tbody:first-child tr:first-child>th[data-v-d74299ec]:last-child,.top-view .table-bordered thead:first-child tr:first-child>th[data-v-d74299ec]:last-child{border-top-right-radius:4px}.top-view .table-bordered tbody:last-child tr:last-child>td[data-v-d74299ec]:first-child,.top-view .table-bordered tbody:last-child tr:last-child>th[data-v-d74299ec]:first-child,.top-view .table-bordered tfoot:last-child tr:last-child>td[data-v-d74299ec]:first-child,.top-view .table-bordered tfoot:last-child tr:last-child>th[data-v-d74299ec]:first-child,.top-view .table-bordered thead:last-child tr:last-child>th[data-v-d74299ec]:first-child{border-bottom-left-radius:4px}.top-view .table-bordered tbody:last-child tr:last-child>td[data-v-d74299ec]:last-child,.top-view .table-bordered tbody:last-child tr:last-child>th[data-v-d74299ec]:last-child,.top-view .table-bordered tfoot:last-child tr:last-child>td[data-v-d74299ec]:last-child,.top-view .table-bordered tfoot:last-child tr:last-child>th[data-v-d74299ec]:last-child,.top-view .table-bordered thead:last-child tr:last-child>th[data-v-d74299ec]:last-child{border-bottom-right-radius:4px}.top-view .table td[data-v-d74299ec],.top-view .table th[data-v-d74299ec]{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd;word-wrap:break-word;box-sizing:border-box}.top-view .table th[data-v-d74299ec]{font-weight:700}.top-view .contents-info-tbl-colhead[data-v-d74299ec]{width:20%;background-color:#f0f0f0}.top-view .btn[data-v-d74299ec]{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px hsla(0,0%,100%,.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(180deg,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-bottom-color:#b3b3b3;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#FFFFFFFF",endColorstr="#FFE6E6E6");box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);text-decoration:none}.top-view .btn.active[data-v-d74299ec],.top-view .btn.disabled[data-v-d74299ec],.top-view .btn[data-v-d74299ec]:active,.top-view .btn[data-v-d74299ec]:focus,.top-view .btn[data-v-d74299ec]:hover,.top-view .btn[disabled][data-v-d74299ec]{color:#333;background-color:#e6e6e6}.top-view .btn.active[data-v-d74299ec],.top-view .btn[data-v-d74299ec]:active{background-color:#ccc\9}.top-view .btn-primary[data-v-d74299ec]{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#006dcc;background-image:linear-gradient(180deg,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#FF0088CC",endColorstr="#FF0044CC")}.top-view .btn-primary.active[data-v-d74299ec],.top-view .btn-primary.disabled[data-v-d74299ec],.top-view .btn-primary[data-v-d74299ec]:active,.top-view .btn-primary[data-v-d74299ec]:focus,.top-view .btn-primary[data-v-d74299ec]:hover,.top-view .btn-primary[disabled][data-v-d74299ec]{color:#fff;background-color:#04c}.top-view .btn-primary.active[data-v-d74299ec],.top-view .btn-primary[data-v-d74299ec]:active{background-color:#003bb3\9}.top-view .btn-disabled[data-v-d74299ec]{opacity:.6;cursor:not-allowed;filter:grayscale(40%)}.top-view .text-label[data-v-d74299ec]{display:inline;padding:2px 4px;font-size:11.844px;font-weight:700;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);white-space:nowrap;vertical-align:baseline;background-color:#999}.top-view .label-success[data-v-d74299ec]{background-color:#468847}.top-view .label-danger[data-v-d74299ec]{background-color:#b94a48}.top-view .info-field[data-v-d74299ec]{border:1px solid #a5ddfc;padding:10px 15px;background-color:#f4fafe;clear:both;font-size:12px;margin-bottom:20px}.top-view #footer[data-v-d74299ec]{border-top:1px solid #e5e5e5;margin-top:45px;padding:35px 0 36px;background-color:#f5f5f5;width:100%;max-width:100vw;box-sizing:border-box}.top-view #footer .container[data-v-d74299ec]{width:100%;max-width:1480px;margin:0 auto;padding:0 20px;box-sizing:border-box}.top-view .copy[data-v-d74299ec]{color:#999;text-align:center;font-size:11px}.top-view .modal-backdrop[data-v-d74299ec]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;opacity:.8}.top-view .modal[data-v-d74299ec]{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.3);border-radius:6px;outline:none;box-shadow:0 3px 7px rgba(0,0,0,.3);background-clip:padding-box}.top-view .modal-header[data-v-d74299ec]{padding:9px 15px;border-bottom:1px solid #eee}.top-view .modal-header h3[data-v-d74299ec]{margin:0;line-height:30px;font-size:16px;font-weight:700}.top-view .modal-body[data-v-d74299ec]{position:relative;max-height:400px;padding:15px;overflow-y:auto;font-size:13px;line-height:1.5}.top-view .modal-body p[data-v-d74299ec]{margin:.5em 0}.top-view .modal-footer[data-v-d74299ec]{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;border-radius:0 0 6px 6px;box-shadow:inset 0 1px 0 #fff}.top-view a[data-v-d74299ec]{color:#08c;text-decoration:none}.top-view a[data-v-d74299ec]:hover{color:#005580;text-decoration:underline}.exam-selection-section[data-v-d74299ec]{margin-bottom:30px;padding:20px;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px}.section-title[data-v-d74299ec]{margin:0 0 15px 0;font-size:16px;font-weight:700;color:#333}.exam-list[data-v-d74299ec]{display:flex;flex-direction:column;gap:10px}.exam-item[data-v-d74299ec]{padding:12px 15px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.exam-item[data-v-d74299ec]:hover{background-color:#f0f8ff;border-color:#08c}.exam-item-active[data-v-d74299ec]{background-color:#e6f3ff;border-color:#08c;border-width:2px}.exam-item-content[data-v-d74299ec]{display:flex;justify-content:space-between;align-items:center}.exam-name[data-v-d74299ec]{font-size:14px;color:#333}.check-icon[data-v-d74299ec]{color:#08c;font-size:16px}