@charset "utf-8";
/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* (C)advista */
/* test ExamApp commit*/
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li                {list-style:none;}
input,textarea    {font-size: 1em;}
img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
.img_org{border: 0px none;margin: 0;padding: 10px;vertical-align: bottom; 
     max-height: 300px;
     min-height: 50%;
     height: calc((300px - 100%) * 300);}
.img_modal{border: 0px none;margin: 0;padding: 10px;vertical-align: bottom; max-width: 100%;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */

html              { scroll-behavior: smooth;}

body              {font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
                   margin:0 auto;
                   font-size: 80%;line-height: 150%;color: #333333;font-feature-settings: "palt";
                   background:/*#7ba9df*/#D1EAF7;}
.font-jp           {font-family: -apple-system, BlinkMacSystemFont,Roboto,"Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.font-en           {font-family: -apple-system, BlinkMacSystemFont,"Times New Roman",Roboto,"Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.font-zh           {font-family: -apple-system, BlinkMacSystemFont,"Microsoft YaHei",Roboto,"Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.font-vi           {font-family: -apple-system, BlinkMacSystemFont,"Times New Roman",Roboto,"Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.font-pt           {font-family: -apple-system, BlinkMacSystemFont,"Times New Roman",Roboto,"Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.font-id           {font-family: -apple-system, BlinkMacSystemFont,"Times New Roman",Roboto,"Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}

em                {font-weight: normal;font-style: normal;}
strong            {}
a                 {text-decoration: none;color: #000;}
a:link            {}
a:hover           {text-decoration: none;}
a:visited         {}
a:active          {}
input,textarea    {margin: 3px;padding: 2px;}

.flex             {display: flex;}
.grid             {display: grid;}
.left_box         {float: left;}
.right_box        {float: right;}
.left             {float: left;}
.right            {float: right;}
.text             {font-size: 16px; line-height:1.7rem;}
.center           {text-align: center;}


.ma5              { margin-bottom:5px;}
.ma10             { margin-bottom:10px;}
.ma20             { margin-bottom:20px;}
.ma30             { margin-bottom:30px;}
.ma50             { margin-bottom:50px;}
.ma60             { margin-bottom:60px;}

/* header ----------------------------------------------------------------------------------------------------------------- */
.nonlogin         { margin:0 auto 0; padding:15px 0 0; box-shadow:0 9px 11px 0 #18315d; position:fixed; width:100%;}
.nonlogin .head_box { padding:0 0 20px;}
header            { background:#eef2f4; z-index:1;/* position:relative;*/}
.head_box         {
     width:100%;
     max-width:940px;
     margin:0 auto;
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;}

.head_box h1  { font-size:28px; margin: 0px 0px 0px -190px;}
.head_box h1 .std_h1     { font-size:28px;}
.head_box img     { width:30%;}
.head_box ul      { justify-content:space-between; align-items:center;}
#exam .head_box img  { width:20%;}
#exam .head_box   { max-width:1200px; padding:0 20px 20px;}
#head_nav         { background:#1c3d79;}
.nonlogin #head_nav ul li { width:33%;}
#head_nav ul      { width:100%; max-width:720px; margin:0 auto;  justify-content:center;}
#head_nav li      {
     padding:10px 0;
     display:block;
     text-align:center;
     font-size:14px;
     color:#fff;
     position:relative;}
/* Ins:St 2023/03/07 yamaoka */
#head_nav li a{
     text-align:center;
     font-size:14px;
     cursor: pointer;
     color:#fff;}
/* Ins:End 2023/03/07 yamaoka */
#head_nav ul li:first-child::before{
     content:"";
     width:5px;
     height:100%;
     display:flex;
     position:absolute;
     top:0;
     left:-5px;
     background:#2cdda7;}
#head_nav ul li:after {
    content: "";
    width: 5px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -5px;
    background: #fff;}
#head_nav ul li:first-child::after{ background:#ffcf60;}
#head_nav ul li:nth-child(2)::after{ background:#00d3ff;}
#head_nav ul li:nth-child(3)::after{ background:#f5bbed;}

.select_wrap_jp select{
     color:#fff;
     background:#1c3d79;
     width:140px;
     padding:10px 10px 10px 20px;
     border-radius:6px;
     border:none;
     position:relative;
     appearance: none;
     cursor:pointer;}
.select_wrap_jp { position:relative;}
.select_wrap_jp::before {
     content: "";
     width: 6px;
     height: 6px;
     border: 0;
     border-bottom: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     right: 20%;
     top: 38%;
     transform: rotate(45deg);
     pointer-events: none;
     z-index:1;}
.select_wrap_jp::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     background:#3e5a8d;
     position: absolute;
     right: 15%;
     top: 20%;
     pointer-events: none;}

.select_wrap_en select{
     color:#fff;
     background:#1c3d79;
     width:175px;
     padding:10px 10px 10px 20px;
     border-radius:6px;
     border:none;
     position:relative;
     appearance: none;
     cursor:pointer;}
.select_wrap_en { position:relative;}
.select_wrap_en::before {
  content: "";
     width: 6px;
     height: 6px;
     border: 0;
     border-bottom: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     right: 19%;
     top: 38%;
     transform: rotate(45deg);
     pointer-events: none;
     z-index:1;}
.select_wrap_en::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     background:#3e5a8d;
     position: absolute;
     right: 15%;
     top: 20%;
     pointer-events: none;}

.log button{
     color:#fff;
     background:#1c3d79;
     width:140px;
     padding:10px;
     border-radius:6px;
     border:none;
     position:relative;
     appearance: none;
     cursor:pointer;}


/* footer ----------------------------------------------------------------------------------------------------------------- */
footer            { padding:43px 0 0; background:#000; color:#fff;}
.foot_box ul      { margin:0 0 34px; justify-content:center;}
.foot_box li a    { color:#fff; font-size:18px; padding:0 10px; border-right:1px solid #fff;}
.foot_box li:first-child { border-left:1px solid #fff;}
small             { padding:0 0 70px; font-size:14px; display:block; text-align:center;}


/* index ----------------------------------------------------------------------------------------------------------------- */
.index_head       { background:#D1EAF7; text-align:center;}
.index_head img   { width:450px;}
#index_wrap       { background:#D1EAF7; padding:50px 0 30px; height:780px;}
.link_box         { margin:20px 0; padding:20px; line-height:30px;}
.link_box a       { color:#000; text-decoration:underline; margin-left:5px;}
.link_box a:hover {text-decoration: none;}


/* コンテンツ ----------------------------------------------------------------------------------------------------------------- */
#wrap             { background:#D1EAF7/*#7ba9df*/ /* #F3FDFE,#E2F1F7,#D1EAF7 */; padding:160px 0 50px; height:100%;}
#contbox          { max-width:720px; margin:0 auto; font-size:16px; line-height:1.6rem;}
#exam_box         { max-width:1200px; margin:0 auto; font-size:16px; line-height:1.6rem; padding:0 20px;}

.answer_box       { border-radius:6px; padding:10px 20px; margin:10px 0;}
.answer_box span  { font-size:18px; margin-right:20px; margin-left:-35px;}
.answer_box input[type="radio"] { margin-right:20px;}
.answer_box input[type="radio"],.unanswered input[type="radio"]   { display:none;}
.answer_box input[type="radio"]+label,.unanswered input[type="radio"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 80px;}
.answer_box input[type="radio"]+label::before{
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    background: #d2d2d2;}
.answer_box input[type="radio"]:checked+label::before{
    background: #80c269;}
.answer_box input[type="radio"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 17px;
    height: 8px;
    margin-top: -7px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #fff;}

.unanswered input[type="radio"]+label::before{
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    background: #d2d2d2;}
.unanswered       { background:#3e5a8d; color:#fff; padding:10px 20px;}


/* ログイン画面 --------------------------------------------------------------- */
#log #wrap  { height:auto; padding-bottom:180px; overflow:hidden;}
.log_box    { background:#fff; border-radius:15px; padding:70px 0;}
.log_box h3 { font-size:22px;}
.log_box dl { justify-content:center; align-items:center; margin-bottom:20px;}
.log_box dt { font-weight:bold; text-align:end; font-size:22px; width:110px;}
.log_box dd input[type="text"] {
     width:280px;
     margin-left:10px;
     background:#eef2f4;
     border:solid #acadae 1px;
     border-radius:4px;
     padding:4px;}
.log_btn button {
     display:block;
     margin:auto;
     margin-top:40px;
     margin-bottom:25px;
     width:250px;
     padding:5px 0 5px 20px;
     border-radius:6px;
     background:#ffcd01;
     border:solid 2px #aaaaaa;
     font-size:22px;
     letter-spacing:5px;
     color:#1c3d79;
     font-weight:bold;
     position:relative;
     appearance: none;
     cursor:pointer;}
.log_btn button::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     left:50px;
     margin-top:6px;
     background:#3e5a8d;
     position: absolute;}
.log_btn button::before {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     left:55px;
     margin-right:5px;
     top:37%;
     margin-top: 1px;
     transform: rotate(45deg);
     z-index:1;}
.log_box p    { font-size:22px; font-weight:bold;}
.log_box p a  { color:#1c3d79; text-decoration:underline;}


/* 待機画面 --------------------------------------------------------------- */
.top_box           { background:#fff; border-radius:15px; padding:40px 0; font-size:22px;}
.top_box p         { margin:30px auto; letter-spacing:0.1rem;}
.top_box button    {
     display:block;
     width:400px;
     background:#ffcd01;
     font-size:18px;
     font-weight:bold;
     border:solid 2px #3e5a8d;
     border-radius:10px;
     padding:7px;
     letter-spacing:3px;
     cursor:pointer;
     margin:0 auto;}
.top_box button a    { color: #3e5a8d;}

.standby             { padding:0 150px; position:relative; margin:20px 0;}
.standby dt:before {
     content:"";
     display:inline-block;
     background:#5982cd;
     border-radius:50%;
     width:15px;
     height:15px;
     margin-right:10px;
     position:relative;
     top:1px;}
.standby dt        { margin-bottom:10px; font-weight:bold;}
.standby dd        { margin-left:25px;}
.standby select{
     width:300px;
     padding:7px 25px;
     border:solid #5982CD 2px;
     position:relative;
     appearance: none;
     cursor:pointer;
     font-size:16px;}
.standby_select::after {
     content: "";
     position: absolute;
     top: 64%;
     right:40%;
     border: 11px solid transparent;
     border-top: 15px solid #5982CD;
     pointer-events: none;}


     /* 試験再選択 */
     .registt_box                        {margin: 0 0 25px;font-size: 18px;}
     .registt_box dl                     {position: relative;}
     .registt_box dl:after{width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;}
     .registt_box dt                     {width: 100%;max-width: 185px;padding: 10px;float: left;clear: both;background: #6c87b7;}
     .registt_box dd                     {margin: 0 0 2px;padding: 10px 10px 10px 197px;background: #6c87b7;}
     .registt_box dd:after               {width: 2px;height: 100%;content:"";display: block;background: #3e5a8d;
     position: absolute;top:0;left: 183px;}
     .registt_box dd li                  {margin: 0 0 10px;}
     .registt_box dd li:last-child       {margin: 0;}
     .registt_box dd em                  {font-size: 14px;}
     .table                           {display: flex;}
     .table dt                        {width: 100%; max-width: 114px;margin: 0 2px 2px 0;display: flex;align-items: center;}
     .table dt.sp                     {display: none;}
     .table dd                        {float: left;padding: 10px;margin: 0 2px 2px 0;display: flex;align-items: center;line-height: 140%;}
     .table.center dt                 {justify-content: center;}
     .table.center dd                 {justify-content: center;}
     .table dd:after                  {display: none;}
     .table dd:nth-of-type(1)         {width: 100%; max-width: 350px;}
     .table dd:nth-of-type(2)         {width: 100%; max-width: 300px;justify-content: center;}
     .table dd:nth-of-type(3)         {width: 100%; max-width: 120px;justify-content: center;}
     .table dd:nth-of-type(4)         {width: 100%; max-width: 278px;margin: 0 0 2px;}
     .table .btn_link                 {margin: 0;width: 100%;min-width: inherit;font-size: 1.6rem;padding: 10px 10px 10px 0;}
     .table .btn_link span            {padding: 0 0 0 30px;background-size: 20px;}
     
     #re_select table                                {font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
                                                      font-size: 22px;line-height: 1.8rem;font-weight: normal;color:#000;letter-spacing: 0em; border-spacing: 0;border-collapse: separate;margin-bottom: 20px;
                                                      width: 100%;}
     
     #re_select table th,#re_select table td         {border-top: 4px solid #3E5A8D;border-left: 2px solid #3E5A8D;}
     #re_select table th                             {font-weight:   normal;color: #fff;text-align: center;padding: 10px 18px; background: #5982CD;border-left: 2px solid #3E5A8D;border-bottom: 2px solid #3E5A8D;}
     #re_select table th:first-child                 {border-left:  4px solid #3E5A8D;}
     #re_select table th:last-child                  {border-right: 4px solid #3E5A8D;}
     
     #re_select table td                             {font-weight: normal;color: #000;text-align:   left;padding: 10px 18px;vertical-align: middle; background: #F8F8F8;border-left: 2px solid #3E5A8D;border-bottom: 2px solid #3E5A8D;border-top: none;}
     #re_select table tr:nth-child(even) td          {background: #fff;}
     #re_select table tr:last-child td               {border-bottom: 4px solid #3E5A8D;}
     
     #re_select table tr.stdtr th:first-child        {border-top-left-radius:  10px;}
     #re_select table tr.stdtr th:last-child         {border-top-right-radius: 10px;}
     #re_select table tr.endtr td:first-child        {border-bottom-left-radius:  10px;border-left : 4px solid #3E5A8D;border-bottom: 4px solid #3E5A8D;}
     #re_select table tr.endtr td:last-child         {border-bottom-right-radius: 10px;border-right: 4px solid #3E5A8D;border-bottom: 4px solid #3E5A8D;}
     #re_select table .endtr td[rowspan]             {border-bottom: 2px solid #3E5A8D;}
     
     #re_select table tr.endtr th                    {border-top: none;}
     #re_select table tr.endtr th:first-child        {border-bottom-left-radius :  10px;}
     #re_select table tr.endtr th:last-child         {border-bottom-right-radius:  10px;}
     
     
     #re_select table tr.tline td:first-child        {border-left  : 4px solid #3E5A8D;}
     #re_select table tr.tline td:last-child         {border-right : 4px solid #3E5A8D;}
     #re_select table tr.tliner td:last-child        {border-right : 2px solid #3E5A8D;}
     
     #re_select table th.tline01                     {border-left  : 1px solid #3E5A8D;border-right : none;border-top   : none;}
     
     #re_select .th-side tr th.righttd               {border-right  : none;}
     #re_select .th-side tr td.righttd               {border-right  : none;}
     #re_select table tr.endtr td.righttd:last-child {border-bottom: 1px solid #3E5A8D;border-bottom-right-radius: 0px;}
     #re_select .th-side tr td.endtd                 {border-bottom-right-radius: 10px;}
     
     #re_select table th                             {display:table-cell;text-align:  left;height: 32px;}
     #re_select table td                             {display:table-cell;text-align:    left;height: 32px;}
     #re_select table td.hd                          {font-weight:  bold;text-align:  center;}
     #re_select table p                              {font-size: 12px;line-height: 16px;margin: 0;}
     #re_select table em                             {margin: 0 5px 0 5px;}
     #re_select table .nowrap                        {white-space: nowrap;}
     #re_select table .normal                        {white-space: normal;}
     #re_select table .left                          {text-align:    left;display:table-cell;}
     #re_select table .right                         {text-align:   right;display:table-cell;}
     #re_select table .center                        {text-align:  center;/*display: block;width:100%;*/}
     #re_select table .deltd                         {width: 50px;}
     #re_select table .numtd                         {width:120px;}
     #re_select table .wauto                         {width: auto;}
     #re_select table .white th                      {background:#ffffff;}
     #re_select table .white td                      {background:#ffffff;}
     #re_select table tr.white:nth-child(even) th    {background:#ffffff;}
     #re_select table tr.white:nth-child(even) td    {background:#ffffff;}
     #re_select table .brown th                      {background:#f7f4eb;}
     #re_select table .brown td                      {background:#f7f4eb;}
     #re_select table tr.brown:nth-child(even) th    {background:#f7f4eb;}
     #re_select table tr.brown:nth-child(even) td    {background:#f7f4eb;}


/* 問題一覧 --------------------------------------------------------------- */
.answer_box   { border-radius:0px; margin:0; padding-left:53px;}
.select_box li{
     background:#f8f8f8;
     color:#000;
     padding:13px 18px;
     font-size:18px;
     font-weight:bold;
     margin-top:2px;
     letter-spacing:3px;
     font-size:22px;
     position:relative;}
.select_box li:first-child { margin-top:0;}
.select_box {
     background:#3e5a8d;
     border-radius:0 0 15px 15px;
     padding:8px 5px 0;
     visibility:hidden;
     opacity: 0;
     transition: .5s;
     margin-bottom:50px;}
.select_box .arrow01 { padding-left:58px;}
.arrow01      { position:relative; padding-left:45px; border-radius:0 0 10px 10px;}
.arrow01::before {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     background:#3e5a8d;
     position: absolute;
     left:20px;
     margin-top:3px;}
.arrow01::after {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     margin-right:5px;
     margin-top: 1px;
     transform: rotate(45deg);
     left:25px;
     top:21px;}
.arrow02 {
     border-radius:50%;
     background:#3e5a8d;
     width:20px;
     height:20px;
     margin:auto;
     margin-top:2px;
     position:relative;}
.nonbutton{
     border-style: none;
     background: none;
     cursor:pointer;
}     
.arrow02::after {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     transform: rotate(45deg);
     z-index:1;
     left:5px;
     top:6px;}

.answer_box input[type="radio"]+label,.unanswered input[type="radio"]+label{
    padding-left: 40px;}
#qa_select02 .answer_box input[type="radio"]+label::before{
    margin-top: -18px;
    left: 6px;}
#qa_select02 .answer_box input[type="radio"]:checked+label::after{
    margin-top: -14px;
    left: 8px;}

.box                                                {border-radius:10px; padding:7px; color:#fff;}
.right                                              {text-align:right;}
.right_check                                        {display:none;}
.test_list                                          {background:#3e5a8d; border-radius:0 0 15px 15px; padding: 0px 5px 5px 5px; color:#fff;}
.test_list li                                       {background:#f8f8f8; color:#000; padding:10px 18px; display:inline-block; font-size:20px; font-weight:bold; letter-spacing:3px; margin-top:2px; vertical-align:bottom; position:relative;}
.right_label                                        {display:block; background:#3b6cba/*#5982cd*/; color:#fff; width:100%; text-align:left; padding:13px; font-size:22px; font-weight:bold; overflow:visible; position:relative; border-radius:15px; letter-spacing:3px; border:#3e5a8d solid 4px; margin-bottom:-10px;}
.right_label::after                                 {content:""; width: 0; height: 0; top:35%; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 17px solid #fff; position:absolute; display:block; right:20px;}
.right_check:checked + .right_label + .test_list    {display:block;}
.right_check:checked + .right_label                 {border-bottom-left-radius:0px; border-bottom-right-radius:0px; font-size:22px;}
.right_check:checked + .right_label + .select_box   {display:block; margin-bottom:50px; opacity:1; visibility:visible;}
.test_list .q_list                                  {background:#5982cd/*#3b6cba*/; color: #fff; width:100%; padding:10px 18px; font-size:22px;}
.test_list .q_list.exemption                        {background:#f8f8f8; color: #000; width:100%; padding:10px 18px;}
.test_list .q_list:first-child                      { margin-top:8px;}
.test_list .side                                    { height:45px;}
.test_list .middle                                  { height:45px;margin-left: 5px; margin-right: 0px; padding-left:20px; font-size:22px;}

.first         { border-radius:0 0 0 10px;}
.last          { border-radius:0 0 10px 0;}

#qa_select01 .select_box { height:0;}
#qa_select01 .right_check:checked + .right_label + .select_box { height:170px;}
#qa_select02 .test_list { visibility:hidden; opacity: 0; transition: .5s; height:0; }
#qa_select02 .right_check:checked + .right_label + .test_list{
     opacity:1;
     visibility:visible;
     height:auto;}
/* #qa_select02 .test_list .side    { width: calc(100% - 693px);} */
#qa_select02 .test_list .side    { width: 64px;}
#qa_select02 .test_list .middle  { width: calc(98% - 128px);}

#qa_select02 .test_list .look {
     position: relative;
     right: -15%;
     top: -130%;
     width: 125px;
     background: #ffcd01;
     color: #3e5a8d;
     font-size: 16px;
     font-weight: bold;
     border: solid 2px #3e5a8d;
     border-radius: 10px;
     padding: 5px;
     text-align: center;
     cursor:pointer;}

#qa_select02 .test_list .look_en {
     position: relative;
     right: -27%;
     top: -130%;
     width: 80px;
     background: #ffcd01;
     color: #3e5a8d;
     font-size: 16px;
     font-weight: bold;
     border: solid 2px #3e5a8d;
     border-radius: 10px;
     padding: 5px;
     text-align: center;
     cursor:pointer;}


/* 問題 --------------------------------------------------------------- */
.question_box     { background:#fff; border-radius:10px; padding:20px; border: solid 2px #BAD3FF;}
.question_box h3  { background:#5982cd; color:#fff; max-width:150px; padding:5px; margin-bottom:10px; font-size:22px;}
.question_box p   { font-size:22px; line-height:1.8rem;}
.img_box          { display:flex; justify-content:center;}
.img_box img      { margin:35px 0;}

#answer .answer_box       { background:#fff; border-radius:6px; padding:10px 20px; margin:10px 0; border: solid 2px #BAD3FF;}
#answer .answer_box span  { font-size:18px; margin-right:20px; margin-left:-35px;}
#answer input[type="radio"] { margin-right:20px;}
#answer input[type="radio"] { display:none;}
#answer input[type="radio"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 110px;
    width:100%;
    font-size:22px;
    line-height:1.8rem;
    overflow-wrap: break-word;}
#answer input[type="radio"]+label::before{
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    background: #d2d2d2;
    margin-left:30px;}
#answer input[type="radio"]:checked+label::before{
     border: solid 3px ;
     border-radius: 50%;
     border-color: #d2d2d2;
     background:  rgb(70, 70, 70)}
/* #answer input[type="radio"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 17px;
    height: 8px;
    margin-top: -7px;
    top: 51%;
    left: 32px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #fff;} */
#answer input[type="radio"]:checked+label{ border:#ff0000 solid 3px; border-radius:6px;}

.review           { color:#000; display:flex; justify-content:flex-end; align-items:center;}
.review_box       { background:#ccffd6; border-radius:5px; padding:5px 10px; border: solid 2px #DDDDDD;}
.review img       { margin-left:3px;padding-top: 2px; height: 23px; vertical-align:baseline;}
.review input[type="checkbox"]   { display:none;}
.review input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding:0 5px 0 30px;
    font-size:22px;}
.review input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 2px solid #000;}
.review input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 11px;
    margin-top: -11px;
    top: 50%;
    left: 5px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #000;}

.question_btn ul  { justify-content:center; align-items:center; margin: 1% 0 3% 0;}
.question_btn li  {
     background:#ffcd01;
     border:solid 2px #aaaaaa;
     margin:0 20px;
     text-align:center;
     border-radius:6px;}
.question_btn li a { color:#1e3d76; font-weight:bold; font-size:22px;}

.question_btn li button {
     border-style: none;
     background: none;
     cursor:pointer;
     color:#1e3d76; 
     font-weight:bold; 
     font-size:22px;
}
#en li button {
     border-style: none;
     background: none;
     cursor:pointer;
     color:#1e3d76; 
     font-weight:bold; 
     font-size:22px;
     min-width: 200px;
}
#jp .flex li       { width:220px; font-size:22px; height: 65px;}
#jp .prev          { padding:15px 15px 15px 50px; position:relative; cursor: pointer;}
#jp .prev button::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     right:74%;
     margin-top:4px;
     background:#3e5a8d;
     position: absolute;}
#jp .prev button::before {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-left: solid 2px #fff;
     position: absolute;
/*     margin-right:5px;*/
     top:25px;
     left:43px;
     margin-top: 1px;
     transform: rotate(-45deg);
     z-index:1;}
#jp .next          { padding:15px 50px 15px 15px; position:relative; cursor: pointer;}
#jp .next button::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     right:17%;
     margin-top:4px;
     background:#3e5a8d;
     position: absolute;}
#jp .next button::before {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     right:40px;
     margin-right:5px;
     top:25px;
     margin-top: 1px;
     transform: rotate(45deg);
     z-index:1;}

#en .flex li            { width:370px; height: 65px;}
#en .prev               { padding:15px 30px 15px 50px; position:relative; cursor: pointer;}
#en .prev button::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     left:11%;
     margin-top:5px;
     background:#3e5a8d;
     position: absolute;}
#en .prev button::before {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-left: solid 2px #fff;
     position: absolute;
     top:42%;
     left:13%;
     margin-top: 1px;
     transform: rotate(-45deg);
     z-index:1;}
#en .next          { padding:15px 50px 15px 30px; position:relative; cursor: pointer;}
#en .next button::after {
     content:"";
     border-radius:50%;
     width:20px;
     height:20px;
     right:17%;
     margin-top:4px;
     background:#3e5a8d;
     position: absolute;}
#en .next button::before {
     content: '';
     width:7px;
     height:7px;
     border: 0;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     position: absolute;
     right:19%;
     top:43%;
     margin-top: 1px;
     transform: rotate(45deg);
     z-index:1;}
     
/* Ins:st 2023.03.27 */
#modal_std01               {
     margin: auto;
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
     background:url(../img/modal_back.png);
     display: none;
     z-index: 999;}
#modal_std01 .modal_box    {
     width:100%;
     height:100%;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     align-content:center;
     justify-content:center;
     margin: 5px;}
#modal_std01 .start_box    { background:#fff; border-radius:15px; padding:5px; width:auto; height:auto; margin:0 auto;}
#modal_std01 .modal_box h4 { color:#fff; background:#ee4133; border-radius:10px 10px 0 0; padding:10px 0; font-size:18px; letter-spacing:3px;}
#modal_std01 ul            { font-size:18px; font-weight:bold; margin-top:40px; line-height:40px; letter-spacing:3px;}
#modal_std01 p             { font-size:18px; font-weight:bold; margin-top:20px; line-height:30px; letter-spacing:3px;}

#modal_std01 .btn-send     { margin:1% 0;}
#modal_std01 .btn-send .close {
     color:#fff;
     background:#5982cd;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     /* display:block; */
     /* position:relative; */
     appearance: none;
     cursor:pointer;}
/* Ins:End 2023.03.27 */

/* 試験選択 --------------------------------------------------------------- */
#exam_select .search_field { display:flex; justify-content:space-between; width:100%;}
.search     { background:#fff; border-radius:15px; margin-bottom:30px; border: solid 2px #DDDDDD; display:flex;}
.sen        { border-right:solid 1px #DDDDDD;}
.search dl  { display:flex; align-items:center; padding:5px 15px;}
.search dt  { font-weight:bold; height:30px; /*width:140px;*/}
.search dt:before{
     content:"";
     display:inline-block;
     background:#5982cd;
     border-radius:50%;
     width:15px;
     height:15px;
     margin-right:5px;
     position:relative;
     top:1px;}
.search input     { margin:0;}
.search button {
     display:block;
     color:#fff;
     background:#5982cd;
     width:100px;
     padding:8px;
     border-radius:10px;
     border:none;
     position:relative;
     appearance: none;
     cursor:pointer;
     font-size:16px;
     letter-spacing:5px;}
.search input[type="date"]{
     background:#eef2f4;
     width:125px;
     height:35px;
     padding:8px 8px 8px 17px;
     border-radius:6px;
     border:solid #acadae 1px;
     cursor:pointer;}
.search input[type="date"]::-webkit-calendar-picker-indicator { display: none;}
.search_list select{
     background:#eef2f4;
     width:165px;
     padding:8px;
     border-radius:6px;
     border:solid #acadae 1px;
     font-size:16px;
     position:relative;
     appearance: none;
     cursor:pointer;}
.search_list { position:relative;}
.search_list::after {
     content: "";
     position: absolute;
     top: 65%;
     right:7%;
     border: 9px solid transparent;
     border-top: 13px solid #8b8b8b;
     pointer-events: none;}
.search_flex     { display:block;}
.search_check    { display:flex; align-items:center;}
.search_check dt { width:140px; /*margin:0 0 10px 20px;*/}
.search_check input[type="checkbox"]{
     display:none;
     position:relative;}
.search_check input[type="checkbox"]::after{
     position:absolute;
     content: ""; 
     display: block; 
     top: 50%; 
     left: 15px; 
     margin: -10px 0 0 -2px;
     width: 35px;
     height: 35px; 
     background:#eef2f4;
     border-radius:6px;
     cursor:pointer;}
.search_check input[type="checkbox"]+label::before{
    content: "";
    position:relative;
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    margin:6px 0;
    border-radius:6px;
    background:#eef2f4;
    border: 1px solid #acadae;
    cursor:pointer;}
.search_check input[type="checkbox"]:checked+label::after{
    content: "";
    position:relative;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 11px;
    margin: -31px 0 20px 0;
    left:8px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #1e3d76;
     cursor:pointer;}

.exam_date{
     display: flex;
}
.exam_date_year select{
          background:#eef2f4;
          margin-right: 3px;
          width:95px;
          padding:8px;
          border-radius:6px;
          border:solid #acadae 1px;
          font-size:16px;
          position:relative;
          appearance: none;
          cursor:pointer;}
.exam_date_year   { position:relative;}
.exam_date_year::after {
          content: "";
          position: absolute;
          top: 33%;
          right:11%;
          border: 9px solid transparent;
          border-top: 13px solid #8b8b8b;
          pointer-events: none;
          z-index:1;}
.exam_date_month select{
          background:#eef2f4;
          margin-right: 3px;
          width:75px;
          padding:8px;
          border-radius:6px;
          border:solid #acadae 1px;
          font-size:16px;
          position:relative;
          appearance: none;
          cursor:pointer;}
.exam_date_month   { position:relative;}
.exam_date_month::after {
          content: "";
          position: absolute;
          top: 33%;
          right:11%;
          border: 9px solid transparent;
          border-top: 13px solid #8b8b8b;
          pointer-events: none;
          z-index:1;}
.exam_date_day select{
          background:#eef2f4;
          width:75px;
          padding:8px;
          border-radius:6px;
          border:solid #acadae 1px;
          font-size:16px;
          position:relative;
          appearance: none;
          cursor:pointer;}
.exam_date_day   { position:relative;}
.exam_date_day::after {
          content: "";
          position: absolute;
          top: 33%;
          right:11%;
          border: 9px solid transparent;
          border-top: 13px solid #8b8b8b;
          pointer-events: none;
          z-index:1;}
.exam_select_btn{
     display: flex;
     flex-flow: column;
}
.exam_number select{
     background:#eef2f4;
     width:100px;
     padding:8px;
     border-radius:6px;
     border:solid #acadae 1px;
     font-size:16px;
     position:relative;
     appearance: none;
     cursor:pointer;}
.exam_number   { position:relative;}
.exam_number::after {
     content: "";
     position: absolute;
     top: 66%;
     right:11%;
     border: 9px solid transparent;
     border-top: 13px solid #8b8b8b;
     pointer-events: none;
     z-index:1;}

#exam_box                      { max-width:1200px;}
#exam_box .flex                { justify-content:space-between;}
#exam_box .last td:first-child { border-radius:0 0 0 10px;}
#exam_box .last td:last-child  { border-radius:0 0 10px 0;}

.exam_select01 h4 ,.exam_select02 h4 { font-size:18px; margin-bottom:8px;}
.exam_select01 h4:before,.exam_select02 h4:before{
     content:"";
     display:inline-block;
     background:#000;
     border-radius:50%;
     width:15px;
     height:15px;
     margin-right:5px;
     position:relative;
     top:1px;}

#exam_select .answer_box input[type="radio"]+label::before{
    margin-top: -45%;
    left: 23%;}
#exam_select .answer_box input[type="radio"]:checked+label::after{
    margin-top: -35%;
    left: 25%;}

#exam_box .exam_select01       { height:auto; overflow: hidden auto;}
#exam_box .exam_select01::-webkit-scrollbar       { display: none;}
#exam_box .exam_select01 table { background:#3E5A8D; border-radius:15px; padding:3px; width:calc(1200px - 790px); font-size:22px; width:100%;}
#exam_box .exam_select01 th    { width:100%; background:#5982CD; color:#fff; text-align:left; padding:13px 18px; border-radius:10px 10px 0 0;}
#exam_box .exam_select01 td    { background:#fff; padding:10px 18px;}
#exam_box .exam_select01 .name { width:calc(1200px - 450px);}
#exam_box .exam_select01 .answer_box { padding:10px;}

#exam_box .exam_select02       { width:100%; height:auto; overflow: hidden auto;}
#exam_box .exam_select02::-webkit-scrollbar       { display: none;}
#exam_box .exam_select02       { margin-left:40px;}
#exam_box .exam_select02 table { background:#3E5A8D; border-radius:15px; padding:3px; width:calc(1200px - 480px); font-size:22px; width:100%;}
#exam_box .exam_select02 th    { width:100%; background:#5982CD; color:#fff; text-align:left; padding:13px 18px; border-radius:10px 10px 0 0;}
#exam_box .exam_select02 td    { background:#fff; padding:10px 18px;}
#exam_box .exam_select02 .course { width:calc(1200px - 677px);}
#exam_box .exam_select02 .people { width:calc(1200px - 1090px); text-align:right;}
#exam_box .exam_select02 .answer_box { padding:10px;}

.confirm_box    { display:flex; justify-content:flex-end;/* align-items:flex-end;*/}
.confirm_box .search_list::after { top: 45px; right:10%;}
.confirm_btn button {
     display:block;
     width:180px;
     background:#ffcd01;
     font-size:18px;
     font-weight:bold;
     border:solid 2px #3e5a8d;
     border-radius:10px;
     padding:12px;
     letter-spacing:3px;
     cursor:pointer;}
.confirm_btn button a { color: #3e5a8d;}

/* 試験選択_モーダル --------------------------------------------------------------- */

#modal01               {
     margin: auto;
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
     background:url(../img/modal_back.png);
     display: none;
     z-index: 999;}
#modal01 .modal_box    {
     width:100%;
     height:100%;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     align-content:center;
     justify-content:center;}
#modal01 .start_box    { background:#fff; border-radius:15px; padding:5px; min-width:700px; height:auto; margin:0 auto;}
#modal01 .modal_box h4 { color:#fff; background:#5982cd; border-radius:10px 10px 0 0; padding:10px 0; font-size:18px; letter-spacing:3px;}
#modal01 ul            { font-size:18px; font-weight:bold; margin-top:40px; line-height:40px; letter-spacing:3px;}
#modal01 p             { font-size:18px; font-weight:bold; margin-top:20px; line-height:30px; letter-spacing:3px;}

#modal01 .btn-send     { justify-content:space-between; margin:30px 0; padding:0 160px;}
#modal01 .btn-send .ok {
     color:#fff;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     color:#3e5a8d;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}
#modal01 .btn-send .close {
     color:#fff;
     background:#5982cd;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}

#modal02               {
     margin: auto;
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
     background:url(../img/modal_back.png);
     display: none;
     z-index: 999;}
#modal02 .modal_box    {
     width:100%;
     height:100%;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     align-content:center;
     justify-content:center;}
/* U:2023.04.04 St yamaoka */
/* #modal02 .start_box    { background:#fff; border-radius:15px; padding:5px; min-width:700px; height:350px; margin:0 auto;} */
#modal02 .start_box    { background:#fff; border-radius:15px; padding:5px; min-width:700px; margin:0 auto;}
/* U:2023.04.04 End yamaoka */

#modal02 .modal_box h4 { color:#fff; background:#ee4133; border-radius:10px 10px 0 0; padding:10px 0; font-size:18px; letter-spacing:4px;}
#modal02 ul            { font-size:18px; font-weight:bold; margin-top:40px; line-height:40px; letter-spacing:3px;}
#modal02 p             { font-size:18px; font-weight:bold; margin-top:20px; line-height:30px; letter-spacing:3px;}
#modal02 .btn-send     { justify-content:center; margin:30px 0; padding:0 180px;}
#modal02 .btn-send .ok_close {
     color:#fff;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     color:#3e5a8d;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}

/* 試験管理画面 モーダル */
/* Ins:St 2023.03.27 */
#modal_mng01               {
     margin: auto;
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
     background:url(../img/modal_back.png);
     display: none;
     z-index: 999;}
#modal_mng01 .modal_box    {
     width:100%;
     height:100%;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     align-content:center;
     justify-content:center;}
#modal_mng01 .start_box    { background:#fff; border-radius:15px; padding:5px; min-width:700px; height:auto; margin:0 auto;}
#modal_mng01 .modal_box h4 { color:#fff; background:#ee4133; border-radius:10px 10px 0 0; padding:10px 0; font-size:18px; letter-spacing:3px;}
#modal_mng01 ul            { font-size:18px; font-weight:bold; margin-top:40px; line-height:40px; letter-spacing:3px;}
#modal_mng01 p             { font-size:18px; font-weight:bold; margin-top:20px; line-height:30px; letter-spacing:3px;}

#modal_mng01 .btn-send     { justify-content:space-between; margin:30px 0; padding:0 160px;}
#modal_mng01 .btn-send .ok {
     color:#fff;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     color:#3e5a8d;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}
#modal_mng01 .btn-send .close {
     color:#fff;
     background:#5982cd;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}
     
#modal_mng02               {
     margin: auto;
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
     background:url(../img/modal_back.png);
     display: none;
     z-index: 999;}
#modal_mng02 .modal_box    {
     width:100%;
     height:100%;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     align-content:center;
     justify-content:center;}
#modal_mng02 .start_box    { background:#fff; border-radius:15px; padding:5px; min-width:700px; height:auto; margin:0 auto;}
#modal_mng02 .modal_box h4 { color:#fff; background:#ee4133; border-radius:10px 10px 0 0; padding:10px 0; font-size:18px; letter-spacing:3px;}
#modal_mng02 ul            { font-size:18px; font-weight:bold; margin-top:40px; line-height:40px; letter-spacing:3px;}
#modal_mng02 p             { font-size:18px; font-weight:bold; margin-top:20px; line-height:30px; letter-spacing:3px;}

#modal_mng02 .btn-send     { justify-content:space-between; margin:30px 0; padding:0 160px;}
#modal_mng02 .btn-send .ok {
     color:#fff;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     color:#3e5a8d;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}
#modal_mng02 .btn-send .close {
     color:#fff;
     background:#5982cd;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}

/* 試験を終了します。よろしいですか？ */
#modal_mng03               {
     margin: auto;
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
     background:url(../img/modal_back.png);
     display: none;
     z-index: 999;}
#modal_mng03 .modal_box    {
     width:100%;
     height:100%;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     align-content:center;
     justify-content:center;}
