@charset "utf-8";html {width: 100%; }input[type="number"] {-moz-appearance: textfield; }input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {margin: 0;-webkit-appearance: none;appearance: none; }body {width: 100%; }body a:hover > img, body .btn input:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; }html.ios body a:hover > img, html.ios body .btn input:hover {opacity: 1; }body [class^="grid_"] {/*	.innerL {		width: 1200px;	}	.innerM {		width: 1000px;	}	.innerS {		width: 800px;	}	*/ }body [class^="grid_"].clearFix {float: none;margin-left: auto;margin-right: auto; }body [class^="inner"] {max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }body [class^="inner"] [class^="inner"] {padding-left: 0;padding-right: 0; }body .clearFix {display: block; }body .clearFix:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }body .flex {-js-display: flex;display: flex;flex-wrap: wrap; }body .fcRed {color: #ee383c; }body #wrapper {position: relative;min-height: 100vh;overflow: hidden; }@media screen and (max-width: 768px) {body #wrapper #gNavi {position: fixed;z-index: 1000;right: -180px;top: 50px;display: block;width: 180px;height: auto;margin: 0;transition: all 0.5s;overflow-y: auto;background-color: #fff;-webkit-overflow-scrolling: touch; }body #wrapper #gNavi.open {right: 0; } }@media screen and (max-width: 768px) {body #wrapper #gNavi > ul {width: 100%;height: 100%;overflow-y: auto; } }@media screen and (max-width: 768px) {body #wrapper #gNavi > ul > li {display: block;width: 100%;border-top: 1px #01314b solid; }body #wrapper #gNavi > ul > li:last-child {border-bottom: 1px #01314b solid; } }@media screen and (max-width: 768px) {body #wrapper #gNavi > ul > li > a {display: block;padding: 10px 15px; } }body #wrapper #spMenu {display: none; }@media screen and (max-width: 768px) {body #wrapper #spMenu {float: right;display: block;width: 50px;height: 50px;padding-top: 10px;background-color: #01314b;overflow: hidden; }body #wrapper #spMenu:hover {text-decoration: none; }body #wrapper #spMenu:after {content: "MENU";display: block;width: 100%;margin-top: 6px;color: #fff;font-size: 10px;text-align: center;line-height: 1; }body #wrapper #spMenu span {position: relative;display: block;width: 26px;height: 4px;margin: 0 auto; }body #wrapper #spMenu span + span {margin-top: 4px; }body #wrapper #spMenu span:before, body #wrapper #spMenu span:after {content: "";position: absolute;top: 0;display: block;width: 50%;height: 4px;background-color: #fff; }body #wrapper #spMenu span:before {left: 0;border-radius: 2px 0 0 2px; }body #wrapper #spMenu span:after {right: 0;border-radius: 0 2px 2px 0; }body #wrapper #spMenu.open:after {content: "CLOSE"; }body #wrapper #spMenu.open span.top:before {left: 2px;top: 4px;transform: rotate(45deg); }body #wrapper #spMenu.open span.top:after {right: 2px;top: 4px;transform: rotate(-45deg); }body #wrapper #spMenu.open span.middle:before {left: -100%; }body #wrapper #spMenu.open span.middle:after {right: -100%; }body #wrapper #spMenu.open span.bottom:before {left: 2px;top: -4px;transform: rotate(-45deg); }body #wrapper #spMenu.open span.bottom:after {right: 2px;top: -4px;transform: rotate(45deg); } }body #header {width: 1030px;margin-top: 20px;margin-bottom: 40px;margin-left: auto;margin-right: auto; }@media screen and (max-width: 896px) {body #header {margin-top: 10px; } }@media screen and (max-width: 896px) {body #header #logo {width: 70%; } }body main {width: 1030px;margin-top: 20px;margin-left: auto;margin-right: auto; }body main h1 {margin-bottom: 20px;font-size: 24px; }@media screen and (max-width: 896px) {body main h1 {margin-bottom: 15px;font-size: 20px; } }body main input[type="text"], body main input[type="tel"], body main input[type="number"] {padding: 5px 10px;border: #dde4ed 1px solid;border-radius: 5px; }body main button {display: inline-block;padding: 8px 20px;color: #fff;font-size: 16px;font-weight: bold;border-radius: 5px;background-color: #0476c3;border: transparent 1px solid; }body main button#back {background-color: #f4f4f4;border: #e1e1e1 1px solid;color: #707070; }body main #top {padding-top: 60px;text-align: center; }@media screen and (max-width: 896px) {body main #top {padding-top: 0; } }body main #top h1 {font-size: 40px;font-weight: bold; }@media screen and (max-width: 896px) {body main #top h1 {font-size: 22px; } }body main #top h2 {margin-bottom: 30px;font-size: 30px; }@media screen and (max-width: 896px) {body main #top h2 {font-size: 18px; } }body main #top h3 {padding: 5px 15px;font-size: 18px;font-weight: bold;text-align: left;border: #ccd6e1 1px solid;background-color: #f4f7f9; }@media screen and (max-width: 896px) {body main #top h3 {font-size: 15px; } }body main #top ul {-js-display: flex;display: flex;flex-wrap: wrap; }body main #top ul li {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;width: 14.28571%;border: #ccd6e1 1px solid; }@media screen and (max-width: 896px) {body main #top ul li {padding-top: 10px;padding-bottom: 10px; } }body main #top ul li .day {margin-right: 4px;font-size: 24px;font-family: Arial, Helvetica, "sans-serif";letter-spacing: 0; }@media screen and (max-width: 896px) {body main #top ul li .day {font-size: 18px;line-height: 1; } }@media screen and (max-width: 896px) {body main #top ul li .week {margin-top: 5px;font-size: 12px;line-height: 1; } }body main #examBtn {margin-top: 50px; }@media screen and (max-width: 896px) {body main #examBtn {margin-top: 30px; } }body main #examBtn a {display: block;padding: 10px;color: #fff;font-size: 30px;font-weight: bold;text-align: center;border: #0476c3 2px solid;border-radius: 5px;background-color: #0476c3;transition: all 0.5s; }@media screen and (max-width: 896px) {body main #examBtn a {font-size: 18px; } }body main #examBtn a:hover {color: #0476c3;background-color: #fff;text-decoration: none; }body main #study h1 {color: #01314b;font-size: 30px;font-weight: bold;text-align: center; }@media screen and (max-width: 896px) {body main #study h1 {font-size: 24px; } }body main #study #flow {margin-top: 60px; }body main #study #flow li {position: relative;-js-display: flex;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 80px 0;border-top: #01314b 1px solid;counter-increment: flow; }@media screen and (max-width: 896px) {body main #study #flow li {padding: 50px 0; } }body main #study #flow li:before {content: "STEP" counter(flow);position: absolute;display: inline-block;padding: 5px 20px;margin-left: auto;margin-right: auto;top: -15px;left: 50%;color: #fff;background-color: #01314b;font-size: 16px;font-weight: bold;line-height: 1;letter-spacing: 0;transform: translateX(-50%); }body main #study #flow li > div {width: 48%; }@media screen and (max-width: 896px) {body main #study #flow li > div {width: 100%; } }@media screen and (max-width: 896px) {body main #study #flow li .textWrap {margin-top: 20px;order: 2; } }body main #study #flow li .textWrap h2 {margin-bottom: 20px;font-size: 24px;font-weight: bold; }@media screen and (max-width: 896px) {body main #study #flow li .textWrap h2 {font-size: 18px; } }@media screen and (max-width: 896px) {body main #study #flow li .thumbnail {order: 1; } }body main #study #flow li .thumbnail a {display: block;border: #dce4ed 1px solid; }body main #study #flow li .thumbnail a figure {position: relative; }body main #study #flow li .thumbnail a figure figcaption {position: absolute;right: 10px;bottom: 10px;padding: 2px 4px;background-color: #2d333a;color: #fff;line-height: 1;font-size: 12px;font-weight: bold;font-family: Arial, Helvetica, "sans-serif"; }body main #study #flow li .thumbnail a figure:before, body main #study #flow li .thumbnail a figure:after {content: '';position: absolute;margin: auto;top: 0;bottom: 0;transition: all 0.5s; }body main #study #flow li .thumbnail a figure:before {width: 44px;height: 30px;left: 50%;border-radius: 5px;background-color: rgba(45, 51, 58, .6);transform: translateX(-50%); }body main #study #flow li .thumbnail a figure:after {width: 0;height: 0;left: 0;right: 0;border-style: solid;border-color: transparent;border-width: 8px 10px;border-left-color: #fff;transform: translateX(30%); }body main #study #flow li .thumbnail a:hover figure:before {background-color: #0476c3; }body main #study #examBtn a {display: block;padding: 10px;color: #fff;font-size: 24px;font-weight: bold;text-align: center;border: #01314b 2px solid;border-radius: 5px;background-color: #01314b;transition: all 0.5s; }@media screen and (max-width: 896px) {body main #study #examBtn a {font-size: 18px; } }body main #study #examBtn a:hover {color: #01314b;background-color: #fff;text-decoration: none; }body main #study #disclaimer {margin-top: 30px;padding: 30px;border: #dde4ed 1px solid;border-radius: 10px; }@media screen and (max-width: 896px) {body main #study #disclaimer {padding: 15px; } }body main #study #disclaimer h2 {margin-bottom: 10px;font-size: 18px;font-weight: bold; }@media screen and (max-width: 896px) {body main #study #disclaimer h2 {font-size: 16px; } }body main #study #disclaimer a {text-decoration: underline; }body main #study #disclaimer a:hover {text-decoration: none; }@media screen and (max-width: 896px) {body main #study #disclaimer p {font-size: 12px; } }body main #input table {margin-top: 30px;border-top: #ccd6e1 1px solid;border-right: #ccd6e1 1px solid; }@media screen and (max-width: 896px) {body main #input table {margin-top: 20px; } }body main #input table tbody tr th, body main #input table tbody tr td {padding: 15px;border-left: #ccd6e1 1px solid;border-bottom: #ccd6e1 1px solid; }@media screen and (max-width: 896px) {body main #input table tbody tr th, body main #input table tbody tr td {display: block;width: 100%; } }body main #input table tbody tr th {width: 200px;font-weight: bold;background-color: #f4f7f9; }@media screen and (max-width: 896px) {body main #input table tbody tr th {width: 100%; } }body main #input table tbody tr th.req:after {content: '*';padding-left: 5px;color: #ee383c; }body main #input table tbody tr td input[type="text"] {width: 80%; }@media screen and (max-width: 896px) {body main #input table tbody tr td input[type="text"], body main #input table tbody tr td input[type="number"] {width: 100%; } }body main #input table tbody tr td input[type="text"]:disabled {background-color: #fff;border: none;font-weight: bold; }body main #input table tbody tr td input[type="text"] + span {line-height: 37px; }body main #input table tbody tr td input.w2em {width: 50px; }body main #input table tbody tr td input.w3em {width: 56px; }body main #input table tbody tr td input.w4em {width: 160px; }@media screen and (max-width: 896px) {body main #input table tbody tr td input.w4em {width: 30%; } }body main #input table tbody tr td input[name="exam_number"] {margin-left: 10px; }@media screen and (max-width: 896px) {body main #input table tbody tr td input[name="exam_number"] {width: 50%; } }body main #input table tbody tr td input[name="identification_id"], body main #input table tbody tr td input.w12em {width: 280px; }@media screen and (max-width: 896px) {body main #input table tbody tr td input[name="identification_id"], body main #input table tbody tr td input.w12em {width: 100%; } }body main #input table tbody tr td input.error {background-color: #fdd;/*								&[type="text"],								&[type="tel"],								&[type="number"],{									padding: 5px 10px;									border: #dde4ed 1px solid;									border-radius: 5px;								}								*/ }body main #input #start {margin-top: 30px;text-align: center; }body main #input #start button {display: inline-block;padding: 8px 10px;color: #fff;border-radius: 5px;background-color: #0476c3; }body main #input #note {margin-top: 30px;padding: 30px;border: #dde4ed 1px solid;border-radius: 10px; }@media screen and (max-width: 896px) {body main #input #note {margin-top: 20px;padding: 15px; } }body main #input #note b {font-size: 18px; }body main #input #note strong {font-size: 18px; }@media screen and (max-width: 896px) {body main #input #note strong {font-size: 17px; } }body main #input #note ul {margin-top: 15px; }body main #input #note ul li {margin-bottom: 2px; }body main #input #note ul li label {cursor: pointer; }body main #input #note ul li label.error {color: #ee383c; }body main #input #note ul li label input {vertical-align: middle; }body main #confirmation {display: none; }body main #confirmation.show {position: fixed;display: block;width: 100vw;height: 100vh;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, .6); }body main #confirmation.show .wrap {position: fixed;z-index: 55555;left: 50%;top: 50%;display: flex;align-items: center;justify-content: center;width: 80%;max-width: 500px;height: 70%;max-height: 400px;font-size: 18px;text-align: center;transform: translate(-50%, -50%);background-color: #fff;border-radius: 10px; }@media screen and (max-width: 896px) {body main #confirmation.show .wrap {height: 40%;/*					&:before{						content: '';						position: absolute;						display: block;						width: 100%;						height: 100%;						left: 0;						top: 0;						background-color: rgba(0,0,0, .1);					}					*/ } }body main #confirmation.show .wrap .inner ul {margin-top: 20px; }body main #confirmation.show .wrap .inner ul li button {width: 100%; }body main #confirmation #confirmationCloseElem {position: fixed;left: 0;top: 0;display: block;width: 100%;height: 100%; }body main #testing {display: none; }body main #testing.show {position: fixed;z-index: 99999;left: 0;top: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: 20px;text-align: center;line-height: 1.8;background-color: #fff; }body main #exam #remaining {position: fixed;width: 100%;right: 0;top: 0;padding: 12px 10px;border-bottom: 1px black solid;text-align: center;background-color: #f3f8fc;font-weight: bold; }body main #exam #remaining i {font-style: normal !important; }@media screen and (max-width: 896px) {body main #exam #remaining {padding: 8px;font-size: 12px; } }body main #exam > div:nth-of-type(n+2) {margin-top: 50px; }body main #exam > div h1 {font-weight: bold; }body main #exam > div ol > li {padding-top: 30px;padding-bottom: 30px;border-top: #dde4ed 1px solid; }@media screen and (max-width: 896px) {body main #exam > div ol > li {padding-top: 20px;padding-bottom: 20px; } }body main #exam > div ol > li:last-child {border-bottom: #dde4ed 1px solid; }body main #exam > div ol > li p {margin-bottom: 15px;font-size: 20px;font-weight: bold; }@media screen and (max-width: 896px) {body main #exam > div ol > li p {font-size: 18px; } }body main #exam > div ol > li p span {text-transform: uppercase; }body main #exam > div ol > li p .t1 {color: #b00;text-decoration: underline; }body main #exam > div ol > li p .t2 {color: #b00;text-decoration: underline; }body main #exam > div ol > li > ul li {margin-top: 4px;font-size: 17px; }@media screen and (max-width: 896px) {body main #exam > div ol > li > ul li {font-size: 15px; } }body main #exam > div ol > li > ul li label {cursor: pointer; }body main #exam > div ol > li > ul li label input {vertical-align: middle; }body main #exam .btn {margin-top: 40px;text-align: center; }body main #result .wrap {padding: 30px;border: #dde4ed 1px solid;border-radius: 10px; }@media screen and (max-width: 896px) {body main #result .wrap {padding: 15px; } }body main #result .wrap h2 {margin-bottom: 10px;font-size: 20px; }body main #result .wrap table {width: calc(100% - 40px);margin-right: 20px;margin-left: 20px; }@media screen and (max-width: 896px) {body main #result .wrap table {width: calc(100% - 30px);margin-left: 15px;margin-right: 15px; } }body main #result .wrap table tbody tr th, body main #result .wrap table tbody tr td {padding-bottom: 8px; }body main #result .wrap table tbody tr th {width: 180px; }body main #result .wrap table tbody tr td[colspan="2"] #detail {margin-top: 20px; }body main #result .wrap table tbody tr td[colspan="2"] #detail .r0, body main #result .wrap table tbody tr td[colspan="2"] #detail .r1 {margin-bottom: 8px;font-size: 36px;font-weight: bold; }@media screen and (max-width: 896px) {body main #result .wrap table tbody tr td[colspan="2"] #detail .r0, body main #result .wrap table tbody tr td[colspan="2"] #detail .r1 {font-size: 30px; } }body main #result .wrap table tbody tr td[colspan="2"] #detail .r0 {color: #0089fa; }body main #result .wrap table tbody tr td[colspan="2"] #detail .r1 {color: #ee383c; }body main #result .wrap table tbody tr td[colspan="2"] #detail ul {margin-bottom: 20px;border-top: #ccd6e1 1px solid;border-right: #ccd6e1 1px solid; }body main #result .wrap table tbody tr td[colspan="2"] #detail ul li {padding: 8px 15px;border-left: #ccd6e1 1px solid;border-bottom: #ccd6e1 1px solid; }body main #result .wrap table tbody tr td[colspan="2"] #detail ul li.answer {font-weight: bold;background-color: #f4f7f9; }body main #result .wrap .Unanswerable {margin: 0 20px 0;color: #ee383c;font-size: 18px;font-weight: bold; }@media screen and (max-width: 896px) {body main #result .wrap .Unanswerable {font-size: 17px; } }body main #result .wrap .note, body main #result .wrap .contact {border-top: #dde4ed 1px solid; }body main #result .wrap .note {margin-top: 40px;padding-top: 40px;padding-bottom: 40px; }@media screen and (max-width: 896px) {body main #result .wrap .note {margin-top: 20px;padding-top: 30px;padding-bottom: 30px; } }body main #result .wrap .note p {margin-bottom: 20px; }body main #result .wrap .note p strong {display: block;margin-bottom: 5px;font-size: 30px; }@media screen and (max-width: 896px) {body main #result .wrap .note p strong {font-size: 22px; } }body main #result .wrap .note em {display: block;margin-top: 20px;color: #ee383c;font-size: 18px;font-weight: bold; }@media screen and (max-width: 896px) {body main #result .wrap .note em {font-size: 17px; } }body main #result .wrap .contact {padding-top: 40px; }@media screen and (max-width: 896px) {body main #result .wrap .contact {padding-top: 30px;padding-bottom: 10px;font-size: 13px; } }body main #result .wrap .contact p b {font-size: 30px;font-family: Arial, Helvetica, "sans-serif"; }body #footer {margin-top: 60px;padding-bottom: 20px;text-align: center; }body #footer #copyright {font-size: 10px;color: #707070; }