#modal_mng03 .start_box    { background:#fff; border-radius:15px; padding:5px; min-width:700px; height:auto; margin:0 auto;}
#modal_mng03 .modal_box h4 { color:#fff; background:#5982cd; border-radius:10px 10px 0 0; padding:10px 0; font-size:18px; letter-spacing:3px;}
#modal_mng03 ul            { font-size:18px; font-weight:bold; margin-top:40px; line-height:40px; letter-spacing:3px;}
#modal_mng03 p             { font-size:18px; font-weight:bold; margin-top:20px; line-height:30px; letter-spacing:3px;}

#modal_mng03 .btn-send     { justify-content:space-between; margin:30px 0; padding:0 160px;}
#modal_mng03 .btn-send .ok {
     color:#fff;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     color:#3e5a8d;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}
#modal_mng03 .btn-send .close {
     color:#fff;
     background:#5982cd;
     font-weight:bold;
     padding:8px; 
     width:170px;
     border-radius:10px;
     display:block;
     position:relative;
     appearance: none;
     cursor:pointer;}
/* Ins:End 2023.03.27 */

/* 試験結果 --------------------------------------------------------------- */
.result_box         { background:#fff; padding:15px 0 35px 25px; border-radius:15px;}
.result_box .pass {
     font-size:100px;
     font-weight:bold;
     text-align:center;
     color:#3d9738;
     margin:40px 0;
     letter-spacing:15px;}
.result_box .fail {
     font-size:100px;
     font-weight:bold;
     text-align:center;
     color:red;
     margin:40px 0;
     letter-spacing:15px;} 

#exam_total         { position:relative; display:inline-block;}
#exam_total ul      { background:#3e5a8d; padding:4px; color:#fff;}
#exam_total .test_list{ border-radius:15px;}
#exam_total ul li:first-child{
     background:#5982cd;
     width:100%;
     margin-top:0px;
     border-radius:10px 10px 0 0;
     padding:13px 18px;
     color:#fff;}
#exam_total .test_list .first_list{
     background:#5982cd;
     width:100%;
     margin-top:0px;
     border-radius:10px 10px 0 0;
     padding:13px 18px;
     margin-bottom:3px;}
#exam_total .test_list .side { width:374px;height:50px; font-weight:100;}
#exam_total .test_list .middle {
     /*max-width:374px;*/
	 width: calc(100% - 379px);
     height:50px;
     font-weight:100;
     margin:0;
     text-align:center;}

#exam_refer         { position:relative; display:inline-block; padding: 40px 0px;}
#exam_refer ul      { background:#3e5a8d; color:#fff;}
#exam_refer ul li:first-child{
     background:#5982cd;
     width:100%;
     margin-top:0px;
     border-radius:10px 10px 0 0;
     padding:13px 18px;}
#exam_refer .test_list .fail { color:red; font-weight:bold;}
#exam_refer .test_list .pass { color:#3d9738; font-weight:bold;}
#exam_refer .test_list { visibility:hidden; opacity: 0; transition: .5s; height:0; overflow:hidden;}
#exam_refer .right_check:checked + .right_label + .test_list{
     opacity:1;
     visibility:visible;
     /* U:st 2023.03.30 yamaoka */
     /* min-height:748px;} */
     height:auto;}
     /* U:end 2023.03.30 yamaoka */
#exam_refer .test_list .first_list{
     background:#5982cd;
     width:100%;
     border-radius:10px 10px 0 0;
     margin-top:3px;
     padding:13px 18px;
     color:#fff;}
#exam_refer .test_list .side {
     min-width:374px;
     height:50px;
     font-weight:100;
     margin-top:3px;}
#exam_refer .test_list .middle {
     /*max-width:374px;*/
	 width: calc(100% - 379px);
     height:50px;
     font-weight:100;
     margin:0;
     text-align:center;}
#exam_refer .q_list    { border-radius:0 0 10px 10px; margin-top:3px; font-weight:100;}
#exam_refer .right_label {
     background:#3e5a8d;
     padding:15px 20px 20px;
     border:none;}
#exam_refer .right_label::after{ top:31%; right:25px;}

#result .confirm_box       { justify-content:end;}
#en .confirm_btn button    { width:290px;}


.read_box        { display:flex; justify-content:flex-end; align-items:center;}
.read_box .search_list::after { top: 45px;}
.read_btn button {
     display:block;
     width:180px;
     background:#ffcd01;
     font-size:18px;
     font-weight:bold;
     border:solid 2px #3e5a8d;
     border-radius:10px;
     padding:12px;
     letter-spacing:3px;
     cursor:pointer;}
.read_btn button a   { color: #3e5a8d;}
#en .read_btn button { width:290px;}



/* 試験状況画面 --------------------------------------------------------------- */
.process            { display:flex; justify-content:space-between;}
.process button     {
     background:#eef2f4;
     width:120px;
     padding:8px;
     border-radius:6px;
     border:solid #acadae 1px;
     font-size:16px;
     position:relative;
     appearance: none;
     cursor:pointer;}

#manage_box         { max-width:1200px; margin:0 auto; font-size:16px; line-height:1.6rem; padding:0 20px;}
#manage_box .manage_list      { background:#3E5A8D; margin:15px 0; padding:3px; border-radius:15px; letter-spacing:0.1rem; font-size:22px;}
#manage_box .manage_list th   { background:#5982CD; color:#fff; padding:13px 10px}
#manage_box .manage_list td   { background:#fff; padding:10px 18px; flex-wrap:wrap;}
#manage_box .manage_list th:first-child { border-radius:10px 0 0 0;}
#manage_box .manage_list th:last-child  { border-radius:0 10px 0 0;}
#manage_box .manage_list .last td:first-child { border-radius:0 0 0 10px;}
#manage_box .manage_list .last td:last-child  { border-radius:0 0 10px 0;}

#manage_box .manage_list .red { color:red; font-weight:bold;}
#manage_box .manage_list .number { width: calc(1200px - 1080px);}
#manage_box .manage_list .course { width: calc(1200px - 730px);}
#manage_box .manage_list .situation { width: calc(1200px - 1090px);}
#manage_box .manage_list .name   { width: calc(1200px - 850px);}
#manage_box .manage_list .button { width: calc(1200px - 1110px);}

#manage_box .manage_list button {
     background:#eef2f4;
     width:65px;
     border-radius:6px;
     border:solid #acadae 1px;
     position:relative;
     display:block;
     margin:0 auto;
     appearance: none;
     cursor:pointer;}

/* Ins:St 2023.03.22 yamaoka 試験再選択画面 */

#exam_select .exam_select03 .test_list .side {/* width: calc(100% - 602px);*/ width:55px; height:50px;}
#exam_select .exam_select03 { width:100%; height:276px; /* overflow:auto;*/}
#exam_select .exam_select03 .middle{ width: 531px;height:50px;display:inline-flex;align-items:center;font-weight:100;padding-left:20px;}
#exam_select .exam_select03 .side02 { width:350px; height:50px; font-weight:100;}
#exam_select .exam_select03 .side03 { width:200px; height:50px; font-weight:100;}

#exam_select .exam_select03 .middle_top {background:#5982cd; width:589px;padding:13px 18px;align-items: center;color: #fff; margin-top:0px; border-radius:10px 0 0 0; height:50px; display:inline-flex;align-items:center;font-weight:100;padding-left:20px;}
#exam_select .exam_select03 .side02_top {background:#5982cd; width:350px;padding:13px 18px;align-items: center;color: #fff; margin-top:0px; height:50px; font-weight:100;}
#exam_select .exam_select03 .side03_top {background:#5982cd; width:200px;padding:13px 18px;align-items: center;color: #fff; margin-top:0px; border-radius:0 10px 0 0; height:50px; font-weight:100;}

/* Ins:End 2023.03.22 yamaoka 試験再選択画面 */

/* Ins:St 2023.03.22 yamaoka エラー画面 */
.color_red           {color: red;}
.err_box    { background:#fff; border-radius:10px; padding:70px 0;
     font-size:18px;
     font-weight:bold;
     border:solid 2px #3e5a8d;
     border-radius:10px;
     padding:12px;
     letter-spacing:3px;
     margin: auto 0 30px 0 ;
     padding: 10px;
     cursor:pointer;}
#contbox_err          { max-width:720px; margin:0 auto; font-size:16px; line-height:1.6rem;}
#contbox_err a {
     display:block;
     width:180px;
     font-size:18px;
     font-weight:bold;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     border-radius:10px;
     padding:12px;
     text-align: center;
     letter-spacing:3px;
     margin: 0 0 0 auto;
     cursor:pointer;}
.err_box p {
     font-size:18px;
     display:block;
     padding:12px;
     letter-spacing:3px;
     margin: auto 0 0 0 ;
     padding: 10px;
     cursor:pointer;}
.err_h1 {
     border-radius:10px; padding:70px 0;
     font-size:28px;
     background:#ffcd01;
     border:solid 2px #3e5a8d;
     display:block;
     letter-spacing:3px;
     margin: auto 0 30px 0 ;
     text-align: left;
     padding: 30px;
     cursor:pointer;}
/* Ins:End 2023.03.22 yamaoka エラー画面 */
/* Ins:St 2023.03.22 yamaoka 不正解 */

.incorrect_box       { padding:10px 20px; }
.incorrect_box span  { font-size:18px; margin-right:20px; margin-left:-35px;}
.incorrect_box input[type="radio"] { margin-right:20px;}
.incorrect_box input[type="radio"] { display:none;}
.incorrect_box input[type="radio"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 40px;}
.incorrect_box input[type="radio"]+label::before{
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    background: #d2d2d2;}
.incorrect_box input[type="radio"]:checked+label::before{
      background:#FF0000;}
.incorrect_box input[type="radio"]:checked+label::after{
    content: "\0d7";
    color: white;
    font-size: 25px;
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0.6px;
    left: 3px;
 }
 /* Ins:St 2023.04.05 yamaoka */
.incorrect_box_qa_select02       { padding:10px 20px; }
.incorrect_box_qa_select02 span  { font-size:18px; margin-right:20px; margin-left:-35px;}
.incorrect_box_qa_select02 input[type="radio"] { margin-right:20px;}
.incorrect_box_qa_select02 input[type="radio"] { display:none;}
.incorrect_box_qa_select02 input[type="radio"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 40px;}
.incorrect_box_qa_select02 input[type="radio"]+label::before{
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -18px;
    left: 6px;
    top: 50%;
    background: #d2d2d2;}
.incorrect_box_qa_select02 input[type="radio"]:checked+label::before{
      background:#FF0000;}
 .incorrect_box_qa_select02 input[type="radio"]:checked+label::after{
     content: "\0d7";
     color: white;
     font-size: 25px;
     position: absolute;
     display: block;
     box-sizing: border-box;
     top: -20px;
     left: 9px;
  }
  .commentary_string_box     { background:#5982cd; border-radius:10px; padding:20px 20px 20px 0px; border: solid 2px #BAD3FF; margin-top: 20px;}
  .commentary_string_box h3  { background:#5982cd; color:#fff; max-width:150px; padding:0px 0px 20px 0px; margin-bottom:10px; font-size:22px;}
  .commentary_string_box p   { font-size:22px; line-height:1.8rem; color:#fff; padding:0px 0px 0px 20px; }
  /* Ins:End 2023.04.05 yamaoka */
 
.unanswered input[type="radio"]+label::before{
content: "";
position: absolute;
display: block;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
left: 0;
top: 50%;
background: #d2d2d2;}
.unanswered       { background:#3e5a8d; color:#fff; padding:10px 20px;}


/* Ins:End 2023.03.22 yamaoka 不正解 */

/* Ins:St 2023.04.12 yamaoka ボタンdiv固定 */
    .bottom-bar {
     position: fixed;
     bottom: 0;
     left: 0px;
     width: 100%;
     background: #1c3d79;
     padding: 3px;
   }
   
   .contbox_test {
     position: relative;
     /* min-height: 100vh; */
     padding-bottom: 15%;
   }
   .look_q_no {
     cursor: pointer;
   }
/* Ins:End 2023.04.12 yamaoka ボタンdiv固定 */